/* ===== Pagina „Camere și tarife" — namespace .cmr- (peste casa.css + casa-pages.css) ===== */

/* --- grila camerelor (2×2 desktop → 1 col ≤899px) --- */
.cmr-rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.4rem,2.8vw,2.4rem)}
.cmr-room{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(176,141,87,.2);border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -48px rgba(59,47,38,.55)}
.cmr-room-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--forest-2)}
.cmr-room-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cmr-room:hover .cmr-room-media img{transform:scale(1.05)}
.cmr-guests{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:100px;background:rgba(22,29,19,.72);border:1px solid rgba(201,169,106,.3);color:var(--cream-3);font:500 .78rem/1 var(--sans);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cmr-guests i{color:var(--gold-3);font-size:.95rem}

.cmr-room-body{display:flex;flex-direction:column;gap:.9rem;flex:1;padding:1.6rem clamp(1.2rem,2.2vw,1.9rem) 1.8rem}
.cmr-room-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.2rem}
.cmr-room-top h3{font:500 clamp(1.35rem,1.9vw,1.7rem)/1.15 var(--serif);letter-spacing:-.01em;color:var(--forest);max-width:16ch}
.cmr-price{display:flex;align-items:baseline;gap:.4rem;white-space:nowrap}
.cmr-price b{font:500 clamp(1.9rem,2.6vw,2.5rem)/1 var(--serif);color:var(--gold)}
.cmr-price span{font:400 .82rem/1 var(--sans);color:var(--muted)}
.cmr-room-line{font:400 .98rem/1.65 var(--sans);color:var(--muted)}

.cmr-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.cmr-chips span{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:100px;background:rgba(176,141,87,.09);border:1px solid rgba(176,141,87,.26);font:500 .8rem/1.2 var(--sans);color:var(--forest)}
.cmr-chips i{color:var(--gold);font-size:1rem;flex-shrink:0}

.cmr-room-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:auto;padding-top:.5rem}
.cmr-btn-line{border-color:rgba(46,64,52,.4);color:var(--forest)}
.cmr-btn-line:hover{background:var(--forest);border-color:var(--forest);color:var(--cream-3)}

/* --- banda de facilități (lipită vizual de secțiunea camerelor) --- */
.cmr-facil{padding-top:0}

/* --- cardurile de pe fundal închis (Confort / Autenticitate / Experiență) --- */
.cmr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.cmr-card{background:rgba(246,239,224,.05);border:1px solid rgba(201,169,106,.22);border-radius:16px;padding:1.9rem}
.cmr-card i{font-size:1.9rem;color:var(--gold-3)}
.cmr-card h3{font:500 1.4rem/1.2 var(--serif);color:var(--cream-3);margin:.9rem 0 .6rem}
.cmr-card p{font:400 .96rem/1.7 var(--sans);color:#c3b79c}

/* --- politici de rezervare --- */
.cmr-policies{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.cmr-policy{background:#fff;border:1px solid rgba(176,141,87,.2);border-radius:16px;padding:1.9rem;box-shadow:0 14px 32px -26px rgba(59,47,38,.45)}
.cmr-policy-ic{font-size:1.9rem;color:var(--gold)}
.cmr-policy h3{font:500 1.35rem/1.2 var(--serif);color:var(--forest);margin:.9rem 0 .9rem}
.cmr-policy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.cmr-policy li{display:flex;align-items:flex-start;gap:.6rem;font:400 .95rem/1.55 var(--sans);color:var(--muted)}
.cmr-policy li i{color:var(--gold);font-size:1.05rem;flex-shrink:0;margin-top:.14rem}
.cmr-note{display:flex;align-items:flex-start;justify-content:center;gap:.55rem;margin-top:1.8rem;text-align:center;font:400 .93rem/1.6 var(--sans);color:var(--muted)}
.cmr-note i{color:var(--gold);font-size:1.1rem;flex-shrink:0;margin-top:.12rem}

/* --- responsive: 1000 / 899 / 640 / 380 --- */
@media(max-width:1000px){
  .cmr-rooms{gap:1.3rem}
  .cmr-policies,.cmr-cards{gap:1.1rem}
}
@media(max-width:899px){
  .cmr-rooms{grid-template-columns:1fr}
  .cmr-cards{grid-template-columns:1fr}
  .cmr-policies{grid-template-columns:1fr}
}
@media(max-width:640px){
  .cmr-room-body{padding:1.4rem 1.2rem 1.5rem}
  .cmr-room-actions .btn{flex:1 1 auto;justify-content:center}
  .cmr-note{text-align:left;justify-content:flex-start}
}
@media(max-width:380px){
  .cmr-room-top{flex-direction:column;align-items:flex-start;gap:.35rem}
  .cmr-chips span{padding:.5rem .75rem;font-size:.76rem}
  .cmr-card,.cmr-policy{padding:1.5rem 1.3rem}
  .cmr-guests{top:.7rem;right:.7rem}
}