/* ============================================================
   Preset "AynAlfahad Corporate" — structural treatments that go beyond
   token values (loaded after styles.css only while this preset is active).
   Source: AynAlfahad corporate-profile design system — frosted glass panels
   on dark, gold-ring icon circles, gold top rules on light cards, champagne
   hairlines on dark cards, ghost outlined numerals, hairline borders.
   Colors always come from theme tokens, so admin overrides still apply.
   ============================================================ */

/* ---- frosted glass panels on dark sections ---- */
.dark .card,
.cta-band .cta-card:not(.cta-card--accent),
.band .card{
  background:rgba(255,255,255,.075);
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.3);
}
.cta-band .cta-card:not(.cta-card--accent):hover{ border-color:rgba(var(--cta-kicker-rgb),.55); background:rgba(255,255,255,.1); }
.cta-band .cta-card .cta-kicker{ font-family:var(--label); font-weight:500; letter-spacing:.16em; }

/* ---- gold top rule on light cards (editorial groups) ---- */
.card:not(.card-ink), .aud, .mcard:not(.ink){ border-top:var(--rule-w) solid var(--accent); }
.val{ box-shadow:var(--shadow-sm); }

/* ---- dark ink cards: champagne gradient hairline on top ---- */
.card-ink, .mcard.ink{ position:relative; overflow:hidden; box-shadow:var(--shadow-md); }
.card-ink::before, .mcard.ink::before{
  content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background:linear-gradient(90deg, var(--cta-kicker), rgba(var(--cta-kicker-rgb),0) 85%);
}

/* ---- gold-ring icon circles ---- */
.cap-ico{ border-radius:50%; background:transparent; border:1.5px solid var(--accent); color:var(--accent); }
.dark .cap-ico{ border-color:var(--cta-kicker); color:var(--cta-kicker); }
.step .sn{ border-width:1.5px; }

/* ---- ghost outlined numerals (deck chapter numerals) ---- */
.mcard .mnum{ color:transparent; -webkit-text-stroke:1.5px var(--accent); }
.mcard.ink .mnum{ color:transparent; -webkit-text-stroke-color:var(--accent-bright); }

/* ---- kickers: mono micro-labels; on dark they read amber ---- */
.cat-tag, .leader .role, .aud .k, .cdetail .k, .crumbs, .cta-kicker, .modal-badge, .b2b-badge{
  font-family:var(--label); font-weight:500;
}

/* ---- hairlines instead of heavier rules ---- */
.stats{ border-top-width:1px; }
.cat-card figcaption{ border-top-width:1px; }

/* ---- the modal ring pattern belongs to the Ripple Classic look — keep only the glow ---- */
.modal-visual .m-rings{ display:none; }

/* logo heights: theme tokens --logo-h / --logo-h-md / --logo-h-sm / --footer-logo-h */

/* ---- brand mark motif (feature list): fine gold outline, amber dot ---- */
.motif--mark{ width:170px; height:auto; }
.motif--mark path{ fill:none; stroke:var(--accent); stroke-width:.55; stroke-linejoin:round; }
.motif--mark .dot{ fill:var(--accent-line); stroke:none; }

/* ---- mark watermark on dark sections (deck: logo symbol at ~5% opacity) ---- */
.band, .footer{
  background-image:url("../../brand/aynalfahad/mark-watermark.svg");
  background-repeat:no-repeat;
}
.band{ background-position:right -4% center; background-size:auto 128%; }
.footer{ background-position:right -60px bottom -90px; background-size:420px auto; }