/*
Theme Name: Astra Child — Fort Kovant
Theme URI: http://fort-kovant.test
Description: Child theme for Fort Kovant Legal Practitioners. Implements the "Quiet Authority" design system (see docs/00-design-system.md). Do all customization here — never edit Astra parent.
Author: Fort Kovant build
Template: astra
Version: 1.0.0
Text Domain: astra-child-fortkovant
*/

/* ==========================================================================
   Design tokens — mirror of docs/00-design-system.md.
   Keep in sync with Elementor > Site Settings > Global Colors/Fonts.
   ========================================================================== */
:root {
  /* Identity: Navy + Peach (Manrope). Modern, clean, approachable.
     Legacy var names kept so existing CSS adopts the new palette automatically.
     Role map: --fk-ink=navy (dark surfaces+headings), --fk-brass=blue accent,
     --fk-oxblood=deepest navy (CTA bands), --fk-champagne=peach. */
  --fk-ink:        #20304E; /* deep navy: dark bands, footer, headings */
  --fk-ink-2:      #2B3B5E; /* elevated navy surface (not loud blue) */
  --fk-paper:      #F5F6F8; /* neutral near-white (not "blue") */
  --fk-paper-2:    #FFFFFF; /* cards */
  --fk-brass:      #346FDC; /* bright blue = primary accent (eyebrows, links, primary btn) */
  --fk-brass-soft: #6FAFEB; /* light blue (on dark / hover) */
  --fk-oxblood:    #172742; /* darkest navy: CTA bands, gravity */
  --fk-champagne:  #FDB074; /* peach accent */
  --fk-fog:        #5A6472; /* muted text on light */
  --fk-fog-dark:   #AFC0D8; /* muted text on dark (blue-grey) */
  --fk-line:       #DCE4EE; /* hairline on light */
  --fk-line-dark:  #33436A; /* hairline on dark */
  --fk-white:      #FFFFFF;

  /* Named identity tokens */
  --fk-navy:       #20304E;
  --fk-blue:       #346FDC;
  --fk-peach:      #FDB074;
  --fk-peach-deep: #E5852F; /* richer warm orange for CTAs */
  --fk-mint:       #7BDAB0;
  --fk-mint-2:     #57C99A;

  --fk-whatsapp:   #25D366;

  --fk-font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fk-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

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

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

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

h1, h2, h3, .fk-display,
.entry-title, .ast-single-post .entry-title {
  font-family: var(--fk-font-display);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.015em;
  color: var(--fk-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(--fk-brass); }

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

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

/* ==========================================================================
   Buttons (serious, near-sharp, single brass accent)
   ========================================================================== */
.fk-btn {
  --_bg: var(--fk-navy);
  display: inline-flex; align-items: center; gap: .6em;
  font-family: var(--fk-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(--fk-ease), color .18s var(--fk-ease), transform .18s var(--fk-ease);
}
.fk-btn:hover { background: var(--fk-blue); border-color: var(--fk-blue); color:#fff; transform: translateY(-2px); }
/* Ghost (light context) */
.fk-btn--ghost { background: transparent; color: var(--fk-navy); border-color: var(--fk-navy); }
.fk-btn--ghost:hover { background: var(--fk-navy); color: #fff; }
/* Chat CTA styled like the Subscribe button: navy on light, white on dark (always visible). */
.fk-btn--whatsapp { --_bg: var(--fk-navy); color: #ffffff; border-color: var(--fk-navy); box-shadow: none; }
.fk-btn--whatsapp:hover { background: var(--fk-blue); border-color: var(--fk-blue); color: #fff; }
.fk-hero .fk-btn--whatsapp, .fk-phero .fk-btn--whatsapp, .fk-cta .fk-btn--whatsapp, .fk-band-ink .fk-btn--whatsapp, .fk-footer .fk-btn--whatsapp {
  background: #ffffff !important; color: var(--fk-navy) !important; border-color: #ffffff !important;
}
.fk-hero .fk-btn--whatsapp:hover, .fk-phero .fk-btn--whatsapp:hover, .fk-cta .fk-btn--whatsapp:hover, .fk-band-ink .fk-btn--whatsapp:hover, .fk-footer .fk-btn--whatsapp:hover {
  background: var(--fk-peach) !important; color: var(--fk-navy) !important;
}
/* On dark backgrounds: ghost buttons go light so they stay visible */
.fk-hero .fk-btn--ghost, .fk-phero .fk-btn--ghost, .fk-band-ink .fk-btn--ghost, .fk-cta .fk-btn--ghost, .fk-footer .fk-btn--ghost {
  color: #fff; border-color: rgba(255,255,255,.55); background: transparent;
}
.fk-hero .fk-btn--ghost:hover, .fk-phero .fk-btn--ghost:hover, .fk-band-ink .fk-btn--ghost:hover, .fk-cta .fk-btn--ghost:hover, .fk-footer .fk-btn--ghost:hover {
  background: #fff; color: var(--fk-navy); border-color:#fff;
}

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

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

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

/* Section rhythm (global so inner pages match home) */
.fk-sec { padding-block: var(--fk-section-y); }
.fk-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);
}
.fk-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; }
.fk-prose img { border-radius: 12px; }

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

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

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

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

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

/* ==========================================================================
   Site header (branded, injected at wp_body_open)
   ========================================================================== */
.fk-topbar { background: var(--fk-navy); color: var(--fk-fog-dark); font-size: .74rem; letter-spacing: .04em; }
.fk-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; }
.fk-topbar b { color: var(--fk-peach); font-weight: 600; }

.fk-head { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid var(--fk-line);
  transition: box-shadow .25s var(--fk-ease); }
.fk-head.is-scrolled { box-shadow: 0 6px 24px rgba(20,30,50,.09); }
.fk-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; }
.fk-brand { display: flex; flex-direction: column; line-height: 1; text-decoration: none; }
.fk-brand .fk-mark { font-family: var(--fk-font-display); font-weight: 800; font-size: 1.4rem; color: var(--fk-navy); letter-spacing: -.01em; }
.fk-brand .fk-sub { font-size: .62rem; letter-spacing: .26em; text-transform: uppercase; color: var(--fk-fog); margin-top: .34rem; }

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

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

@media (max-width: 991px) {
  .fk-burger { display: flex; }
  .fk-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(--fk-ease); box-shadow: -12px 0 40px rgba(20,30,50,.15); z-index: 99; overflow-y: auto; }
  .fk-head.is-open .fk-nav { transform: translateX(0); }
  .fk-menu { flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; }
  .fk-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)
   ========================================================================== */
.fk-footer { background:var(--fk-ink); color:var(--fk-fog-dark); padding:clamp(3rem,6vw,5rem) 0 2rem; }
.fk-footer a { color:#C6D0E2 !important; text-decoration:none; transition:color .18s var(--fk-ease); }
.fk-footer a:hover { color:var(--fk-peach) !important; }
.fk-footer .fk-footer-nav li a { display:inline-block; }
.fk-footer .fk-footer-inner { max-width:1180px; margin:0 auto; padding:0 var(--fk-gutter);
  display:grid; grid-template-columns:1.3fr .8fr 1fr 1.2fr; gap:2.5rem; }
.fk-footer h4, .fk-footer .fk-footer-brand h4 { color:#FFFFFF !important; font-family:var(--fk-font-display); font-size:1.4rem; font-weight:800; margin:0 0 .8rem; }
.fk-footer p, .fk-footer-brand p { color:var(--fk-fog-dark); }
.fk-footer .fk-eyebrow { color:var(--fk-brass-soft); display:block; margin-bottom:.8rem; }
.fk-footer ul { list-style:none; margin:0; padding:0; }
.fk-footer li { margin-bottom:.5rem; font-size:.95rem; }
.fk-footer .fk-news h3 { color:var(--fk-paper); font-size:1.15rem; }
.fk-footer .fk-news-text { color:var(--fk-fog-dark); font-size:.9rem; }
/* Subscribe button: solid, visible on the navy footer */
.fk-footer .fk-news-form button, .fk-footer .fk-news-form .fk-btn {
  background:#ffffff !important; color:var(--fk-navy) !important; border:0 !important; border-radius:8px; font-weight:700;
  padding:.7rem 1.3rem; cursor:pointer; transition:background .18s var(--fk-ease), color .18s var(--fk-ease); }
.fk-footer .fk-news-form button:hover, .fk-footer .fk-news-form .fk-btn:hover { background:var(--fk-peach) !important; color:var(--fk-navy) !important; }
.fk-footer .fk-news-form input[type=email] { background:rgba(255,255,255,.08); border:1px solid var(--fk-line-dark); color:#fff; border-radius:8px; padding:.7rem .9rem; }
.fk-footer .fk-news-form input[type=email]::placeholder { color:var(--fk-fog-dark); }
.fk-footer-bottom { max-width:1180px; margin:2.5rem auto 0; padding:1.5rem var(--fk-gutter) 0; border-top:1px solid var(--fk-line-dark);
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-size:.82rem; color:var(--fk-fog-dark); }
@media (max-width:900px){ .fk-footer .fk-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. */
.fk-hero, .fk-phero, .fk-why, .fk-cta, .fk-stats, .fk-band-ink, .fk-quote-dark { color: #E6ECF5; }
.fk-hero .elementor-heading-title,
.fk-phero .elementor-heading-title,
.fk-why .elementor-heading-title,
.fk-cta .elementor-heading-title,
.fk-stats .elementor-heading-title,
.fk-band-ink .elementor-heading-title { color: #FFFFFF !important; }
.fk-hero .fk-eyebrow .elementor-heading-title,
.fk-phero .fk-eyebrow .elementor-heading-title,
.fk-why .fk-eyebrow .elementor-heading-title,
.fk-cta .fk-eyebrow .elementor-heading-title,
.fk-stats .fk-eyebrow .elementor-heading-title,
.fk-band-ink .fk-eyebrow .elementor-heading-title { color: var(--fk-peach) !important; }
.fk-hero p, .fk-phero p, .fk-why p, .fk-cta p, .fk-stats p, .fk-band-ink p,
.fk-hero .elementor-widget-text-editor, .fk-phero .elementor-widget-text-editor,
.fk-why .elementor-widget-text-editor, .fk-cta .elementor-widget-text-editor { color: #D4DCEA !important; }
.fk-hero a:not(.fk-btn), .fk-phero a:not(.fk-btn), .fk-band-ink a:not(.fk-btn) { color: var(--fk-peach); }

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

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

/* ==========================================================================
   Motion — respect reduced motion
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  html.fk-js .fk-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 ---- */
.fk-btn{font-family:var(--fk-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(--fk-ease),color .18s var(--fk-ease),border-color .18s var(--fk-ease),transform .18s var(--fk-ease);}
.fk-btn:hover{transform:translateY(-2px);}

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

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

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

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

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

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

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

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

.fk-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(32,48,78,.08), 0 1px 2px rgba(16,24,40,.05); text-decoration:none !important; color:inherit;
  transition:transform .35s var(--fk-ease), box-shadow .35s var(--fk-ease); }
a.fk-pgrid-card:hover { transform:translateY(-6px);
  box-shadow:0 0 0 1px rgba(253,176,116,.7), 0 24px 48px -12px rgba(20,30,50,.22); }
a.fk-pgrid-card:focus-visible { outline:3px solid var(--fk-blue); outline-offset:3px; }

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

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

/* CTA tile */
.fk-pgrid-cta { justify-content:center; gap:.9rem; padding:2rem 1.6rem; color:#fff;
  background:radial-gradient(90% 70% at 100% 0%, rgba(52,111,220,.35) 0%, rgba(52,111,220,0) 60%),
             linear-gradient(160deg, #2B3B5E 0%, #20304E 55%, #172742 100%);
  box-shadow:0 0 0 1px rgba(32,48,78,.2), 0 20px 40px -16px rgba(20,30,50,.45); }
.fk-pgrid-cta .fk-pgrid-title { color:#fff !important; font-size:1.35rem; }
.fk-pgrid-cta .fk-pgrid-blurb { color:#C6D0E2; }
.fk-pgrid-cta-eyebrow { font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--fk-peach); }
.fk-pgrid-cta-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.6rem; }
.fk-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(--fk-ease); }
.fk-pgrid-btn--solid { background:var(--fk-peach); color:var(--fk-navy) !important; }
.fk-pgrid-btn--solid:hover { background:#fff; }
.fk-pgrid-btn--ghost { color:#fff !important; border:1px solid rgba(255,255,255,.45) !important; }
.fk-pgrid-btn--ghost:hover { border-color:var(--fk-peach) !important; color:var(--fk-peach) !important; }

/* ==========================================================================
   Practice list [fk_practice_list] — icon rows in a soft panel
   ========================================================================== */
.fk-plist { display:flex; flex-direction:column; gap:.5rem; padding:.6rem; border-radius:1.25rem; background:#F5F7FB;
  box-shadow:inset 0 0 0 1px #E4EAF2; }
.fk-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(32,48,78,.06), 0 1px 2px rgba(16,24,40,.04); text-decoration:none !important;
  transition:transform .3s var(--fk-ease), box-shadow .3s var(--fk-ease); }
.fk-plist-row:hover { transform:translateX(4px); box-shadow:0 0 0 1px rgba(253,176,116,.8), 0 14px 28px -12px rgba(20,30,50,.22); }
.fk-plist-row:focus-visible { outline:3px solid var(--fk-blue); outline-offset:2px; }
.fk-plist-icon { flex:none; width:2.75rem; height:2.75rem; border-radius:.8rem; display:grid; place-items:center;
  background:#EEF3F9; color:var(--fk-navy); transition:background .3s var(--fk-ease), color .3s var(--fk-ease); }
.fk-plist-icon svg { width:1.3rem; height:1.3rem; }
.fk-plist-row:hover .fk-plist-icon { background:var(--fk-navy); color:var(--fk-peach); }
.fk-plist-text { display:flex; flex-direction:column; gap:.15rem; min-width:0; flex:1; }
.fk-plist-title { font-family:var(--fk-font-display); font-weight:700; font-size:1.05rem; color:var(--fk-navy); }
.fk-plist-for { font-size:.86rem; color:var(--fk-fog); line-height:1.45; }
.fk-plist-go { flex:none; width:2.2rem; height:2.2rem; border-radius:999px; display:grid; place-items:center; color:var(--fk-navy);
  box-shadow:inset 0 0 0 1px #DCE4EE; transition:all .3s var(--fk-ease); }
.fk-plist-go svg { width:1rem; height:1rem; }
.fk-plist-row:hover .fk-plist-go { background:var(--fk-peach); box-shadow:none; transform:rotate(45deg); }
@media (max-width:640px){ .fk-plist-row { padding:.85rem; gap:.8rem; } .fk-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.
   ========================================================================== */
.fk-foot { position:relative; overflow:hidden; color:#AFC0D8;
  background:radial-gradient(60% 50% at 15% 0%, rgba(52,111,220,.22), transparent 70%), linear-gradient(180deg, #1D2C49 0%, #172742 100%); }
.fk-foot::before { content:""; position:absolute; inset:0 0 auto 0; height:1px; background:linear-gradient(90deg, transparent, rgba(253,176,116,.55), transparent); }
.fk-foot a { color:#C6D0E2 !important; text-decoration:none !important; transition:color .18s var(--fk-ease); }
.fk-foot a:hover { color:#fff !important; }
.fk-foot-wrap { max-width:1200px; margin-inline:auto; padding:clamp(3.5rem,7vw,5.5rem) clamp(1rem,4vw,2rem) 2rem; }

.fk-foot-top { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:clamp(2.5rem,6vw,5rem); }
.fk-foot-logo { display:inline-flex; align-items:center; gap:.8rem; }
.fk-foot-mark { width:2.6rem; height:2.6rem; border-radius:.75rem; display:grid; place-items:center; background:var(--fk-peach); color:var(--fk-navy);
  font:800 1rem/1 var(--fk-font-display); letter-spacing:-.02em; box-shadow:0 8px 20px -8px rgba(253,176,116,.6); }
.fk-foot-name { display:flex; flex-direction:column; font:800 1.25rem/1.1 var(--fk-font-display); color:#fff; letter-spacing:-.01em; }
.fk-foot-name small { font:600 .66rem/1.4 var(--fk-font-body); letter-spacing:.22em; text-transform:uppercase; color:#8FA3C2; margin-top:.2rem; }
.fk-foot-brand p { margin:1.4rem 0 0; max-width:24rem; font-size:.95rem; line-height:1.7; color:#AFC0D8; }
.fk-foot-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.6rem; }
.fk-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(--fk-ease); }
.fk-foot .fk-foot-btn--peach { background:var(--fk-peach); color:var(--fk-navy) !important; }
.fk-foot .fk-foot-btn--peach:hover { background:#fff; color:var(--fk-navy) !important; }
.fk-foot .fk-foot-btn--ghost { border-color:rgba(255,255,255,.28); color:#fff !important; }
.fk-foot .fk-foot-btn--ghost:hover { border-color:var(--fk-peach); color:var(--fk-peach) !important; }

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

.fk-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); }
.fk-foot-news h3 { margin:0; font:700 1.15rem/1.3 var(--fk-font-display); color:#fff !important; }
.fk-foot-news p { margin:.35rem 0 0; font-size:.9rem; color:#AFC0D8; }
.fk-foot-news .fk-news { margin:0; flex:1 1 22rem; max-width:28rem; }
.fk-foot-news .fk-news-form { display:flex; gap:.6rem; margin:0; }
.fk-foot-news .fk-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; }
.fk-foot-news .fk-news-form input[type=email]::placeholder { color:#8FA3C2; }
.fk-foot-news .fk-news-form input[type=email]:focus { outline:none; border-color:var(--fk-peach); box-shadow:0 0 0 3px rgba(253,176,116,.25); }
.fk-foot-news .fk-news-form button { flex:none; background:#fff !important; color:var(--fk-navy) !important; border:0 !important; border-radius:.7rem;
  padding:.75rem 1.2rem; font-weight:700; cursor:pointer; transition:background .2s var(--fk-ease); }
.fk-foot-news .fk-news-form button:hover { background:var(--fk-peach) !important; }
.fk-foot-news .fk-news-msg { margin:0 0 .6rem; font-size:.85rem; color:var(--fk-mint); }

.fk-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:#8FA3C2; }
.fk-foot-bottom p { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.fk-foot-bottom b { color:#C6D0E2; }

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

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

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

/* Footer social icons + directions link */
.fk-foot-social { list-style:none; margin:1.4rem 0 0; padding:0; display:flex; gap:.6rem; }
.fk-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(--fk-ease); }
.fk-foot-social a:hover { background:var(--fk-peach); box-shadow:none; }
.fk-foot .fk-foot-social a:hover { color:var(--fk-navy) !important; }
.fk-foot-social svg { width:1.1rem; height:1.1rem; }
.fk-foot .fk-foot-directions { display:inline-block; margin-top:.4rem; font-size:.85rem; font-weight:600; color:var(--fk-peach) !important; }

/* ==========================================================================
   Modern header (.fkh) — Tailwind flyout-menu pattern
   ========================================================================== */
.fkh-topbar { background:var(--fk-navy); color:#AFC0D8; font-size:.76rem; letter-spacing:.02em; }
.fkh-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; }
.fkh-topbar b { color:var(--fk-peach); font-weight:600; }

.fkh { 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(32,48,78,.08); transition:box-shadow .25s var(--fk-ease), background .25s var(--fk-ease); }
.fkh.is-scrolled { background:rgba(255,255,255,.96); box-shadow:0 10px 30px -18px rgba(20,30,50,.35); }
.admin-bar .fkh { top:32px; }
@media (max-width:782px){ .admin-bar .fkh { top:0; } }
.fkh-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; }
.fkh-brand { flex:none; display:inline-flex; text-decoration:none !important; }
.fkh-nav { flex:1; display:flex; justify-content:center; }
.fkh-menu { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:.15rem; }
.fkh-item { position:static; }
.fkh-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(--fk-font-display); color:var(--fk-navy) !important; text-decoration:none !important; transition:background .15s var(--fk-ease), color .15s var(--fk-ease); }
button.fkh-link, .fkh-acc > button, .fkh-burger { box-shadow:none !important; text-transform:none !important; letter-spacing:normal !important; }
button.fkh-link { background:transparent !important; }
.fkh-link:hover, .fkh-link[aria-expanded="true"], button.fkh-link:hover, button.fkh-link[aria-expanded="true"] { background:#F1F4F9 !important; }
button.fkh-link.is-current { background:#EEF3F9 !important; }
.fkh-acc > button { background:transparent !important; }
.fkh-burger { background:#F1F4F9 !important; }
.fkh-link.is-current { color:var(--fk-blue) !important; background:#EEF3F9; }
.fkh-link:focus-visible, .fkh-account:focus-visible, .fkh-cta:focus-visible { outline:2px solid var(--fk-blue); outline-offset:2px; }
.fkh-chev { width:1rem; height:1rem; color:#8A96A8; transition:transform .2s var(--fk-ease); }
.fkh-link[aria-expanded="true"] .fkh-chev { transform:rotate(180deg); color:var(--fk-navy); }

/* Practice flyout panel */
.fkh-panel { position:absolute; top:calc(100% + .6rem); left:50%; transform:translateX(-50%); width:min(920px, calc(100vw - 2rem));
  display:grid; grid-template-columns:minmax(0,1fr) 270px; overflow:hidden; background:#fff; border-radius:1.25rem;
  box-shadow:0 0 0 1px rgba(32,48,78,.08), 0 30px 60px -20px rgba(20,30,50,.35); animation:fkh-in .18s var(--fk-ease); }
.fkh-panel[hidden], .fkh-drop[hidden] { display:none; }
@keyframes fkh-in { from { opacity:0; transform:translate(-50%, -6px); } to { opacity:1; transform:translate(-50%, 0); } }
.fkh-item--panel::after { content:""; position:absolute; left:0; right:0; top:100%; height:.8rem; } /* hover bridge */
.fkh-panel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem; padding:1rem; }
.fkh-practice { display:flex; align-items:flex-start; gap:.9rem; padding:.85rem; border-radius:.9rem; text-decoration:none !important; transition:background .15s var(--fk-ease); }
.fkh-practice:hover, .fkh-practice.is-current { background:#F5F7FB; }
.fkh-practice-icon { flex:none; width:2.6rem; height:2.6rem; border-radius:.75rem; display:grid; place-items:center; background:#EEF3F9; color:var(--fk-navy);
  transition:background .15s var(--fk-ease), color .15s var(--fk-ease); }
.fkh-practice-icon svg { width:1.25rem; height:1.25rem; }
.fkh-practice:hover .fkh-practice-icon { background:var(--fk-navy); color:var(--fk-peach); }
.fkh-practice-text { display:flex; flex-direction:column; gap:.2rem; }
.fkh-practice-title { font:700 .95rem/1.25 var(--fk-font-display); color:var(--fk-navy); }
.fkh-practice-for { font-size:.8rem; line-height:1.45; color:var(--fk-fog); }
.fkh-panel-aside { display:flex; flex-direction:column; gap:.8rem; padding:1.6rem; color:#fff;
  background:radial-gradient(90% 70% at 100% 0%, rgba(52,111,220,.4), transparent 70%), linear-gradient(160deg,#26375A,#172742); }
.fkh-aside-eyebrow { margin:0; font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--fk-peach); }
.fkh-aside-title { margin:0; font:700 1.1rem/1.35 var(--fk-font-display); color:#fff; }
.fkh-aside-btn { margin-top:auto; display:inline-flex; justify-content:center; padding:.7rem 1rem; border-radius:.7rem; background:var(--fk-peach); color:var(--fk-navy) !important;
  font-weight:700; font-size:.88rem; text-decoration:none !important; }
.fkh-aside-btn:hover { background:#fff; }
.fkh-aside-link { font-size:.85rem; font-weight:600; color:#C6D0E2 !important; text-decoration:none !important; }
.fkh-aside-link:hover { color:#fff !important; }

/* Simple dropdown (other menu items with children) */
.fkh-item--drop { position:relative; }
.fkh-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(32,48,78,.08), 0 20px 40px -16px rgba(20,30,50,.3); display:flex; flex-direction:column; }
.fkh-drop a { padding:.6rem .8rem; border-radius:.6rem; font-size:.88rem; font-weight:600; color:var(--fk-navy) !important; text-decoration:none !important; }
.fkh-drop a:hover { background:#F5F7FB; }

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

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

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