/*
 * Own In Cabo — Phase 1 luxury presentation layer.
 * Additive, contrast- and consistency-focused refinements for the 19
 * completed Phase 1 routes only. Loads after oic-premium-proof.css,
 * oic-community.css and oic-home.css; does not replace their rules,
 * only tightens readability and brand consistency across all 19 pages.
 */

:root {
  /* Was referenced (accordion focus ring, home slider focus ring, home
     support-callout border) but never defined, so those declarations were
     silently dropped by the browser. Restoring it with an AA-safe value
     fixes those three spots without touching any markup. */
  --oic-rust: #a8462a;
  /* AA-safe replacement for the footer's washed-out rgba(255,255,255,.45)
     fine print (measured 4.48:1 on #091721 — fails the 4.5:1 minimum). */
  --oic-mute-on-dark: #98a2a9;
  /* AA-safe kicker color for light surfaces (measured 2.28:1 for the
     unscoped var(--oic-sand) default — fails badly). */
  --oic-kicker-on-light: #765526;
}

/* ---- Kicker labels: one accessible, brand-consistent rule for all 19
   pages. Gold reads elegantly but fails AA on light surfaces, so it is
   restored only inside the sections that are provably dark. ---- */
.oic-kicker {
  color: var(--oic-kicker-on-light);
}
.oic-hero .oic-kicker,
.oic-home-hero .oic-kicker,
.oic-community-hero .oic-kicker,
.oic-communities .oic-kicker,
.oic-home-lifestyles .oic-kicker,
.oic-editorial .oic-kicker,
.oic-home-guides .oic-kicker,
.oic-home-why .oic-kicker,
.oic-community-factors .oic-kicker,
.oic-community-related .oic-kicker,
.oic-community-disclosure .oic-kicker,
.oic-community-feature .oic-kicker,
.oic-chileno-quote .oic-kicker,
.oic-search-decisions .oic-kicker,
.oic-seller-process .oic-kicker,
.oic-proof-header .oic-kicker,
.oic-proof-footer .oic-kicker {
  color: var(--oic-sand);
}

/* ---- Footer fine print / legal disclosure: replace the sub-AA opacity
   with a muted but compliant tone, applied uniformly across all 19 pages
   (previously only patched on the homepage). ---- */
.oic-proof-footer__fine,
.oic-proof-footer__legal p,
.oic-proof-footer__legal a,
.oic-community-page .oic-proof-footer__legal p,
.oic-community-page .oic-proof-footer__legal a {
  color: var(--oic-mute-on-dark) !important;
}

/* ---- Focus-visible: context-aware outline color. var(--oic-sand) on the
   generic link rule measured 2.28:1 against paper/ivory (fails the 3:1
   non-text minimum), so light surfaces get a dark-ink ring and only the
   sections that are provably dark get the light sand-toned ring back. ---- */
.oic-lux a:focus-visible,
.oic-lux input:focus-visible,
.oic-lux textarea:focus-visible,
.oic-slider__controls button:focus-visible {
  outline: 3px solid var(--oic-ink);
  outline-offset: 4px;
}
.oic-hero a:focus-visible,
.oic-home-hero a:focus-visible,
.oic-community-hero a:focus-visible,
.oic-communities a:focus-visible,
.oic-home-lifestyles a:focus-visible,
.oic-editorial a:focus-visible,
.oic-home-guides a:focus-visible,
.oic-home-why a:focus-visible,
.oic-community-factors a:focus-visible,
.oic-community-related a:focus-visible,
.oic-community-disclosure a:focus-visible,
.oic-community-feature a:focus-visible,
.oic-chileno-quote a:focus-visible,
.oic-search-decisions a:focus-visible,
.oic-seller-process a:focus-visible,
.oic-proof-header a:focus-visible,
.oic-proof-footer a:focus-visible {
  outline: 3px solid var(--oic-sand-light);
  outline-offset: 4px;
}

/* ---- Full-bleed photo tiles: a two-tone ring stays legible over any
   underlying photograph, so no assumption about image brightness is
   required at any of the 4 QA breakpoints. ---- */
.oic-lifestyle:focus-visible,
.oic-place:focus-visible,
.oic-region-grid a:focus-visible,
.oic-community-grid > a:focus-visible,
.oic-community:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px var(--oic-ink);
}

/* ---- Card cohesion: extend the site's existing hairline-border language
   to the two card types that currently rely on shadow alone, so depth
   stays restrained and consistent across every card on these 19 pages. ---- */
.oic-listing-card,
.oic-source-guides > a {
  border: 1px solid var(--oic-line);
}

/* The homepage's legacy checkbox-accordion CSS is emitted inline after the
   enqueued styles and uses the same generic panel class as the restored
   server-rendered accordion. Keep restored panels visible by default for
   crawlers/no-JS, while the progressive-enhancement script continues to hide
   only panels carrying the real hidden attribute. */
.oic-baseline-restore .oic-accordion__panel {
  grid-template-rows: 1fr !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.oic-baseline-restore .oic-accordion__panel[hidden] {
  display: none !important;
}