/* O(2)(2) — Exact Serenity Homes primary / secondary button mirror
   Scope: index.php only. Loaded last so legacy gradients, outline pills and theme overrides cannot repaint the controls. */

:root{
  --ol-o22-serenity-gold:#D4A373;
  --ol-o22-serenity-terracotta:#C97945;
  --ol-o22-serenity-terracotta-strong:#A85E35;
  --ol-o22-serenity-espresso:#2D1F18;
  --ol-o22-serenity-primary-ink:#1F130D;
  --ol-o22-serenity-ivory:#FDFBF7;
  --ol-o22-serenity-primary-shadow:0 18px 52px rgba(168,94,53,.24);
  --ol-o22-serenity-secondary-shadow:0 18px 42px rgba(45,31,24,.18);
  --ol-o22-serenity-focus:rgba(201,121,69,.42);
  --ol-o22-serenity-ease:cubic-bezier(.22,1,.36,1);
}

html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-control,
  .ix-btn,
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a,
  .ol-cc-mega-actions > a
){
  min-width:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  padding:.92rem 1.14rem!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transform:translateZ(0) scale(1)!important;
  transform-origin:center!important;
  transition:
    transform .15s ease-out,
    filter .18s ease-out,
    border-color .18s ease-out,
    box-shadow .18s ease-out!important;
  will-change:transform!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

/* Exact Serenity Homes primary: warm gold-to-terracotta capsule with espresso typography. */
html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-primary-action,
  .ix-btn:not(.ghost),
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a
){
  background-color:var(--ol-o22-serenity-terracotta)!important;
  background-image:linear-gradient(135deg,var(--ol-o22-serenity-gold),var(--ol-o22-serenity-terracotta))!important;
  color:var(--ol-o22-serenity-primary-ink)!important;
  border:1px solid rgba(253,251,247,.34)!important;
  box-shadow:var(--ol-o22-serenity-primary-shadow)!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Exact Serenity Homes secondary: solid espresso capsule with luxury ivory typography. */
html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-secondary-action,
  .ix-btn.ghost,
  .ol-o5-award-secondary,
  .ol-o5-route-theatre-card .ol-o22-secondary-action,
  .ol-cc-mega-actions > a
){
  background-color:var(--ol-o22-serenity-espresso)!important;
  background-image:none!important;
  color:var(--ol-o22-serenity-ivory)!important;
  border:1px solid rgba(253,251,247,.18)!important;
  box-shadow:var(--ol-o22-serenity-secondary-shadow)!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-primary-action,
  .ol-o22-secondary-action,
  .ix-btn,
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a,
  .ol-cc-mega-actions > a
) :is(span,strong,b,i,svg){
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Remove legacy pseudo-element paint layers so the two Serenity finishes remain exact. */
html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-control,
  .ix-btn,
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a,
  .ol-cc-mega-actions > a
)::before,
html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-control,
  .ix-btn,
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a,
  .ol-cc-mega-actions > a
)::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}

@media (hover:hover) and (pointer:fine){
  html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
    .ol-o22-primary-action,
    .ix-btn:not(.ghost),
    .ol-cc-cta,
    .ol-o5-award-primary,
    .ol-o5-booking-card-cta,
    .ol-p9-primary,
    .ol-o45-route-signal-cta,
    .ol-cc-footer-brief > a
  ):hover{
    background-color:var(--ol-o22-serenity-terracotta)!important;
    background-image:linear-gradient(135deg,#D9AA7D,var(--ol-o22-serenity-terracotta-strong))!important;
    color:var(--ol-o22-serenity-primary-ink)!important;
    border-color:rgba(253,251,247,.42)!important;
    box-shadow:0 22px 58px rgba(168,94,53,.30)!important;
    transform:translate3d(0,-2px,0) scale(1.01)!important;
  }

  html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
    .ol-o22-secondary-action,
    .ix-btn.ghost,
    .ol-o5-award-secondary,
    .ol-cc-mega-actions > a
  ):hover{
    background-color:#3A2A21!important;
    background-image:none!important;
    color:var(--ol-o22-serenity-ivory)!important;
    border-color:rgba(253,251,247,.30)!important;
    box-shadow:0 22px 54px rgba(45,31,24,.24)!important;
    transform:translate3d(0,-2px,0) scale(1.01)!important;
  }
}

html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-control,
  .ix-btn,
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a,
  .ol-cc-mega-actions > a
):active{
  transform:translateZ(0) scale(.98)!important;
  transition-duration:.15s!important;
}

html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-control,
  .ix-btn,
  .ol-cc-cta,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta,
  .ol-p9-primary,
  .ol-o45-route-signal-cta,
  .ol-cc-footer-brief > a,
  .ol-cc-mega-actions > a
):focus-visible{
  outline:3px solid var(--ol-o22-serenity-focus)!important;
  outline-offset:3px!important;
}

html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
  .ol-o22-control,
  .ix-btn,
  .ol-o5-award-primary,
  .ol-o5-award-secondary,
  .ol-o5-booking-card-cta
):is(:disabled,[aria-disabled="true"]){
  opacity:.48!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  box-shadow:none!important;
  transform:none!important;
}

html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] .ix-actions{
  align-items:center!important;
  gap:.6rem!important;
}

@media (max-width:640px){
  html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
    .ix-card .ix-actions,
    .ix-form .ix-actions,
    .ix-gateway-card .ix-actions
  ){
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }

  html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
    .ix-card .ix-actions,
    .ix-form .ix-actions,
    .ix-gateway-card .ix-actions
  ) :is(.ix-btn,.ol-o22-control){
    width:100%!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body[data-oloropa-page="index.php"][data-o22-index-serenity-controls="true"] :is(
    .ol-o22-control,
    .ix-btn,
    .ol-cc-cta,
    .ol-o5-award-primary,
    .ol-o5-award-secondary,
    .ol-o5-booking-card-cta,
    .ol-p9-primary,
    .ol-o45-route-signal-cta,
    .ol-cc-footer-brief > a,
    .ol-cc-mega-actions > a
  ){
    transition:none!important;
  }
}