/*
Theme Name:   AI Age Press — News
Theme URI:    https://news.aiagepress.com
Description:  AI Age Press house style (signal-yellow / deep-teal / ink magazine theme) for the
              news + opportunities aggregator. Child of Twenty Twenty-Five; brand tokens live in
              theme.json, the distinctive magazine components live here. Matches aiagepress.com.
Author:       AI Age Press
Template:     twentytwentyfive
Version:      1.3.0
Requires PHP: 8.1
License:      GPL-2.0-or-later
Text Domain:  aiage-news
*/

/* =====================================================================
   Tokens mirrored as raw CSS vars (theme.json also emits --wp--preset--*;
   these aliases keep the component CSS below readable and 1:1 with the
   landing page at aiagepress.com).
   ===================================================================== */
:root {
  --bg: #FAFAF8; --white: #FFFFFF; --ink: #0A0A0A; --ink-2: #2C2C2C;
  --ink-3: #5C5C5C; --ink-4: #8A8A8A; --rule: #E2E0DA;
  --yellow: #FFD60A; --yellow-2: #E5BD00; --teal: #006D77; --teal-2: #00525A;
  --display: 'Bricolage Grotesque', system-ui, sans-serif;
  --serif: 'DM Serif Display', Georgia, serif;
  --sans: 'Inter Tight', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}

body { background: var(--bg); color: var(--ink); font-family: var(--sans); }

/* Mono eyebrows / labels — the recurring magazine motif. */
.aiage-eyebrow,
.wp-block-post-terms,
.wp-block-post-date {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--teal); font-weight: 500;
}

/* Serif-italic accent (NEVER on "AI" — DM Serif italic renders "AI" as "Al"). */
.aiage-accent { font-family: var(--serif); font-style: italic; color: var(--teal); font-weight: 400; }

/* Section heading rule like the landing. */
.aiage-section-head {
  display: flex; align-items: end; justify-content: space-between; gap: 40px;
  margin: 0 0 40px; padding-bottom: 16px; border-bottom: 2px solid var(--ink);
}
.aiage-stamp {
  display: inline-block; background: var(--ink); color: var(--yellow);
  padding: 5px 12px; font-family: var(--display); font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
}

/* =====================================================================
   POST / ARTICLE CARDS — color-block, 2px ink border, yellow on hover.
   Apply class `aiage-card` to a Query Loop's Post Template wrapper.
   ===================================================================== */
.aiage-card {
  background: var(--white); border: 2px solid var(--ink); padding: 24px;
  transition: transform 0.25s, background 0.25s; position: relative; height: 100%;
}
.aiage-card:hover { background: var(--yellow); transform: translateY(-4px); }
.aiage-card .wp-block-post-title { font-family: var(--display); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 12px; }
.aiage-card .wp-block-post-title a { color: var(--ink); }
.aiage-card .wp-block-post-excerpt { font-size: 13px; color: var(--ink-2); line-height: 1.55; }
.aiage-cat {
  display: inline-block; background: var(--ink); color: var(--white); padding: 3px 8px;
  font-family: var(--display); font-size: 10px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; margin-bottom: 14px;
}

/* =====================================================================
   OPPORTUNITY BOARD — listing rows + the deadline badges emitted by
   the aiage-opportunities plugin (aiage_deadline_badge()).
   ===================================================================== */
.aiage-opp-list { display: grid; gap: 0; border: 2px solid var(--ink); }
.aiage-opp-row {
  display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center;
  padding: 20px 24px; background: var(--white);
  border-bottom: 2px solid var(--ink);
}
.aiage-opp-row:last-child { border-bottom: none; }
.aiage-opp-row:nth-child(even) { background: var(--bg); }
.aiage-opp-row:hover { background: var(--yellow); }
.aiage-opp-title { font-family: var(--display); font-size: 19px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.15; margin: 0 0 4px; }
.aiage-opp-title a { color: var(--ink); }
.aiage-opp-meta { font-family: var(--mono); font-size: 11px; color: var(--ink-3); letter-spacing: 0.04em; display: flex; flex-wrap: wrap; gap: 14px; }
.aiage-opp-meta .org { color: var(--teal); font-weight: 500; }

/* Deadline badges */
.aiage-badge {
  display: inline-block; font-family: var(--display); font-size: 10px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 10px; border: 1.5px solid var(--ink);
  white-space: nowrap;
}
.aiage-badge--open   { background: var(--white); color: var(--ink); }
.aiage-badge--soon   { background: var(--yellow); color: var(--ink); animation: aiageBlink 1.8s infinite; }
.aiage-badge--closed { background: var(--ink-4); color: var(--white); border-color: var(--ink-4); }
@keyframes aiageBlink { 0%,100% { opacity: 1; } 50% { opacity: 0.55; } }

/* Expired opportunities sink + grey (the plugin keeps them published by default). */
.opportunity-closed .aiage-opp-row,
.aiage-opp-row.is-expired { opacity: 0.5; filter: grayscale(0.4); }

/* Single opportunity — apply detail panel */
.aiage-opp-apply {
  border: 2px solid var(--ink); background: var(--bg); padding: 24px; margin: 24px 0;
  display: grid; gap: 12px;
}
.aiage-opp-apply dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 0; }
.aiage-opp-apply dt { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.aiage-opp-apply dd { margin: 0; font-family: var(--sans); font-size: 14px; color: var(--ink); }
.aiage-opp-apply .btn-apply {
  justify-self: start; background: var(--yellow); color: var(--ink); border: 2px solid var(--ink);
  padding: 12px 22px; font-family: var(--display); font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.04em; font-size: 14px; text-decoration: none; transition: background 0.2s, color 0.2s, transform 0.2s;
}
.aiage-opp-apply .btn-apply:hover { background: var(--ink); color: var(--yellow); transform: translateY(-2px); }

/* Faceted filter bar (works with the listing plugin's filter widgets) */
.aiage-facets {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
  border: 2px solid var(--ink); background: var(--white); padding: 16px 18px; margin: 0 0 24px;
}
.aiage-facets .facet-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); }

@media (max-width: 680px) {
  .aiage-opp-row { grid-template-columns: 1fr; }
  .aiage-section-head { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* Footer brand tint to match the landing's ink footer */
.wp-block-template-part.aiage-footer,
footer.aiage-footer { background: var(--ink); color: var(--white); }
footer.aiage-footer a { color: rgba(255,255,255,0.78); }
footer.aiage-footer a:hover { color: var(--yellow); }

/* Footer total-visits counter (WP Statistics) — gold + bold, centred */
.aiage-visits-line { align-items: baseline; gap: 4px; margin: 0 0 14px; }
.aiage-visits-line .aiage-visits-label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.55); margin: 0; }
.aiage-visits-line .wp-block-shortcode { display: inline; margin: 0; }
.aiage-visits-line, .aiage-visits-line a { color: var(--yellow); }
.aiage-visits-line .wp-block-shortcode, .aiage-visits-line .wps_visits, .aiage-visits-line span { font-family: var(--display); font-weight: 700; font-size: 15px; color: var(--yellow) !important; letter-spacing: 0.02em; }

/* Header nav dropdowns (Opportunities ▾ by type · Subjects ▾ by field) — on-brand */
.aiage-nav .wp-block-navigation-item__label { white-space: nowrap; }
.aiage-nav .wp-block-navigation__submenu-container {
  background: var(--white); border: 2px solid var(--ink); border-radius: 0;
  min-width: 248px; padding: 6px 0; box-shadow: 0 14px 30px -12px rgba(10,10,10,0.30);
}
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 9px 18px; font-family: var(--sans); font-size: 12px; font-weight: 500;
  letter-spacing: 0.04em; text-transform: none; color: var(--ink);
}
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within {
  background: rgba(255,214,10,0.16);
}
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--teal); }
/* the ▾ submenu toggle inherits ink */
.aiage-nav .wp-block-navigation-submenu__toggle { color: var(--ink); }

/* =====================================================================
   LATEST UPDATES — Lawctopus-style unified feed (news + opportunities),
   rendered by [aiage_latest_updates]. Layout replicates Lawctopus; colours
   stay on the AI Age Press brand. thumbnail · meta · title · status badge.
   ===================================================================== */
.aiage-lu { display: block; border-top: 2px solid var(--ink); }
.aiage-lu-item {
  display: grid;
  grid-template-columns: 108px 1fr auto;
  gap: 22px; align-items: start;
  padding: 22px 4px; border-bottom: 1px solid var(--rule);
  color: var(--ink); text-decoration: none;
  transition: background 0.15s;
}
.aiage-lu-item:hover { background: rgba(255,214,10,0.10); }
.aiage-lu-item.is-featured { background: rgba(255,214,10,0.16); box-shadow: inset 4px 0 0 var(--yellow); padding-left: 14px; }

/* Thumbnail (featured image) or brand-coloured placeholder */
.aiage-lu-thumb { width: 108px; height: 108px; overflow: hidden; border: 1.5px solid var(--ink); background: var(--bg); display: block; }
.aiage-lu-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aiage-lu-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px; }
.aiage-lu-ph span { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.3; }
.aiage-lu-ph--yellow { background: var(--yellow); }
.aiage-lu-ph--yellow span { color: var(--ink); }
.aiage-lu-ph--teal { background: var(--teal); }
.aiage-lu-ph--teal span { color: var(--white); }
.aiage-lu-ph--ink { background: var(--ink); }
.aiage-lu-ph--ink span { color: var(--yellow); }

.aiage-lu-body { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.aiage-lu-meta { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.aiage-lu-cat { color: var(--teal); font-weight: 600; }
.aiage-lu-sep { color: var(--ink-4); }
.aiage-lu-author { color: var(--ink-3); }
.aiage-lu-date { color: var(--ink-3); }
.aiage-lu-featured { background: var(--yellow); color: var(--ink); border: 1px solid var(--ink); padding: 1px 7px; font-weight: 700; letter-spacing: 0.1em; }
.aiage-lu-title { font-family: var(--display); font-size: clamp(18px, 1.7vw, 22px); font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; color: var(--ink); }
.aiage-lu-item:hover .aiage-lu-title { color: var(--teal); }

/* Status badges — green "Ongoing" / amber "Deadline" / grey "Closed" (Lawctopus semantics) */
.aiage-lu-status { white-space: nowrap; padding-top: 2px; }
.aiage-lu-badge { display: inline-block; font-family: var(--sans); font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 4px; border: 1px solid; }
.aiage-lu-badge.is-ongoing { color: #1a7f4b; border-color: #1a7f4b; background: rgba(26,127,75,0.07); }
.aiage-lu-badge.is-deadline { color: #b6791a; border-color: #e0a73a; background: rgba(224,167,58,0.10); }
.aiage-lu-badge.is-closed { color: var(--ink-3); border-color: var(--ink-4); background: var(--bg); }

/* "Load more updates" — appends the next batch into the same feed (AJAX) until the oldest post */
.aiage-lu-more { text-align: center; margin-top: 28px; }
.aiage-lu-more-btn {
  background: var(--yellow); color: var(--ink); border: 2px solid var(--ink);
  padding: 12px 26px; font-family: var(--display); font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.04em; font-size: 14px; cursor: pointer;
  transition: background 0.2s, color 0.2s, transform 0.2s;
}
.aiage-lu-more-btn:hover { background: var(--ink); color: var(--yellow); transform: translateY(-2px); }
.aiage-lu-more-btn:disabled { opacity: 0.6; cursor: default; transform: none; }

@media (max-width: 700px) {
  .aiage-lu-item { grid-template-columns: 72px 1fr; gap: 14px; padding: 16px 2px; }
  .aiage-lu-thumb { width: 72px; height: 72px; }
  .aiage-lu-status { grid-column: 2; }
  .aiage-lu-title { font-size: 17px; }
}

/* =====================================================================
   COHERENCE + ELEGANCE (v1.0.3) — unifies with aiagepress.com + journals.
   ===================================================================== */
::selection { background: var(--yellow); color: var(--ink); }
:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }

/* Top-level nav-link hover → teal (previously inherited the WP default underline). */
.aiage-nav .wp-block-navigation-item__content:hover { color: var(--teal); }

/* Footer section headings → signal-yellow on the ink footer (matches apex + journals;
   the © line keeps its inline muted-white override). */
footer.aiage-footer .aiage-eyebrow,
.wp-block-template-part.aiage-footer .aiage-eyebrow { color: var(--yellow); }

/* Unified button micro-interaction: swap + lift; tasteful card/row depth. */
.wp-block-button__link { transition: background 0.2s, color 0.2s, transform 0.2s; }
.wp-block-button__link:hover { transform: translateY(-2px); }
.aiage-card:hover, .aiage-opp-row:hover { box-shadow: 0 14px 30px -18px rgba(10,10,10,0.35); }

@media (prefers-reduced-motion: reduce) {
  .wp-block-button__link:hover, .aiage-card:hover, .aiage-opp-row:hover,
  .aiage-opp-apply .btn-apply:hover, .aiage-lu-item:hover { transform: none; }
}

/* =====================================================================
   CROSS-SITE NAV + HERO DEPTH (v1.0.4) — banner, network sidebar, hero texture.
   ===================================================================== */
/* Top publisher banner — bold signal-yellow band, centered, like ijpress.com */
/* V9-BOLD-2: slim INK band (was signal-yellow — it sat directly under the gold
   marquee and the two yellows clashed; now: gold marquee -> ink switcher ->
   masthead, matching the OJS pubbar restyle). */
.aiage-topbar.aiage-topbar { background: var(--ink) !important; color: var(--bg) !important; border-bottom: 1px solid rgba(255,214,10,0.4) !important; padding-top: 8px !important; padding-bottom: 8px !important; }
.aiage-topbar { font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; }
.aiage-topbar .wp-block-group { justify-content: center !important; gap: 18px; }
.aiage-topbar p { margin: 0; }
.aiage-topbar a { color: var(--bg) !important; text-decoration: none; font-weight: 700; }
.aiage-topbar a:hover { color: var(--yellow) !important; }
.aiage-topbar .aiage-tb-home { font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; text-decoration-color: var(--yellow); }
.aiage-topbar .aiage-tb-home:hover { color: var(--yellow) !important; text-decoration-color: var(--yellow); }
.aiage-topbar .aiage-tb-arrow { color: var(--yellow); font-weight: 900; font-size: 15px; }
.aiage-topbar .aiage-tb-sq { color: var(--yellow); }
.aiage-topbar .aiage-tb-brand strong { font-family: var(--display); font-weight: 800; }
.aiage-topbar .aiage-tb-tag { color: rgba(250,250,248,0.62); font-weight: 700; }
.aiage-topbar .aiage-tb-links { text-transform: uppercase; font-weight: 700; }
.aiage-topbar .aiage-tb-net { color: rgba(250,250,248,0.45); letter-spacing: 0.12em; margin-right: 2px; }
@media (max-width: 640px) { .aiage-topbar { font-size: 11px; } .aiage-topbar .aiage-tb-net { display: none; } }

/* Home hero depth — ink constellation (AI motif) + dot-grid on the yellow band */
body.home .wp-block-post-content > .wp-block-group:first-child,
body.home .entry-content > .wp-block-group:first-child { position: relative; overflow: hidden; }
body.home .wp-block-post-content > .wp-block-group:first-child > *,
body.home .entry-content > .wp-block-group:first-child > * { position: relative; z-index: 1; }
body.home .wp-block-post-content > .wp-block-group:first-child::before,
body.home .entry-content > .wp-block-group:first-child::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 240' preserveAspectRatio='xMidYMid slice'%3E%3Cg stroke='%230A0A0A' stroke-opacity='0.13' stroke-width='1'%3E%3Cline x1='40' y1='60' x2='110' y2='30'/%3E%3Cline x1='110' y1='30' x2='185' y2='75'/%3E%3Cline x1='185' y1='75' x2='95' y2='135'/%3E%3Cline x1='185' y1='75' x2='250' y2='45'/%3E%3Cline x1='250' y1='45' x2='325' y2='100'/%3E%3Cline x1='325' y1='100' x2='275' y2='175'/%3E%3Cline x1='250' y1='45' x2='360' y2='55'/%3E%3Cline x1='185' y1='75' x2='275' y2='175'/%3E%3C/g%3E%3Cg fill='%230A0A0A' fill-opacity='0.16'%3E%3Ccircle cx='40' cy='60' r='3'/%3E%3Ccircle cx='110' cy='30' r='3.5'/%3E%3Ccircle cx='185' cy='75' r='4'/%3E%3Ccircle cx='250' cy='45' r='4'/%3E%3Ccircle cx='325' cy='100' r='3'/%3E%3Ccircle cx='275' cy='175' r='3.5'/%3E%3Ccircle cx='360' cy='55' r='3'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle, rgba(10,10,10,0.07) 1px, transparent 1.5px);
  background-size: cover, 18px 18px; background-position: right center, center; background-repeat: no-repeat, repeat;
}

/* "AI Age Press Network" sidebar card + 2-col sub-page layout */
.aiage-sub-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 44px; align-items: start; }
.aiage-network { border: 2px solid var(--ink); background: var(--white); position: sticky; top: 16px; }
.aiage-network .aiage-net-head { background: var(--yellow); border-bottom: 2px solid var(--ink); padding: 11px 14px; font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
.aiage-network .aiage-net-head::before { content: ""; width: 9px; height: 9px; background: var(--ink); display: inline-block; }
.aiage-network .aiage-net-body { padding: 6px 14px 12px; }
.aiage-net-item { display: block; padding: 10px 0; border-bottom: 1px solid var(--rule); text-decoration: none; transition: padding 0.15s; }
.aiage-net-item:last-child { border-bottom: none; }
.aiage-net-item b { display: block; font-family: var(--sans); font-size: 13px; color: var(--ink); font-weight: 600; }
.aiage-net-item span { font-family: var(--mono); font-size: 10px; color: var(--ink-3); letter-spacing: 0.02em; }
.aiage-net-item:hover { padding-left: 5px; }
.aiage-net-item:hover b { color: var(--teal); }
@media (max-width: 880px) { .aiage-sub-layout { grid-template-columns: 1fr; gap: 28px; } .aiage-network { position: static; } }

/* =====================================================================
   2026-07 DEPTH KIT — matches the apex V9-A "The Composing Room"
   (Three.js letterpress redesign). Press-bed depth: hard-offset ink
   plate shadows, hover lift, letterpress stamps. Additive only — tokens
   and layout untouched; hover lifts follow the OS reduced-motion
   preference on this platform surface.
   ===================================================================== */
.aiage-card { box-shadow: 5px 6px 0 -2px var(--ink); }
.aiage-stamp { box-shadow: 2px 3px 0 -1px rgba(10,10,10,0.5); text-shadow: 0 1px 0 rgba(0,0,0,0.35); }
.aiage-opp-list { box-shadow: 6px 7px 0 -2px var(--ink); }
.aiage-network { box-shadow: 6px 7px 0 -2px var(--ink); }
.aiage-lu { box-shadow: 6px 7px 0 -2px var(--ink); }
.aiage-site-header { position: relative; z-index: 5; box-shadow: 0 6px 0 -3px rgba(10,10,10,0.16), 0 18px 32px -24px rgba(10,10,10,0.4); }
.wp-block-button__link, .aiage-lu-more-btn { box-shadow: 3px 4px 0 -1px var(--ink); }
@media (prefers-reduced-motion: no-preference) {
  .aiage-card { transition: transform 0.3s cubic-bezier(0.16,1,0.3,1), background 0.25s, box-shadow 0.3s cubic-bezier(0.16,1,0.3,1); }
  .aiage-card:hover { box-shadow: 9px 11px 0 -2px var(--ink); }
  .aiage-lu-item { transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), background 0.2s; }
  .aiage-lu-item:hover { transform: translateX(4px); }
  .wp-block-button__link, .aiage-lu-more-btn { transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), box-shadow 0.25s cubic-bezier(0.16,1,0.3,1), background 0.2s, color 0.2s; }
  .wp-block-button__link:hover, .aiage-lu-more-btn:hover { transform: translateY(-2px); box-shadow: 5px 7px 0 -1px var(--ink); }
}

/* =====================================================================
   V9-BOLD (2026-07-08) — top highlight marquee (ijpress-style, matches the
   apex BOLD pass) + bold boxed primary nav. The marquee markup is printed
   by the `aiage_news_strip` wp_body_open hook in functions.php (so it
   renders regardless of any Site-Editor customization of the header
   template part) and styled here. Deliberately NON-STICKY — printed as
   the literal first element in <body>, ahead of the existing .aiage-topbar
   cross-site switcher, which is left untouched.
   ===================================================================== */
#aap-strip { background: linear-gradient(180deg,#FFE04A 0%,#FFD60A 30%,#E5BD00 78%,#C9A400 100%); border-bottom: 2px solid var(--ink); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 3px rgba(122,95,0,.35); overflow: hidden; position: relative; z-index: 500; }
#aap-strip .aap-strip-track { display: flex; align-items: center; height: 40px; width: max-content; will-change: transform; }
#aap-strip .aap-strip-half { display: flex; align-items: center; list-style: none; margin: 0; padding: 0 0 0 18px; }
#aap-strip li { display: flex; align-items: center; white-space: nowrap; font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ink); }
#aap-strip li::after { content: "\2726"; margin: 0 26px; color: var(--teal); font-size: 12px; }
#aap-strip a { color: inherit; text-decoration: none; border-bottom: 1.5px solid rgba(10,10,10,.45); }
#aap-strip a:hover, #aap-strip a:focus-visible { border-bottom-color: var(--ink); }
#aap-strip strong { background: var(--ink); color: var(--yellow); font-weight: 700; letter-spacing: .1em; padding: 4px 12px; margin-right: 10px; }
@media (max-width: 640px) { #aap-strip li { font-size: 10.5px; } #aap-strip li::after { margin: 0 18px; } }

/* V9-BOLD-2 — 3D bevel nav, ported from the apex: raised dark keys
   (ink-gradient body, bright yellow text, layered inset highlight + inset
   shadow + hard ink offset + ambient drop). Hover lifts + floods yellow;
   :active presses in. Direct background paints only (no ::before sweep) —
   stacking-safe inside Gutenberg markup we don't fully control. Top-level
   links only; submenu panels are reset back to flat below for readability. */
.aiage-nav .wp-block-navigation-item__content {
  border: 1.5px solid var(--ink) !important; padding: 8px 14px !important;
  font-family: var(--display); font-weight: 800 !important;
  background: linear-gradient(180deg, var(--ink-2) 0%, var(--ink) 100%) !important;
  color: var(--yellow) !important;
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,0.16), inset 0 -4px 6px rgba(0,0,0,0.55), 3px 4px 0 var(--ink), 5px 8px 16px -6px rgba(10,10,10,0.6);
  transition: color 0.2s, background 0.2s, transform 0.25s cubic-bezier(0.16,1,0.3,1), box-shadow 0.25s cubic-bezier(0.16,1,0.3,1) !important;
}
.aiage-nav .wp-block-navigation-item__content:hover,
.aiage-nav .wp-block-navigation-item__content:focus-visible {
  background: linear-gradient(180deg, #FFE04A 0%, var(--yellow-2) 100%) !important; color: var(--ink) !important;
  transform: translateY(-3px);
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,0.35), 5px 7px 0 var(--ink), 8px 14px 26px -6px rgba(10,10,10,0.65);
}
.aiage-nav .wp-block-navigation-item__content:active {
  transform: translateY(0);
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.55), 1px 1px 0 var(--ink);
}
/* submenu (dropdown) items: flat white panel, ink text — bevel keys inside a
   dropdown would be unreadable noise; the existing submenu-container rules
   above style the panel, these neutralise the bevel inheritance. */
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  background: none !important; color: var(--ink) !important;
  border: none !important; box-shadow: none !important; transform: none !important;
  font-weight: 600 !important; padding: 8px 12px !important;
}
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.aiage-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
  background: var(--yellow) !important; color: var(--ink) !important;
}