/* ==========================================================================
   SINGLE ACCOMMODATION — property-specific styles. The shared .aaa-st-* layout
   (header, gallery, layout, facts, sidebar, lightbox, map) is reused from
   single-tour.css, which is enqueued alongside this file. Scope: .aaa-acc-single
   ========================================================================== */

.aaa-acc-single section{position:relative}

/* rooms & suites */
.aaa-acc-rooms{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.aaa-acc-room{border:1px solid var(--aaa-line);border-radius:14px;overflow:hidden;transition:.3s;background:#fff}
.aaa-acc-room:hover{transform:translateY(-5px);box-shadow:var(--aaa-shadow)}
.aaa-acc-room .ph{aspect-ratio:16/10;overflow:hidden}
.aaa-acc-room .ph img{width:100%;height:100%!important;object-fit:cover;transition:.5s}
.aaa-acc-room:hover .ph img{transform:scale(1.06)}
.aaa-acc-room .b{padding:20px}
.aaa-acc-room .sleeps{font-size:.78rem;color:var(--aaa-blue);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.aaa-acc-room h4{font-family:var(--aaa-serif);font-size:1.25rem;font-weight:600;margin:6px 0 8px}
.aaa-acc-room p{font-size:.92rem;color:var(--aaa-ink-soft)}

/* amenities */
.aaa-acc-amen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.aaa-acc-amen .amen{display:flex;align-items:center;gap:10px;background:var(--aaa-mist);border-radius:12px;padding:15px 18px;font-weight:600;font-size:.96rem}

/* good to know */
.aaa-acc-gtk{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.aaa-acc-gtk .row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--aaa-line)}
.aaa-acc-gtk .row span{color:var(--aaa-ink-soft)}
.aaa-acc-gtk .row b{font-weight:700;text-align:right}

/* force the enquiry submit to render filled (beat Elementor/Hello button reset) */
.aaa-acc-single .aaa-btn--primary{background:var(--aaa-blue)!important;color:#fff!important;border-color:transparent!important}
.aaa-acc-single .aaa-btn--primary:hover{background:var(--aaa-blue-deep)!important}
.aaa-acc-single button.aaa-btn{font-family:var(--aaa-sans);cursor:pointer}

@media(max-width:880px){
  .aaa-acc-rooms,.aaa-acc-amen,.aaa-acc-gtk{grid-template-columns:1fr}
}