
/* v10 finished-site additions */
.fixture-shell{margin-top:28px}
.fixture-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px;flex-wrap:wrap}
.fixture-status{font-size:.9rem;color:#6f6a60;max-width:620px}
.fixture-list{display:grid;gap:10px}
.fixture-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:24px;align-items:center;padding:18px 20px;border:1px solid rgba(34,31,27,.13);border-radius:14px;background:#fff}
.fixture-row.is-home{border-left:4px solid #aa8b58}
.fixture-date{display:grid;gap:4px}.fixture-date span,.fixture-main span{font-size:.88rem;color:#706b63}
.fixture-main{display:grid;gap:4px;min-width:0}.fixture-main strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:500}
.fixture-badge{display:inline-flex!important;width:max-content;padding:4px 8px;border:1px solid #d8c7a9;border-radius:999px;font-size:.7rem!important;letter-spacing:.14em;color:#6c5735!important}
.fixture-btn{white-space:nowrap}
.match-selection{margin:0 0 24px;padding:18px 20px;border:1px solid #d8c7a9;background:#fbf7ee;border-radius:14px}
.match-selection strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:500;display:block}
.match-selection span{display:block;margin-top:5px;color:#5f5a52}
.legal-panel h3{font-family:Georgia,serif;font-weight:500;font-size:1.35rem;margin:1.4em 0 .45em}
@media(max-width:760px){.fixture-row{grid-template-columns:1fr;gap:10px}.fixture-btn{width:100%;text-align:center}.fixture-toolbar{align-items:start}}

.fixture-filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.fixture-filter{appearance:none;border:1px solid #d9cdb9;background:#fff;color:#171918;border-radius:999px;padding:10px 16px;font:inherit;cursor:pointer}
.fixture-filter.active{background:#171918;color:#fff;border-color:#171918}
.fixture-note{margin-top:18px}

/* v12 events + corporate */
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.event-card{border:1px solid rgba(34,31,27,.14);border-radius:18px;background:#fff;padding:22px;display:flex;flex-direction:column;align-items:flex-start;min-height:260px}
.event-card h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:500;margin:.35em 0}
.event-card p{color:#666158;margin:.2em 0 1.2em}
.event-date{font-weight:700;font-size:.9rem}
.event-type{margin-top:8px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#9a7b49}
.event-card .btn{margin-top:auto}
@media(max-width:980px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.event-grid{grid-template-columns:1fr}.nav-links{gap:12px}}

/* v14 quick-scan feature icons */
.feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:22px
}
.feature-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  border:1px solid rgba(34,31,27,.12);
  border-radius:16px;
  background:#fff
}
.feature-icon{
  width:44px;height:44px;min-width:44px;
  border-radius:14px;
  background:#f5efe4;
  border:1px solid #e4d7c2;
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;line-height:1
}
.feature-copy strong{
  display:block;
  font-family:Georgia,serif;
  font-size:1.05rem;
  font-weight:600;
  margin-bottom:4px
}
.feature-copy span{
  display:block;
  color:#6b665e;
  font-size:.95rem;
  line-height:1.45
}
.feature-inline{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:20px
}
.feature-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 13px;border:1px solid #ded1bc;border-radius:999px;
  background:#fff;color:#2a2723;font-size:.92rem
}
.feature-pill .mini{font-size:1rem;line-height:1}
@media(max-width:760px){
  .feature-grid{grid-template-columns:1fr}
}

/* v15 booking-card hierarchy and tighter direct offer */
.direct-offer{
  max-width:760px;
  padding:0;
  margin:0;
}
.direct-offer h2{
  font-family:Georgia,serif;
  font-size:clamp(2rem,3.2vw,3.15rem);
  font-weight:500;
  line-height:1.05;
  margin:.22em 0 .38em;
}
.direct-offer p{max-width:720px;margin:.45em 0}
.direct-offer .small{color:#6c6861}

@media (min-width:761px){
  /* Nova gets the central, highest-attention position on three-card rows */
  .apartment-choice.apartment-clara{order:1}
  .apartment-choice.apartment-nova{order:2}
  .apartment-choice.apartment-luna{order:3}
}
@media (max-width:760px){
  /* Statement apartment first on mobile */
  .apartment-choice.apartment-nova{order:1}
  .apartment-choice.apartment-clara{order:2}
  .apartment-choice.apartment-luna{order:3}
}

/* v17: only tidy the direct-booking promo copy above the apartment selector */
.direct-benefit-clean{
  margin-bottom:24px;
  max-width:760px;
}
.direct-benefit-clean .saving{
  display:block;
  margin-bottom:8px;
}
.direct-benefit-clean h3{
  margin:.1em 0 .35em;
}
.direct-benefit-clean p{
  margin:0;
  max-width:680px;
}

/* v18: apartment prominence/order */
@media (min-width:761px){
  .booking-choice-grid .choice-clara{order:1}
  .booking-choice-grid .choice-nova{order:2}
  .booking-choice-grid .choice-luna{order:3}
  .cards > .apartment-clara{order:1}
  .cards > .apartment-nova{order:2}
  .cards > .apartment-luna{order:3}
}
@media (max-width:760px){
  .booking-choice-grid .choice-nova{order:1}
  .booking-choice-grid .choice-clara{order:2}
  .booking-choice-grid .choice-luna{order:3}
  .cards > .apartment-nova{order:1}
  .cards > .apartment-clara{order:2}
  .cards > .apartment-luna{order:3}
}

.ga-consent{position:fixed;left:14px;right:14px;bottom:14px;z-index:9999;max-width:980px;margin:auto;background:#fffdf9;border:1px solid rgba(34,31,27,.16);box-shadow:0 12px 36px rgba(0,0,0,.16);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ga-consent>div:first-child{display:flex;flex-direction:column;gap:4px}.ga-consent strong{font-family:Georgia,serif}.ga-consent span{font-size:.92rem;color:#625e57}
.ga-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ga-link{border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit}
@media(max-width:700px){.ga-consent{align-items:flex-start;flex-direction:column}.ga-actions{width:100%}.ga-actions .btn{flex:1}}

/* v23 availability anchor */
html{scroll-behavior:smooth}
#availability{scroll-margin-top:110px}
@media(max-width:760px){#availability{scroll-margin-top:88px}}

/* v24 booking destination */
#apartment-options{scroll-margin-top:92px}
@media(max-width:760px){#apartment-options{scroll-margin-top:78px}}

/* v25 booking page opens directly on apartment choices */
.book-options-first{
  padding-top:48px;
}
.book-options-first .display{
  margin-top:.18em;
  margin-bottom:.22em;
}
.book-options-first .lead{
  max-width:760px;
  margin-bottom:34px;
}
@media(max-width:760px){
  .book-options-first{padding-top:28px}
  .book-options-first .lead{margin-bottom:24px}
}



/* v28: clean landing pages — no forced scroll/jitter */
.contact-first{
  padding-top:48px;
}
.book-options-first{
  padding-top:48px;
}
@media(max-width:760px){
  .contact-first,
  .book-options-first{
    padding-top:28px;
  }
}

/* Progressive enhancement: subtle same-origin page transition where supported */
@view-transition{
  navigation:auto;
}
::view-transition-old(root),
::view-transition-new(root){
  animation-duration:.22s;
  animation-timing-function:ease-out;
}
