/* ============================================================
   YZ CPA — iOS 27 Golden Gate skin (CSS-only, content untouched)
   Loaded by mu-plugin yz-ios27-skin.php. Rollback: delete plugin.
   Palette: brand gold #c89b3c / #a67c2e, cream #f8f3ea, warm ink.
   ============================================================ */

:root {
  --yz-gold: #a67c2e;
  --yz-gold-bright: #c89b3c;
  --yz-gold-deep: #8a6420;
  --yz-cream: #f8f3ea;
  --yz-platter: #fffdf8;
  --yz-ink: rgba(35, 28, 12, 0.92);
  --yz-ink-2: rgba(74, 62, 34, 0.64);
  --yz-hairline: rgba(60, 48, 20, 0.14);
  --yz-radius: 20px;
  --yz-radius-sm: 14px;
  --yz-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC",
    "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", Roboto, sans-serif;

  /* retune the theme's font presets to the system (SF) stack */
  --wp--preset--font-family--heading: var(--yz-font);
  --wp--preset--font-family--body: var(--yz-font);
}

/* ---- ground & type ---- */
body {
  background-color: var(--yz-cream);
  font-family: var(--yz-font);
  color: var(--yz-ink);
  -webkit-font-smoothing: antialiased;
}
h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading {
  font-family: var(--yz-font);
  letter-spacing: -0.015em;
  color: var(--yz-ink);
  text-wrap: balance;
}
.wp-site-blocks a:where(:not(.wp-block-button__link):not(.wp-block-navigation-item__content)) {
  color: var(--yz-gold-deep);
  text-decoration-color: rgba(166, 124, 46, 0.4);
}

/* remap the theme's light neutral bands to the warm family */
.has-base-background-color { background-color: var(--yz-platter) !important; }
.has-base-2-background-color { background-color: #f3ecdd !important; }

/* ---- sticky Liquid Glass header ---- */
header.wp-block-template-part > * {
  background: transparent;
}
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 40;
}
/* glass lives on an underlay so the header itself carries no backdrop-filter:
   a filter there would clip/trap its fixed+absolute descendants (dropdown
   submenus, the mobile nav modal) via containing-block + stacking rules */
header.wp-block-template-part::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(248, 243, 234, 0.62);
  -webkit-backdrop-filter: blur(20px) saturate(1.7);
  backdrop-filter: blur(20px) saturate(1.7);
  box-shadow: 0 0 0 1px var(--yz-hairline),
              0 8px 28px rgba(60, 44, 12, 0.07),
              inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
/* dropdown submenu sits on its own glass platter */
header.wp-block-template-part .wp-block-navigation__submenu-container {
  border-radius: var(--yz-radius-sm);
  border: 0 !important;
  background: rgba(255, 253, 248, 0.92) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.7);
  backdrop-filter: blur(20px) saturate(1.7);
  box-shadow: 0 0 0 1px var(--yz-hairline),
              0 12px 32px rgba(60, 44, 12, 0.18),
              inset 0 1px 0 rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
header.wp-block-template-part .wp-block-navigation-item__content {
  color: var(--yz-ink);
  font-weight: 500;
}
header.wp-block-template-part .wp-block-navigation-item__content:hover {
  color: var(--yz-gold-deep);
}

/* ---- buttons → iOS gold capsules ---- */
.wp-block-button__link {
  background-color: var(--yz-gold) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0.72em 1.5em !important;
  font-family: var(--yz-font);
  font-weight: 600;
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28),
              0 2px 10px rgba(138, 100, 32, 0.28);
  transition: filter 0.15s ease, transform 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}
.wp-block-button__link:hover { filter: brightness(1.08); }
.wp-block-button__link:active { transform: scale(0.97); filter: brightness(0.94); }
/* the secondary preset (contrast-2) becomes a tinted capsule */
.wp-block-button__link.has-contrast-2-background-color {
  background-color: rgba(166, 124, 46, 0.14) !important;
  color: var(--yz-gold-deep) !important;
  box-shadow: inset 0 0 0 1px rgba(138, 100, 32, 0.25);
}

/* ---- card platters: groups-with-background inside grid columns ---- */
.wp-block-column > .wp-block-group.has-background {
  background-color: var(--yz-platter) !important;
  border-radius: var(--yz-radius);
  box-shadow: 0 0 0 1px rgba(60, 48, 20, 0.08),
              0 2px 14px rgba(60, 44, 12, 0.07),
              inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.wp-block-column > .wp-block-group.has-background:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(60, 48, 20, 0.08),
              0 10px 26px rgba(60, 44, 12, 0.12),
              inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* full-width banded sections keep flat cream tones but get soft edges */
main > .wp-block-group.has-background,
main .wp-block-group.alignwide.has-background {
  border-radius: var(--yz-radius);
}

/* ---- golden hero band: first section of the homepage ---- */
body.home .entry-content > .wp-block-group.alignfull.has-background {
  background:
    radial-gradient(760px 320px at 85% -12%, rgba(240, 208, 120, 0.55), transparent 62%),
    linear-gradient(158deg, #241a06 0%, #59431a 40%, #a5803a 74%, #dcbd6e 100%);
  color: #fdf8ec;
  border-radius: 0 0 var(--yz-radius) var(--yz-radius);
}
body.home .entry-content > .wp-block-group.alignfull.has-background :is(h1, h2, h3, p, .wp-block-heading) {
  color: #fdf8ec;
}
body.home .entry-content > .wp-block-group.alignfull.has-background a:not(.wp-block-button__link) {
  color: #f0d078;
}
/* inner platters inside the hero become glass */
body.home .entry-content > .wp-block-group.alignfull.has-background .wp-block-group.has-background {
  background: rgba(253, 250, 242, 0.28) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.7);
  backdrop-filter: blur(22px) saturate(1.7);
  border-radius: var(--yz-radius);
  box-shadow: 0 0 0 1px rgba(30, 22, 6, 0.25),
              0 8px 30px rgba(20, 14, 2, 0.25),
              inset 0 1px 0 rgba(255, 255, 255, 0.5);
  color: var(--yz-ink);
}
body.home .entry-content > .wp-block-group.alignfull.has-background .wp-block-group.has-background :is(h1,h2,h3,p) {
  color: var(--yz-ink);
}

/* ---- media & misc ---- */
.wp-block-image img { border-radius: var(--yz-radius-sm); }
.wp-block-separator { border-color: var(--yz-hairline); }
footer.wp-block-template-part { color: var(--yz-ink-2); }
footer.wp-block-template-part a { color: var(--yz-gold-deep); }

@media (prefers-reduced-motion: reduce) {
  .wp-block-button__link, .wp-block-column > .wp-block-group.has-background { transition: none; }
}