/*
Theme Name: Artix Child
Theme URI: https://artixsolutionshq.com
Description: Astra child theme for Artix Solutions. Graphite & Ember design system (see docs/00-design-system.md). Do all customization here or in Elementor: never edit Astra itself.
Author: Artix Solutions
Template: astra
Version: 1.0.0
Text Domain: artix-child
*/

/* ==========================================================================
   Design tokens: Graphite & Ember. Mirror of docs/00-design-system.md.

   Front-end customization: the brand tokens read Elementor's Global Kit first
   (Site Settings → Global Colors / Global Fonts in the Elementor editor) and
   fall back to the Artix defaults. Declared on :root AND body because
   Elementor defines its globals on body (.elementor-kit-N): var() must resolve
   where those exist. Change a global in Elementor → the whole site follows.

   Global Kit slots: primary = Ember, secondary = Graphite (ink),
   text = body text, accent = Amber. Typography primary = display, text = body.
   ========================================================================== */
:root, body {
  /* Artix brand tokens (source of truth) */
  --ax-ember:        var(--e-global-color-primary, #E4652A);   /* primary accent: fills, icons, large text, CTAs */
  --ax-ember-deep:   #C9531D;                                  /* hover/pressed fills */
  --ax-ember-text:   #B84A1B;                                  /* SMALL ember text on light (4.8:1 on Paper) */
  --ax-ember-light:  #F2915E;                                  /* ember text on dark (7.8:1 on Graphite) */
  --ax-amber:        var(--e-global-color-accent, #E9A83C);    /* secondary accent, on dark only */
  --ax-graphite:     var(--e-global-color-secondary, #141619); /* headings, dark surfaces, primary buttons */
  --ax-graphite-2:   #1E2126;                                  /* elevated dark surface */
  --ax-graphite-3:   #0D0F11;                                  /* deepest band */
  --ax-text:         var(--e-global-color-text, #5E636B);      /* body copy on light (5.5:1 on Paper) */
  --ax-paper-warm:   #F6F5F1;                                  /* alternate sections */

  /* Legacy role names (kept so older component CSS adopts the brand): mapped onto the brand */
  --ax-ink:        var(--ax-graphite);
  --ax-ink-2:      var(--ax-graphite-2);
  --ax-paper:      var(--ax-paper-warm);
  --ax-paper-2:    #FFFFFF;
  --ax-brass:      var(--ax-ember-text);   /* eyebrows, links, small accents on light */
  --ax-brass-soft: var(--ax-ember-light);  /* accents on dark */
  --ax-oxblood:    var(--ax-graphite-3);
  --ax-champagne:  var(--ax-ember);
  --ax-fog:        var(--ax-text);
  --ax-fog-dark:   #A9ADB3;                /* muted text on dark (8.0:1) */
  --ax-line:       #E3E0D7;
  --ax-line-dark:  #2C3036;
  --ax-white:      #FFFFFF;
  --ax-navy:       var(--ax-graphite);
  --ax-blue:       var(--ax-ember-text);
  --ax-peach:      var(--ax-ember);
  --ax-peach-deep: var(--ax-ember-deep);
  --ax-mint:       #7BDAB0;
  --ax-mint-2:     #57C99A;

  --ax-whatsapp:   #25D366;

  --ax-font-display: var(--e-global-typography-primary-font-family, "Plus Jakarta Sans"), system-ui, -apple-system, "Segoe UI", sans-serif;
  --ax-font-body:    var(--e-global-typography-text-font-family, "Inter"), system-ui, -apple-system, "Segoe UI", sans-serif;

  --ax-container: 1200px;
  --ax-container-wide: 1320px;
  --ax-gutter: clamp(1.25rem, 5vw, 6rem);
  --ax-section-y: clamp(4rem, 9vw, 8rem);

  --ax-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   Base typography
   ========================================================================== */
body {
  font-family: var(--ax-font-body);
  color: var(--ax-ink);
  background: var(--ax-paper);
  font-size: 1.0625rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .ax-display,
.entry-title, .ast-single-post .entry-title {
  font-family: var(--ax-font-display);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.015em;
  color: var(--ax-ink);
}

h1 { font-size: clamp(2.25rem, 4vw, 3.5rem); }
h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
h3 { font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 500; }

p, li { max-width: 68ch; }

a { color: inherit; text-decoration-color: var(--ax-brass); }

/* Signature eyebrow label. Target the inner Elementor title too, since the
   css_classes land on Elementor's wrapper div, not the heading tag. */
.ax-eyebrow,
.ax-eyebrow .elementor-heading-title {
  font-family: var(--ax-font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ax-brass) !important;
  display: inline-block;
}

/* ==========================================================================
   Utility bands / spine
   ========================================================================== */
.ax-band-dark { background: var(--ax-ink); color: var(--ax-paper); }
.ax-band-dark h1, .ax-band-dark h2, .ax-band-dark h3 { color: var(--ax-paper); }
.ax-band-paper { background: var(--ax-paper); color: var(--ax-ink); }
.ax-hairline { height: 1px; background: var(--ax-line); border: 0; }
.ax-band-dark .ax-hairline { background: var(--ax-line-dark); }

/* ==========================================================================
   Buttons (serious, near-sharp, single brass accent)
   ========================================================================== */
.ax-btn {
  --_bg: var(--ax-navy);
  display: inline-flex; align-items: center; gap: .6em;
  font-family: var(--ax-font-display); font-weight: 600;
  font-size: .92rem; letter-spacing: .01em;
  padding: .9em 1.7em; border-radius: 8px;
  background: var(--_bg); color: #ffffff;
  border: 1px solid var(--_bg);
  transition: background .18s var(--ax-ease), color .18s var(--ax-ease), transform .18s var(--ax-ease);
}
.ax-btn:hover { background: var(--ax-blue); border-color: var(--ax-blue); color:#fff; transform: translateY(-2px); }
/* Ghost (light context) */
.ax-btn--ghost { background: transparent; color: var(--ax-navy); border-color: var(--ax-navy); }
.ax-btn--ghost:hover { background: var(--ax-navy); color: #fff; }
/* Chat CTA styled like the Subscribe button: navy on light, white on dark (always visible). */
.ax-btn--whatsapp { --_bg: var(--ax-navy); color: #ffffff; border-color: var(--ax-navy); box-shadow: none; }
.ax-btn--whatsapp:hover { background: var(--ax-blue); border-color: var(--ax-blue); color: #fff; }
.ax-hero .ax-btn--whatsapp, .ax-phero .ax-btn--whatsapp, .ax-cta .ax-btn--whatsapp, .ax-band-ink .ax-btn--whatsapp, .ax-footer .ax-btn--whatsapp {
  background: #ffffff !important; color: var(--ax-navy) !important; border-color: #ffffff !important;
}
.ax-hero .ax-btn--whatsapp:hover, .ax-phero .ax-btn--whatsapp:hover, .ax-cta .ax-btn--whatsapp:hover, .ax-band-ink .ax-btn--whatsapp:hover, .ax-footer .ax-btn--whatsapp:hover {
  background: var(--ax-peach) !important; color: var(--ax-navy) !important;
}
/* On dark backgrounds: ghost buttons go light so they stay visible */
.ax-hero .ax-btn--ghost, .ax-phero .ax-btn--ghost, .ax-band-ink .ax-btn--ghost, .ax-cta .ax-btn--ghost, .ax-footer .ax-btn--ghost {
  color: #fff; border-color: rgba(255,255,255,.55); background: transparent;
}
.ax-hero .ax-btn--ghost:hover, .ax-phero .ax-btn--ghost:hover, .ax-band-ink .ax-btn--ghost:hover, .ax-cta .ax-btn--ghost:hover, .ax-footer .ax-btn--ghost:hover {
  background: #fff; color: var(--ax-navy); border-color:#fff;
}

/* ==========================================================================
   Shared components (available on every page, not just home)
   ========================================================================== */
/* "Read more" link */
.ax-more { color: var(--ax-brass); font-weight: 600; font-size: .9rem; text-decoration: none; display: inline-block; margin-top: .6rem; }
.ax-more:hover { text-decoration: underline; }

/* Ghost index numerals */
.ax-index .elementor-heading-title {
  font-family: var(--ax-font-display) !important; font-size: 3.4rem !important; line-height: 1;
  color: transparent !important; -webkit-text-stroke: 1px var(--ax-line);
}

/* CTA band (oxblood) */
.ax-cta { background: var(--ax-oxblood); color: #F3E7E2; text-align: center; }
.ax-cta .elementor-heading-title { color: #FBF3F0 !important; max-width: 24ch; margin-inline: auto; }
.ax-cta p { color: #E7CFC9 !important; max-width: 46ch; margin-inline: auto; }
.ax-cta .elementor-widget-shortcode { margin-top: 1.4rem; }

/* Section rhythm (global so inner pages match home) */
.ax-sec { padding-block: var(--ax-section-y); }
.ax-sec--tight { padding-block: clamp(2.5rem, 5vw, 4rem); }

/* Full-width, once and for all: every top-level Elementor section spans the
   viewport edge-to-edge; content stays boxed via Elementor's own content width.
   Applies on every page, so no per-section class is needed. */
html, body { overflow-x: hidden; }
.elementor > .elementor-section,
.elementor-edit-area-active > .elementor-section {
  width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
}
.ax-fullbleed { /* deprecated — full-bleed is now global */ width: auto; max-width: none; margin-left: 0; margin-right: 0; }

/* Images: rounded + proportional by default */
.elementor-widget-image img { border-radius: 12px; display: block; }
.ax-prose img { border-radius: 12px; }

/* ==========================================================================
   Member area: auth, resources, newsletter, footer (site-wide components)
   ========================================================================== */
.ax-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

/* Forms — shared underline inputs */
.ax-authform label, .ax-news-form label { display:block; margin-bottom:1rem; font-size:.9rem; color:var(--ax-fog); }
.ax-authform input[type=text], .ax-authform input[type=email], .ax-authform input[type=password],
.ax-news-form input[type=email] {
  display:block; width:100%; margin-top:.35rem; padding:.7rem .2rem; font-size:1rem; color:var(--ax-ink);
  background:transparent; border:0; border-bottom:1px solid var(--ax-line); border-radius:0;
}
.ax-authform input:focus, .ax-news-form input:focus { outline:none; border-bottom-color:var(--ax-brass); }
.ax-check { display:flex !important; align-items:center; gap:.5rem; font-size:.85rem; }
.ax-check input { width:auto; }

/* Auth layout */
.ax-auth-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.ax-auth-card { background:var(--ax-paper-2); border:1px solid var(--ax-line); border-radius:3px; padding:clamp(1.5rem,3vw,2.4rem); }
.ax-auth-card--alt { background:var(--ax-ink); }
.ax-auth-card--alt h3, .ax-auth-card--alt .ax-auth-note { color:var(--ax-paper); }
.ax-auth-card--alt label { color:var(--ax-fog-dark); }
.ax-auth-card--alt input { color:var(--ax-paper); border-bottom-color:var(--ax-line-dark); }
.ax-auth-card h3 { margin:.2rem 0 1rem; }
.ax-auth-note { font-size:.9rem; color:var(--ax-fog); margin-bottom:1rem; }
.ax-auth-error { background:#F6E7E4; border-left:3px solid var(--ax-oxblood); color:#5A1F1B; padding:.8rem 1rem; border-radius:2px; margin-bottom:1.5rem; font-size:.92rem; }
.ax-auth-legal, .ax-account p { font-size:.82rem; color:var(--ax-fog); margin-top:1.5rem; }
@media (max-width:767px){ .ax-auth-grid{ grid-template-columns:1fr; } }

/* Resources */
.ax-resources { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:2rem; }
.ax-resource { background:var(--ax-paper-2); border:1px solid var(--ax-line); border-radius:3px; padding:1.6rem; display:flex; flex-direction:column; }
.ax-resource-thumb img { width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:2px; margin-bottom:1rem; filter:grayscale(.2); }
.ax-resource h3 { font-family:var(--ax-font-display); font-size:1.2rem; color:var(--ax-ink); margin:.2rem 0 .5rem; }
.ax-resource-desc { color:var(--ax-fog); font-size:.95rem; margin-bottom:1rem; flex:1; }
.ax-resource-download { margin-top:1.5rem; }

/* Newsletter */
.ax-news-form { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1rem; }
.ax-news-form input[type=email] { flex:1; min-width:220px; }
.ax-news--inline .ax-news-form { margin-top:0; }
.ax-news-msg { font-size:.9rem; margin-top:.8rem; }
.ax-news-msg--ok, .ax-news-msg--dup { color:#2f6b3a; }
.ax-news-msg--err { color:var(--ax-oxblood); }
.ax-news-text { color:var(--ax-fog); }

/* ==========================================================================
   Site header (branded, injected at wp_body_open)
   ========================================================================== */
.ax-topbar { background: var(--ax-navy); color: var(--ax-fog-dark); font-size: .74rem; letter-spacing: .04em; }
.ax-topbar-inner { max-width: 1280px; margin: 0 auto; padding: 0 clamp(1.25rem,4vw,3rem); height: 40px;
  display: flex; align-items: center; justify-content: space-between; }
.ax-topbar b { color: var(--ax-peach); font-weight: 600; }

.ax-head { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid var(--ax-line);
  transition: box-shadow .25s var(--ax-ease); }
.ax-head.is-scrolled { box-shadow: 0 6px 24px rgba(20,22,25,.09); }
.ax-head-inner { max-width: 1280px; margin: 0 auto; padding: 0 clamp(1.25rem,4vw,3rem); height: 84px;
  display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.ax-brand { display: flex; flex-direction: column; line-height: 1; text-decoration: none; }
.ax-brand .ax-mark { font-family: var(--ax-font-display); font-weight: 800; font-size: 1.4rem; color: var(--ax-navy); letter-spacing: -.01em; }
.ax-brand .ax-sub { font-size: .62rem; letter-spacing: .26em; text-transform: uppercase; color: var(--ax-fog); margin-top: .34rem; }

.ax-nav { display: flex; align-items: center; gap: 2rem; }
.ax-menu { display: flex; align-items: center; gap: 1.9rem; list-style: none; margin: 0; padding: 0; }
.ax-menu li { position: relative; }
.ax-menu a { font-family: var(--ax-font-display); font-size: .84rem; font-weight: 600; letter-spacing: .01em; color: var(--ax-navy); text-decoration: none; padding: .4rem 0; display: inline-block; }
.ax-menu > li > a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: var(--ax-peach); transition: width .25s var(--ax-ease); }
.ax-menu > li:hover > a::after, .ax-menu > li.current-menu-item > a::after { width: 100%; }
.ax-menu .sub-menu { position: absolute; top: 100%; left: -1rem; min-width: 230px; background: #fff; border: 1px solid var(--ax-line);
  border-radius: 8px; box-shadow: 0 12px 30px rgba(20,22,25,.12); padding: .5rem; opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: all .2s var(--ax-ease); list-style: none; z-index: 10; }
.ax-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.ax-menu .sub-menu a { display: block; padding: .6rem .8rem; border-radius: 6px; font-size: .82rem; }
.ax-menu .sub-menu a:hover { background: var(--ax-paper); color: var(--ax-blue); }
.ax-nav-cta { padding: .7em 1.3em !important; font-size: .82rem !important; }

.ax-burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: .4rem; }
.ax-burger span { width: 26px; height: 2px; background: var(--ax-navy); display: block; transition: .25s var(--ax-ease); }
.ax-head.is-open .ax-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ax-head.is-open .ax-burger span:nth-child(2) { opacity: 0; }
.ax-head.is-open .ax-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 991px) {
  .ax-burger { display: flex; }
  .ax-nav { position: fixed; top: 0; right: 0; height: 100vh; width: min(80vw,340px); background: #fff; flex-direction: column;
    align-items: flex-start; justify-content: flex-start; gap: 1rem; padding: 6rem 2rem 2rem; transform: translateX(100%);
    transition: transform .3s var(--ax-ease); box-shadow: -12px 0 40px rgba(20,22,25,.15); z-index: 99; overflow-y: auto; }
  .ax-head.is-open .ax-nav { transform: translateX(0); }
  .ax-menu { flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; }
  .ax-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: .3rem 0 .3rem 1rem; }
}

/* ==========================================================================
   Site footer (branded, injected before Astra footer)
   ========================================================================== */
.ax-footer { background:var(--ax-ink); color:var(--ax-fog-dark); padding:clamp(3rem,6vw,5rem) 0 2rem; }
.ax-footer a { color:#C9CCD1 !important; text-decoration:none; transition:color .18s var(--ax-ease); }
.ax-footer a:hover { color:var(--ax-peach) !important; }
.ax-footer .ax-footer-nav li a { display:inline-block; }
.ax-footer .ax-footer-inner { max-width:1180px; margin:0 auto; padding:0 var(--ax-gutter);
  display:grid; grid-template-columns:1.3fr .8fr 1fr 1.2fr; gap:2.5rem; }
.ax-footer h4, .ax-footer .ax-footer-brand h4 { color:#FFFFFF !important; font-family:var(--ax-font-display); font-size:1.4rem; font-weight:800; margin:0 0 .8rem; }
.ax-footer p, .ax-footer-brand p { color:var(--ax-fog-dark); }
.ax-footer .ax-eyebrow { color:var(--ax-brass-soft); display:block; margin-bottom:.8rem; }
.ax-footer ul { list-style:none; margin:0; padding:0; }
.ax-footer li { margin-bottom:.5rem; font-size:.95rem; }
.ax-footer .ax-news h3 { color:var(--ax-paper); font-size:1.15rem; }
.ax-footer .ax-news-text { color:var(--ax-fog-dark); font-size:.9rem; }
/* Subscribe button: solid, visible on the navy footer */
.ax-footer .ax-news-form button, .ax-footer .ax-news-form .ax-btn {
  background:#ffffff !important; color:var(--ax-navy) !important; border:0 !important; border-radius:8px; font-weight:700;
  padding:.7rem 1.3rem; cursor:pointer; transition:background .18s var(--ax-ease), color .18s var(--ax-ease); }
.ax-footer .ax-news-form button:hover, .ax-footer .ax-news-form .ax-btn:hover { background:var(--ax-peach) !important; color:var(--ax-navy) !important; }
.ax-footer .ax-news-form input[type=email] { background:rgba(255,255,255,.08); border:1px solid var(--ax-line-dark); color:#fff; border-radius:8px; padding:.7rem .9rem; }
.ax-footer .ax-news-form input[type=email]::placeholder { color:var(--ax-fog-dark); }
.ax-footer-bottom { max-width:1180px; margin:2.5rem auto 0; padding:1.5rem var(--ax-gutter) 0; border-top:1px solid var(--ax-line-dark);
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-size:.82rem; color:var(--ax-fog-dark); }
@media (max-width:900px){ .ax-footer .ax-footer-inner{ grid-template-columns:1fr; gap:2rem; } }

/* ==========================================================================
   Legibility — authoritative text colours per context (fixes dark-on-dark
   and dark-on-light-blue). Covers home + inner pages.
   ========================================================================== */
/* DARK navy sections: headings white, eyebrows peach, body light blue-grey. */
.ax-hero, .ax-phero, .ax-why, .ax-cta, .ax-stats, .ax-band-ink, .ax-quote-dark { color: #EBE8E0; }
.ax-hero .elementor-heading-title,
.ax-phero .elementor-heading-title,
.ax-why .elementor-heading-title,
.ax-cta .elementor-heading-title,
.ax-stats .elementor-heading-title,
.ax-band-ink .elementor-heading-title { color: #FFFFFF !important; }
.ax-hero .ax-eyebrow .elementor-heading-title,
.ax-phero .ax-eyebrow .elementor-heading-title,
.ax-why .ax-eyebrow .elementor-heading-title,
.ax-cta .ax-eyebrow .elementor-heading-title,
.ax-stats .ax-eyebrow .elementor-heading-title,
.ax-band-ink .ax-eyebrow .elementor-heading-title { color: var(--ax-peach) !important; }
.ax-hero p, .ax-phero p, .ax-why p, .ax-cta p, .ax-stats p, .ax-band-ink p,
.ax-hero .elementor-widget-text-editor, .ax-phero .elementor-widget-text-editor,
.ax-why .elementor-widget-text-editor, .ax-cta .elementor-widget-text-editor { color: #DCD8CD !important; }
.ax-hero a:not(.ax-btn), .ax-phero a:not(.ax-btn), .ax-band-ink a:not(.ax-btn) { color: var(--ax-peach); }

/* LIGHT sections: headings + body navy/ink (never light-blue on light). */
.ax-service .elementor-heading-title, .ax-feature .elementor-heading-title,
.ax-services .elementor-heading-title, .ax-insights .elementor-heading-title,
.ax-quote .elementor-heading-title, .ax-prose .elementor-heading-title,
.ax-band-paper2 .elementor-heading-title { color: var(--ax-navy) !important; }
.ax-trust .ax-eyebrow .elementor-heading-title { color: var(--ax-peach-deep) !important; }

/* ==========================================================================
   Scroll-reveal (JS adds .ax-js; content is fully visible without JS)
   ========================================================================== */
html.ax-js .ax-rev { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--ax-ease), transform .7s var(--ax-ease); will-change: opacity, transform; }
html.ax-js .ax-rev.ax-in { opacity: 1; transform: none; }

/* ==========================================================================
   Motion — respect reduced motion
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  html.ax-js .ax-rev { opacity: 1 !important; transform: none !important; transition: none !important; }
  * { animation: none !important; transition: none !important; }
}

/* ==========================================================================
   COMPONENT SYSTEM — authoritative (mirrors the approved "Navy & Peach" palette
   artifact). Single source of truth for buttons, links and eyebrows across
   light and dark sections. Loaded last so it wins over earlier ad-hoc rules.
   ========================================================================== */

/* ---- Buttons: base ---- */
.ax-btn{font-family:var(--ax-font-display);font-weight:600;font-size:.9rem;letter-spacing:.01em;line-height:1.1;
  display:inline-flex;align-items:center;gap:.55em;padding:.92em 1.7em;border-radius:9px;border:1px solid transparent;
  text-decoration:none;cursor:pointer;box-shadow:none;
  transition:background .18s var(--ax-ease),color .18s var(--ax-ease),border-color .18s var(--ax-ease),transform .18s var(--ax-ease);}
.ax-btn:hover{transform:translateY(-2px);}

/* LIGHT context (default). Colours use !important to beat the global <a> link colour. */
.ax-btn,.ax-btn--whatsapp{background:var(--ax-navy);color:#fff !important;border-color:var(--ax-navy);}
.ax-btn:hover,.ax-btn--whatsapp:hover{background:var(--ax-blue);border-color:var(--ax-blue);color:#fff !important;}
.ax-btn--ghost{background:transparent;color:var(--ax-navy) !important;border-color:var(--ax-navy);}
.ax-btn--ghost:hover{background:var(--ax-navy);color:#fff !important;border-color:var(--ax-navy);}
.ax-btn--accent{background:var(--ax-peach);color:var(--ax-navy) !important;border-color:var(--ax-peach);}
.ax-btn--accent:hover{background:var(--ax-peach-deep);color:#fff !important;border-color:var(--ax-peach-deep);}

/* DARK context: primary/chat → white, ghost → white outline (more specific → wins even over the light !important). */
.ax-hero .ax-btn,.ax-phero .ax-btn,.ax-cta .ax-btn,.ax-band-ink .ax-btn,.ax-why .ax-btn,.ax-footer .ax-btn,
.ax-hero .ax-btn--whatsapp,.ax-phero .ax-btn--whatsapp,.ax-cta .ax-btn--whatsapp,.ax-band-ink .ax-btn--whatsapp,.ax-footer .ax-btn--whatsapp{
  background:#fff;color:var(--ax-navy) !important;border-color:#fff;}
.ax-hero .ax-btn:hover,.ax-phero .ax-btn:hover,.ax-cta .ax-btn:hover,.ax-band-ink .ax-btn:hover,.ax-why .ax-btn:hover,.ax-footer .ax-btn:hover,
.ax-hero .ax-btn--whatsapp:hover,.ax-phero .ax-btn--whatsapp:hover,.ax-cta .ax-btn--whatsapp:hover,.ax-band-ink .ax-btn--whatsapp:hover,.ax-footer .ax-btn--whatsapp:hover{
  background:var(--ax-peach);color:var(--ax-navy) !important;border-color:var(--ax-peach);}
.ax-hero .ax-btn--ghost,.ax-phero .ax-btn--ghost,.ax-cta .ax-btn--ghost,.ax-band-ink .ax-btn--ghost,.ax-why .ax-btn--ghost{
  background:transparent;color:#fff !important;border-color:rgba(255,255,255,.55);}
.ax-hero .ax-btn--ghost:hover,.ax-phero .ax-btn--ghost:hover,.ax-cta .ax-btn--ghost:hover,.ax-band-ink .ax-btn--ghost:hover,.ax-why .ax-btn--ghost:hover{
  background:#fff;color:var(--ax-navy) !important;border-color:#fff;}

/* Header CTA pill (light header) */
.ax-head .ax-nav-cta{background:var(--ax-navy);color:#fff;border-color:var(--ax-navy);}
.ax-head .ax-nav-cta:hover{background:var(--ax-blue);border-color:var(--ax-blue);color:#fff;}

/* Navy surface cards (contact info card, auth alt card): buttons go white */
.ax-infocard .ax-btn,.ax-infocard .ax-btn--whatsapp,.ax-auth-card--alt .ax-btn,.ax-auth-card--alt .ax-btn--whatsapp{
  background:#fff !important;color:var(--ax-navy) !important;border-color:#fff !important;}
.ax-infocard .ax-btn:hover,.ax-infocard .ax-btn--whatsapp:hover,.ax-auth-card--alt .ax-btn:hover{
  background:var(--ax-peach) !important;color:var(--ax-navy) !important;border-color:var(--ax-peach) !important;}
.ax-infocard .ax-eyebrow .elementor-heading-title,.ax-infocard .ax-eyebrow{color:var(--ax-peach) !important;}

/* Contact/booking form submit = accent (peach) */
.ax-form .elementor-button,.ax-formcard button[type=submit],.ax-bookform .ax-btn{
  background:var(--ax-peach) !important;color:var(--ax-navy) !important;border-color:var(--ax-peach) !important;}
.ax-form .elementor-button:hover,.ax-formcard button[type=submit]:hover,.ax-bookform .ax-btn:hover{
  background:var(--ax-peach-deep) !important;color:#fff !important;}

/* ---- Links ---- */
.ax-prose a,.ax-band-paper2 a,.single-post .entry-content a{color:var(--ax-blue);}
.ax-prose a:hover,.ax-band-paper2 a:hover,.single-post .entry-content a:hover{color:var(--ax-navy);text-decoration:underline;}
.ax-footer a{color:#C9CCD1 !important;}
.ax-footer a:hover{color:var(--ax-peach) !important;}

/* ---- Eyebrows: light = peach-deep, dark = peach ---- */
.ax-eyebrow .elementor-heading-title{color:var(--ax-peach-deep) !important;}
.ax-hero .ax-eyebrow .elementor-heading-title,.ax-phero .ax-eyebrow .elementor-heading-title,
.ax-cta .ax-eyebrow .elementor-heading-title,.ax-band-ink .ax-eyebrow .elementor-heading-title,
.ax-why .ax-eyebrow .elementor-heading-title,.ax-stats .ax-eyebrow .elementor-heading-title{color:var(--ax-peach) !important;}

/* ==========================================================================
   Service grid [ax_service_grid] — 3 / 2 / 1 columns, Tailwind-style cards
   (rounded-2xl, ring-1, layered shadow, hover lift). Sixth tile = routing CTA.
   ========================================================================== */
.ax-pgrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.75rem; }
@media (max-width:1024px){ .ax-pgrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; } }
@media (max-width:640px) { .ax-pgrid { grid-template-columns:1fr; } }

.ax-pgrid-card { position:relative; display:flex; flex-direction:column; min-width:0; background:#fff; border-radius:1rem; overflow:hidden;
  box-shadow:0 0 0 1px rgba(20,22,25,.08), 0 1px 2px rgba(16,24,40,.05); text-decoration:none !important; color:inherit;
  transition:transform .35s var(--ax-ease), box-shadow .35s var(--ax-ease); }
a.ax-pgrid-card:hover { transform:translateY(-6px);
  box-shadow:0 0 0 1px rgba(228,101,42,.7), 0 24px 48px -12px rgba(20,22,25,.22); }
a.ax-pgrid-card:focus-visible { outline:3px solid var(--ax-blue); outline-offset:3px; }

.ax-pgrid-media { position:relative; display:block; aspect-ratio:16/10; background-size:cover; background-position:center; }
.ax-pgrid-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,22,25,0) 40%, rgba(20,22,25,.55) 100%);
  transition:opacity .35s var(--ax-ease); }
a.ax-pgrid-card:hover .ax-pgrid-media::after { opacity:.75; }
.ax-pgrid-num { position:absolute; top:.9rem; left:.9rem; z-index:1; font:700 .72rem/1 var(--ax-font-display); letter-spacing:.12em; color:#fff;
  background:rgba(20,22,25,.55); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.25);
  padding:.45rem .6rem; border-radius:999px; }
.ax-pgrid-icon { position:absolute; left:1.25rem; bottom:-1.4rem; z-index:2; width:2.9rem; height:2.9rem; border-radius:.85rem;
  display:grid; place-items:center; background:var(--ax-navy); color:var(--ax-peach); box-shadow:0 10px 20px -6px rgba(20,22,25,.45);
  transition:transform .35s var(--ax-ease), background .35s var(--ax-ease), color .35s var(--ax-ease); }
.ax-pgrid-icon svg { width:1.35rem; height:1.35rem; }
a.ax-pgrid-card:hover .ax-pgrid-icon { transform:rotate(-6deg) scale(1.06); background:var(--ax-peach); color:var(--ax-navy); }

.ax-pgrid-body { display:flex; flex-direction:column; flex:1; gap:.7rem; padding:2.2rem 1.4rem 1.4rem; }
.ax-pgrid-title { font-family:var(--ax-font-display); font-weight:700; font-size:1.2rem; line-height:1.3; color:var(--ax-navy); letter-spacing:-.01em; }
.ax-pgrid-blurb { color:var(--ax-fog); font-size:.94rem; line-height:1.6; }
.ax-pgrid-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.1rem; }
.ax-pgrid-tags span { display:inline-flex; align-items:center; line-height:1.2 !important; font-size:.74rem; font-weight:600; color:var(--ax-ink-2); background:#F3EEE6; border:1px solid #E3E0D7;
  padding:.28rem .6rem; border-radius:999px; }
.ax-pgrid-more { margin-top:auto; padding-top:1rem; border-top:1px solid #EFECE4; display:flex; align-items:center; gap:.45rem;
  font-weight:700; font-size:.88rem; color:var(--ax-blue); }
.ax-pgrid-more svg { width:1rem; height:1rem; transition:transform .3s var(--ax-ease); }
a.ax-pgrid-card:hover .ax-pgrid-more svg { transform:translateX(5px); }

/* CTA tile */
.ax-pgrid-cta { justify-content:center; gap:.9rem; padding:2rem 1.6rem; color:#fff;
  background:radial-gradient(90% 70% at 100% 0%, rgba(228,101,42,.35) 0%, rgba(228,101,42,0) 60%),
             linear-gradient(160deg, #1E2126 0%, #141619 55%, #0D0F11 100%);
  box-shadow:0 0 0 1px rgba(20,22,25,.2), 0 20px 40px -16px rgba(20,22,25,.45); }
.ax-pgrid-cta .ax-pgrid-title { color:#fff !important; font-size:1.35rem; }
.ax-pgrid-cta .ax-pgrid-blurb { color:#C9CCD1; }
.ax-pgrid-cta-eyebrow { font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ax-peach); }
.ax-pgrid-cta-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.6rem; }
.ax-pgrid-btn { display:inline-flex; line-height:1.2; border:1px solid transparent; align-items:center; justify-content:center; padding:.75rem 1.1rem; border-radius:.7rem; font-weight:700;
  font-size:.9rem; text-decoration:none !important; transition:all .2s var(--ax-ease); }
.ax-pgrid-btn--solid { background:var(--ax-peach); color:var(--ax-navy) !important; }
.ax-pgrid-btn--solid:hover { background:#fff; }
.ax-pgrid-btn--ghost { color:#fff !important; border:1px solid rgba(255,255,255,.45) !important; }
.ax-pgrid-btn--ghost:hover { border-color:var(--ax-peach) !important; color:var(--ax-peach) !important; }

/* ==========================================================================
   Service list [ax_service_list] — icon rows in a soft panel
   ========================================================================== */
.ax-plist { display:flex; flex-direction:column; gap:.5rem; padding:.6rem; border-radius:1.25rem; background:#F6F5F1;
  box-shadow:inset 0 0 0 1px #E8E4DA; }
.ax-plist-row { display:flex; align-items:center; gap:1rem; padding:1rem 1.1rem; border-radius:.9rem; background:#fff;
  box-shadow:0 0 0 1px rgba(20,22,25,.06), 0 1px 2px rgba(16,24,40,.04); text-decoration:none !important;
  transition:transform .3s var(--ax-ease), box-shadow .3s var(--ax-ease); }
.ax-plist-row:hover { transform:translateX(4px); box-shadow:0 0 0 1px rgba(228,101,42,.8), 0 14px 28px -12px rgba(20,22,25,.22); }
.ax-plist-row:focus-visible { outline:3px solid var(--ax-blue); outline-offset:2px; }
.ax-plist-icon { flex:none; width:2.75rem; height:2.75rem; border-radius:.8rem; display:grid; place-items:center;
  background:#F3EEE6; color:var(--ax-navy); transition:background .3s var(--ax-ease), color .3s var(--ax-ease); }
.ax-plist-icon svg { width:1.3rem; height:1.3rem; }
.ax-plist-row:hover .ax-plist-icon { background:var(--ax-navy); color:var(--ax-peach); }
.ax-plist-text { display:flex; flex-direction:column; gap:.15rem; min-width:0; flex:1; }
.ax-plist-title { font-family:var(--ax-font-display); font-weight:700; font-size:1.05rem; color:var(--ax-navy); }
.ax-plist-for { font-size:.86rem; color:var(--ax-fog); line-height:1.45; }
.ax-plist-go { flex:none; width:2.2rem; height:2.2rem; border-radius:999px; display:grid; place-items:center; color:var(--ax-navy);
  box-shadow:inset 0 0 0 1px #E3E0D7; transition:all .3s var(--ax-ease); }
.ax-plist-go svg { width:1rem; height:1rem; }
.ax-plist-row:hover .ax-plist-go { background:var(--ax-peach); box-shadow:none; transform:rotate(45deg); }
@media (max-width:640px){ .ax-plist-row { padding:.85rem; gap:.8rem; } .ax-plist-for { font-size:.8rem; } }

/* ==========================================================================
   Footer (v3) — Tailwind-style: brand + actions, 3 link columns, newsletter
   row, quiet bottom bar. Dark navy with a soft top glow.
   ========================================================================== */
.ax-foot { position:relative; overflow:hidden; color:#A9ADB3;
  background:radial-gradient(60% 50% at 15% 0%, rgba(228,101,42,.22), transparent 70%), linear-gradient(180deg, #1E2126 0%, #0D0F11 100%); }
.ax-foot::before { content:""; position:absolute; inset:0 0 auto 0; height:1px; background:linear-gradient(90deg, transparent, rgba(228,101,42,.55), transparent); }
.ax-foot a { color:#C9CCD1 !important; text-decoration:none !important; transition:color .18s var(--ax-ease); }
.ax-foot a:hover { color:#fff !important; }
.ax-foot-wrap { max-width:1200px; margin-inline:auto; padding:clamp(3.5rem,7vw,5.5rem) clamp(1rem,4vw,2rem) 2rem; }

.ax-foot-top { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:clamp(2.5rem,6vw,5rem); }
.ax-foot-logo { display:inline-flex; align-items:center; gap:.8rem; }
.ax-foot-mark { width:2.6rem; height:2.6rem; border-radius:.75rem; display:grid; place-items:center; background:var(--ax-peach); color:var(--ax-navy);
  font:800 1rem/1 var(--ax-font-display); letter-spacing:-.02em; box-shadow:0 8px 20px -8px rgba(228,101,42,.6); }
.ax-foot-name { display:flex; flex-direction:column; font:800 1.25rem/1.1 var(--ax-font-display); color:#fff; letter-spacing:-.01em; }
.ax-foot-name small { font:600 .66rem/1.4 var(--ax-font-body); letter-spacing:.22em; text-transform:uppercase; color:#9A9FA7; margin-top:.2rem; }
.ax-foot-brand p { margin:1.4rem 0 0; max-width:24rem; font-size:.95rem; line-height:1.7; color:#A9ADB3; }
.ax-foot-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.6rem; }
.ax-foot-btn { display:inline-flex; align-items:center; padding:.7rem 1.1rem; border-radius:.7rem; font-weight:700; font-size:.88rem; line-height:1.2;
  border:1px solid transparent; transition:all .2s var(--ax-ease); }
.ax-foot .ax-foot-btn--peach { background:var(--ax-peach); color:var(--ax-navy) !important; }
.ax-foot .ax-foot-btn--peach:hover { background:#fff; color:var(--ax-navy) !important; }
.ax-foot .ax-foot-btn--ghost { border-color:rgba(255,255,255,.28); color:#fff !important; }
.ax-foot .ax-foot-btn--ghost:hover { border-color:var(--ax-peach); color:var(--ax-peach) !important; }

.ax-foot-cols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.ax-foot-cols h3 { margin:0 0 1.1rem; font:700 .78rem/1 var(--ax-font-body); letter-spacing:.16em; text-transform:uppercase; color:#fff !important; }
.ax-foot-cols ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.8rem; }
.ax-foot-cols li { font-size:.93rem; line-height:1.5; }
.ax-foot-contact li span { display:block; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#8B9098; margin-bottom:.15rem; }

.ax-foot-news { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.5rem 3rem; margin-top:clamp(3rem,6vw,4.5rem);
  padding:1.8rem 2rem; border-radius:1.25rem; background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px rgba(255,255,255,.09); }
.ax-foot-news h3 { margin:0; font:700 1.15rem/1.3 var(--ax-font-display); color:#fff !important; }
.ax-foot-news p { margin:.35rem 0 0; font-size:.9rem; color:#A9ADB3; }
.ax-foot-news .ax-news { margin:0; flex:1 1 22rem; max-width:28rem; }
.ax-foot-news .ax-news-form { display:flex; gap:.6rem; margin:0; }
.ax-foot-news .ax-news-form input[type=email] { flex:1; min-width:0; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16);
  color:#fff; border-radius:.7rem; padding:.75rem 1rem; font-size:.92rem; }
.ax-foot-news .ax-news-form input[type=email]::placeholder { color:#9A9FA7; }
.ax-foot-news .ax-news-form input[type=email]:focus { outline:none; border-color:var(--ax-peach); box-shadow:0 0 0 3px rgba(228,101,42,.25); }
.ax-foot-news .ax-news-form button { flex:none; background:#fff !important; color:var(--ax-navy) !important; border:0 !important; border-radius:.7rem;
  padding:.75rem 1.2rem; font-weight:700; cursor:pointer; transition:background .2s var(--ax-ease); }
.ax-foot-news .ax-news-form button:hover { background:var(--ax-peach) !important; }
.ax-foot-news .ax-news-msg { margin:0 0 .6rem; font-size:.85rem; color:var(--ax-mint); }

.ax-foot-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.8rem 2rem; margin-top:2.5rem; padding-top:1.6rem;
  border-top:1px solid rgba(255,255,255,.09); font-size:.82rem; color:#9A9FA7; }
.ax-foot-bottom p { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.ax-foot-bottom b { color:#C9CCD1; }

@media (max-width:960px){ .ax-foot-top { grid-template-columns:1fr; } }
@media (max-width:640px){
  .ax-foot-cols { grid-template-columns:1fr 1fr; }
  .ax-foot-cols > div:last-child { grid-column:1 / -1; }
  .ax-foot-news { padding:1.4rem; }
  .ax-foot-news .ax-news-form { flex-direction:column; }
}

/* Top bar: keep one line on phones */
@media (max-width:600px){ .ax-topbar-inner > span:first-child { display:none; } .ax-topbar-inner { justify-content:center; } }

/* ==========================================================================
   Brand lockup (logo) — emblem | monogram | text | uploaded image
   ========================================================================== */
.ax-lockup { display:inline-flex; align-items:center; gap:.7rem; }
.ax-emblem { width:2.6rem; height:2.6rem; flex:none; display:block; }
.ax-mono { flex:none; width:2.5rem; height:2.5rem; border-radius:.75rem; display:grid; place-items:center; background:var(--ax-navy);
  color:var(--ax-peach); font:800 1rem/1 var(--ax-font-display); letter-spacing:-.02em; }
.ax-wordmark { display:flex; flex-direction:column; line-height:1; }
.ax-wordmark b { font:800 1.32rem/1 var(--ax-font-display); letter-spacing:-.02em; color:var(--ax-navy); }
.ax-wordmark small { font:600 .58rem/1 var(--ax-font-body); letter-spacing:.3em; text-transform:uppercase; color:var(--ax-fog); margin-top:.42rem; }
.ax-logo-img { display:block; height:46px; width:auto; }
.ax-foot .ax-wordmark b { color:#fff; }
.ax-foot .ax-wordmark small { color:#9A9FA7; }
.ax-foot .ax-mono { background:var(--ax-peach); color:var(--ax-navy); }
.ax-foot .ax-emblem { width:2.8rem; height:2.8rem; }

/* Footer social icons + directions link */
.ax-foot-social { list-style:none; margin:1.4rem 0 0; padding:0; display:flex; gap:.6rem; }
.ax-foot-social a { width:2.4rem; height:2.4rem; border-radius:.7rem; display:grid; place-items:center; background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); transition:all .2s var(--ax-ease); }
.ax-foot-social a:hover { background:var(--ax-peach); box-shadow:none; }
.ax-foot .ax-foot-social a:hover { color:var(--ax-navy) !important; }
.ax-foot-social svg { width:1.1rem; height:1.1rem; }
.ax-foot .ax-foot-directions { display:inline-block; margin-top:.4rem; font-size:.85rem; font-weight:600; color:var(--ax-peach) !important; }

/* ==========================================================================
   Modern header (.axh) — Tailwind flyout-menu pattern
   ========================================================================== */
.axh-topbar { background:var(--ax-navy); color:#A9ADB3; font-size:.76rem; letter-spacing:.02em; }
.axh-topbar-inner { max-width:1280px; margin:0 auto; padding:0 clamp(1rem,4vw,2rem); min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.axh-topbar b { color:var(--ax-peach); font-weight:600; }

.axh { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.88); -webkit-backdrop-filter:saturate(1.6) blur(14px); backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid rgba(20,22,25,.08); transition:box-shadow .25s var(--ax-ease), background .25s var(--ax-ease); }
.axh.is-scrolled { background:rgba(255,255,255,.96); box-shadow:0 10px 30px -18px rgba(20,22,25,.35); }
.admin-bar .axh { top:32px; }
@media (max-width:782px){ .admin-bar .axh { top:0; } }
.axh-bar { position:relative; max-width:1280px; margin:0 auto; padding:0 clamp(1rem,4vw,2rem); height:78px; display:flex; align-items:center; gap:1.5rem; }
.axh-brand { flex:none; display:inline-flex; text-decoration:none !important; }
.axh-nav { flex:1; display:flex; justify-content:center; }
.axh-menu { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:.15rem; }
.axh-item { position:static; }
.axh-link { display:inline-flex; align-items:center; gap:.3rem; padding:.55rem .85rem; border-radius:.65rem; background:none; border:0; cursor:pointer;
  font:600 .9rem/1 var(--ax-font-display); color:var(--ax-navy) !important; text-decoration:none !important; transition:background .15s var(--ax-ease), color .15s var(--ax-ease); }
button.axh-link, .axh-acc > button, .axh-burger { box-shadow:none !important; text-transform:none !important; letter-spacing:normal !important; }
button.axh-link { background:transparent !important; }
.axh-link:hover, .axh-link[aria-expanded="true"], button.axh-link:hover, button.axh-link[aria-expanded="true"] { background:#F1EFE9 !important; }
button.axh-link.is-current { background:#F3EEE6 !important; }
.axh-acc > button { background:transparent !important; }
.axh-burger { background:#F1EFE9 !important; }
.axh-link.is-current { color:var(--ax-blue) !important; background:#F3EEE6; }
.axh-link:focus-visible, .axh-account:focus-visible, .axh-cta:focus-visible { outline:2px solid var(--ax-blue); outline-offset:2px; }
.axh-chev { width:1rem; height:1rem; color:#8B9098; transition:transform .2s var(--ax-ease); }
.axh-link[aria-expanded="true"] .axh-chev { transform:rotate(180deg); color:var(--ax-navy); }

/* Service flyout panel */
.axh-panel { position:absolute; top:calc(100% + .6rem); left:50%; transform:translateX(-50%); width:min(1180px, calc(100vw - 2rem));
  max-height:calc(100vh - 7rem); overflow:auto; overscroll-behavior:contain;
  display:grid; grid-template-columns:minmax(0,1fr) 250px; background:#fff; border-radius:1.25rem;
  box-shadow:0 0 0 1px rgba(20,22,25,.08), 0 30px 60px -20px rgba(20,22,25,.35); animation:axh-in .18s var(--ax-ease); }
.axh-panel[hidden], .axh-drop[hidden] { display:none; }
@keyframes axh-in { from { opacity:0; transform:translate(-50%, -6px); } to { opacity:1; transform:translate(-50%, 0); } }
.axh-item--panel::after { content:""; position:absolute; left:0; right:0; top:100%; height:.8rem; } /* hover bridge */
.axh-panel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.15rem; padding:.85rem; align-content:start; }
@media (max-width:1100px){ .axh-panel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.axh-service { display:flex; align-items:flex-start; gap:.75rem; padding:.7rem .75rem; border-radius:.9rem; text-decoration:none !important; transition:background .15s var(--ax-ease); }
.axh-service:hover, .axh-service.is-current { background:#F6F5F1; }
.axh-service-icon { flex:none; width:2.3rem; height:2.3rem; border-radius:.7rem; display:grid; place-items:center; background:#F3EEE6; color:var(--ax-navy);
  transition:background .15s var(--ax-ease), color .15s var(--ax-ease); }
.axh-service-icon svg { width:1.25rem; height:1.25rem; }
.axh-service:hover .axh-service-icon { background:var(--ax-navy); color:var(--ax-peach); }
.axh-service-text { display:flex; flex-direction:column; gap:.2rem; }
.axh-service-title { font:700 .95rem/1.25 var(--ax-font-display); color:var(--ax-navy); }
.axh-service-for { font-size:.8rem; line-height:1.45; color:var(--ax-fog); }
.axh-panel-aside { display:flex; flex-direction:column; gap:.8rem; padding:1.6rem; color:#fff;
  background:radial-gradient(90% 70% at 100% 0%, rgba(228,101,42,.4), transparent 70%), linear-gradient(160deg,#22252B,#0D0F11); }
.axh-aside-eyebrow { margin:0; font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ax-peach); }
.axh-aside-title { margin:0; font:700 1.1rem/1.35 var(--ax-font-display); color:#fff; }
.axh-aside-btn { margin-top:auto; display:inline-flex; justify-content:center; padding:.7rem 1rem; border-radius:.7rem; background:var(--ax-peach); color:var(--ax-navy) !important;
  font-weight:700; font-size:.88rem; text-decoration:none !important; }
.axh-aside-btn:hover { background:#fff; }
.axh-aside-link { font-size:.85rem; font-weight:600; color:#C9CCD1 !important; text-decoration:none !important; }
.axh-aside-link:hover { color:#fff !important; }

/* Simple dropdown (other menu items with children) */
.axh-item--drop { position:relative; }
.axh-drop { position:absolute; top:calc(100% + .6rem); left:0; min-width:220px; padding:.4rem; background:#fff; border-radius:.9rem;
  box-shadow:0 0 0 1px rgba(20,22,25,.08), 0 20px 40px -16px rgba(20,22,25,.3); display:flex; flex-direction:column; }
.axh-drop a { padding:.6rem .8rem; border-radius:.6rem; font-size:.88rem; font-weight:600; color:var(--ax-navy) !important; text-decoration:none !important; }
.axh-drop a:hover { background:#F6F5F1; }

/* Right-hand actions */
.axh-actions { flex:none; display:flex; align-items:center; gap:.6rem; }
.axh-account { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .75rem; border-radius:.65rem; font:600 .88rem/1 var(--ax-font-display);
  color:var(--ax-navy) !important; text-decoration:none !important; }
.axh-account:hover { background:#F1EFE9; }
.axh-account svg { width:1.1rem; height:1.1rem; }
.axh-cta { display:inline-flex; align-items:center; padding:.72rem 1.15rem; border-radius:.75rem; background:var(--ax-navy); color:#fff !important;
  font:700 .88rem/1 var(--ax-font-display); text-decoration:none !important; box-shadow:0 10px 20px -12px rgba(20,22,25,.8); transition:background .2s var(--ax-ease), transform .2s var(--ax-ease); }
.axh-cta:hover { background:var(--ax-blue); transform:translateY(-1px); }
.axh-burger { display:none; width:2.6rem; height:2.6rem; border:0; border-radius:.7rem; background:#F1EFE9; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.axh-burger span { width:18px; height:2px; border-radius:2px; background:var(--ax-navy); transition:transform .25s var(--ax-ease), opacity .2s; }
.axh.is-open .axh-burger span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.axh.is-open .axh-burger span:nth-child(2) { opacity:0; }
.axh.is-open .axh-burger span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

/* Mobile sheet */
.axh-sheet { border-top:1px solid rgba(20,22,25,.08); background:#fff; max-height:calc(100vh - 78px); overflow-y:auto; padding:.8rem clamp(1rem,4vw,2rem) 1.6rem; }
.axh-sheet[hidden] { display:none; }
.axh-sheet ul { list-style:none; margin:0; padding:0; }
.axh-sheet li > a, .axh-acc > button { display:flex; width:100%; align-items:center; justify-content:space-between; padding:.95rem .4rem; border:0; border-bottom:1px solid #EFECE4;
  background:none; font:600 1.05rem/1.2 var(--ax-font-display); color:var(--ax-navy) !important; text-decoration:none !important; cursor:pointer; text-align:left; }
.axh-acc > button[aria-expanded="true"] .axh-chev { transform:rotate(180deg); }
.axh-acc > div { padding:.4rem 0 .6rem; }
.axh-acc > div[hidden] { display:none; }
.axh-acc > div a { display:flex; align-items:center; gap:.7rem; padding:.65rem .6rem; border-radius:.6rem; font-size:.95rem; font-weight:600; color:var(--ax-ink-2) !important; text-decoration:none !important; }
.axh-acc > div a:hover { background:#F6F5F1; }
.axh-acc > div a svg { width:1.1rem; height:1.1rem; color:var(--ax-blue); }
.axh-sheet-actions { display:grid; gap:.6rem; margin-top:1.2rem; }
.axh-sheet-actions .axh-cta, .axh-sheet-book { justify-content:center; padding:.95rem 1rem; }
.axh-sheet-book { display:inline-flex; border-radius:.75rem; border:1px solid #DCD8CD; font-weight:700; color:var(--ax-navy) !important; text-decoration:none !important; }
.axh-sheet-phone { text-align:center; font-weight:600; color:var(--ax-fog) !important; padding:.4rem; }
html.axh-lock, html.axh-lock body { overflow:hidden; }

@media (max-width:1100px) {
  .axh-nav, .axh-account { display:none; }
  .axh-burger { display:inline-flex; }
  .axh-bar { justify-content:space-between; }
}
@media (max-width:560px) {
  .axh-actions > .axh-cta { display:none; }
  .axh-bar { height:68px; }
  .axh-bar .ax-emblem { width:2.3rem; height:2.3rem; }
  .axh-bar .ax-wordmark b { font-size:1.15rem; }
  .axh-topbar-inner > span:first-child { display:none; }
  .axh-topbar-inner { justify-content:center; }
}