/*
Theme Name: Hive Mind Social (v6.3)
Author: Leo
Version: 6.3.3
Text Domain: hivemindsocial
*/

/* ===== TOKENS ===== */
:root{
  --yellow:#FFD700; --bg:#050505; --fg:#F8F8F8;
  --muted:#BBBBBB; --stroke:rgba(255,255,255,.10);
  --host-h:320px; --header-h:56px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:radial-gradient(1200px 600px at 50% -10%, rgba(255,204,51,.08), transparent 60%), var(--bg);
  color:var(--fg);
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial;
}
a{color:var(--yellow);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 18px}

/* ===== HEADER ===== */
header{
  position:sticky;top:0;z-index:50;
  background:#050505;border-bottom:1px solid var(--stroke);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:4px 18px; /* reduced from 10px */
}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.custom-logo{height:38px;width:auto;display:block}
.site-title-link{display:inline-flex;align-items:center;text-decoration:none}
.site-title-text{margin:0;font-weight:900;color:var(--yellow);font-size:18px;line-height:1}

/* ===== NAV ===== */
.main-navigation .menu{
  display:flex;gap:20px;list-style:none;margin:0;padding:0;white-space:nowrap;
}
.main-navigation a{color:#E8E8E8;font-weight:600;text-decoration:none;line-height:1}
.main-navigation a:hover{color:var(--yellow)}
.nav-toggle{display:none}

@media (max-width:640px){
  .site-title-text{font-size:16px;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-toggle{
    display:inline-block;appearance:none;background:transparent;color:#ffd700;
    border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem;
    font:600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;cursor:pointer;
  }
  .main-navigation{
    position:fixed;top:var(--header-h);right:0;height:calc(100vh - var(--header-h));
    width:78vw;max-width:340px;
    transform:translateX(100%);transition:transform .28s ease;
    background:rgba(10,14,26,.96);backdrop-filter:saturate(120%) blur(6px);
    border-left:1px solid rgba(255,255,255,.12);z-index:9999;padding:64px 12px 16px;
  }
  .nav-open .main-navigation{transform:translateX(0)}
  .main-navigation .menu{flex-direction:column}
  .main-navigation li{border-top:1px solid rgba(255,255,255,.08)}
  .main-navigation li:first-child{border-top:0}
  .main-navigation a{display:block;padding:14px 14px;font-size:16px}
}

@media (min-width:641px){
  .nav-toggle{display:none}
}

/* ===== MAIN ===== */
main{padding:36px 0}
.entry{max-width:860px;margin:0 auto}
.entry h1,.entry h2,.entry h3{color:var(--yellow)}
#nx-wrap .nx-hero h1.nx-title{color:transparent} /* keep gradient */

/* Keep headings yellow in content */
.entry h1,.entry h2,.entry h3{color:var(--yellow)}

/* Force hero headline to keep gradient */
#nx-wrap .nx-hero .nx-title{color:transparent}


/* ===== SECTIONS ===== */
.section{padding:36px 0;border-top:1px solid var(--stroke)}
.section:first-of-type{border-top:none}
.section h2{margin:0 0 12px;font-size:32px}
.lead{margin:0 0 18px;color:var(--muted)}

/* ===== HOSTS GRID ===== */
.hosts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){:root{--host-h:280px}.hosts-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){:root{--host-h:240px}.hosts-grid{grid-template-columns:1fr}}
.host-card{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border:1px solid var(--stroke);border-radius:16px;overflow:hidden;position:relative;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.host-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.45);border-color:rgba(255,255,255,.16)}
.host-fig{position:relative;height:var(--host-h);background:#0A0A0A;overflow:hidden}
.host-fig img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;animation:fadin .6s ease .05s forwards}
@keyframes fadin{to{opacity:1}}
.host-fig::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(to top, rgba(0,0,0,.95), rgba(0,0,0,0));pointer-events:none}

/* caption */
.host-caption{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:94%}
.host-name{
  padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.55);color:#fff;font-weight:900;letter-spacing:.3px;
  border:1px solid rgba(255,215,0,.35);text-shadow:0 0 10px rgba(255,215,0,.45);text-align:center;
  font-size:clamp(14px,1.8vw,20px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
@media (max-width:1199.98px){
  .host-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:balance}
}
@media (max-width:420px){.host-name{-webkit-line-clamp:3}}

/* ===== BUTTON ===== */
.button-cta{
  display:inline-block;background:var(--yellow);color:#000;font-weight:800;
  padding:12px 28px;border-radius:50px;font-size:16px;transition:all .25s ease;border:1px solid transparent;
}
.button-cta:hover{background:#ffdb33;transform:translateY(-2px);box-shadow:0 0 16px rgba(255,215,0,.45)}

/* ===== EMBEDS ===== */
.embed-wrap{margin-top:18px;background:#0a0a0a;border:1px solid var(--stroke);border-radius:12px;padding:12px}
.embed-responsive{position:relative;width:100%;height:0;padding-bottom:140%;overflow:hidden;border-radius:8px}
.embed-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}

/* ===== FOOTER ===== */
footer{padding:24px 0;border-top:1px solid var(--stroke);color:#AAA;text-align:center}

/* mobile slideout */
@media (max-width:640px){
  .nav-toggle{
    display:inline-block; appearance:none; cursor:pointer;
    background:transparent; color:#ffd700;
    border:1px solid rgba(255,255,255,.2); border-radius:8px;
    padding:.5rem .75rem; font:600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  }
  .main-navigation{
    position:fixed; top:var(--header-h); right:0; height:calc(100vh - var(--header-h)); width:78vw; max-width:340px;
    transform:translateX(100%); transition:transform .28s ease;
    background:rgba(10,14,26,.96); backdrop-filter:saturate(120%) blur(6px);
    border-left:1px solid rgba(255,255,255,.12); z-index:9999; padding:64px 12px 16px;
  }
  .nav-open .main-navigation{ transform:translateX(0) }
  .main-navigation .menu{ display:flex; flex-direction:column; gap:0; list-style:none; margin:0; padding:0 }
  .main-navigation li{ border-top:1px solid rgba(255,255,255,.08) }
  .main-navigation li:first-child{ border-top:0 }
  .main-navigation a{ display:block; padding:14px 14px; font-size:16px; color:#E8E8E8; text-decoration:none }
}

/* desktop: show inline, hide toggle */
@media (min-width:641px){
  .nav-toggle{ display:none }
  .main-navigation{ position:static; height:auto; width:auto; transform:none; padding:0; background:transparent; border:0 }
  .main-navigation .menu{ display:flex; flex-direction:row; gap:20px }
}

/* Desktop defaults */
.main-navigation{position:static; transform:none; height:auto; width:auto; padding:0; background:transparent; border:0}
.main-navigation .menu{display:flex; flex-direction:row; gap:20px; list-style:none; margin:0; padding:0}
.nav-toggle{display:none}

/* Mobile drawer */
@media (max-width:640px){
  .nav-toggle{
    display:inline-block; appearance:none; cursor:pointer;
    background:transparent; color:#ffd700;
    border:1px solid rgba(255,255,255,.2); border-radius:8px;
    padding:.5rem .75rem; font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  }
  /* keep header row tight */
  header .header-inner{justify-content:space-between}

  /* drawer hidden by default */
  .main-navigation{
    display:block !important;
    position:fixed; top:var(--header-h); right:0;
    height:calc(100vh - var(--header-h));
    width:78vw; max-width:340px;
    transform:translateX(100%); transition:transform .28s ease;
    background:rgba(10,14,26,.96); backdrop-filter:saturate(120%) blur(6px);
    border-left:1px solid rgba(255,255,255,.12); z-index:9999; padding:64px 12px 16px;
  }
  .nav-open .main-navigation{ transform:translateX(0) }

  .main-navigation .menu{flex-direction:column; gap:0}
  .main-navigation li{border-top:1px solid rgba(255,255,255,.08)}
  .main-navigation li:first-child{border-top:0}
  .main-navigation a{display:block; padding:14px 14px; font-size:16px; color:#E8E8E8; text-decoration:none}

  /* hide desktop inline duplication */
  .main-navigation .menu{display:flex}
}

/* Ensure desktop doesn’t show the button or drawer styling */
@media (min-width:641px){
  .nav-toggle{display:none !important}
  .main-navigation{position:static !important; transform:none !important; padding:0 !important; background:transparent !important; border:0 !important}
  .main-navigation .menu{display:flex !important; flex-direction:row !important; gap:20px !important}
}

/* Inline-style killers (removes stray <p><style> blocks from content) */
.nx-badge { display: none !important; }
.nx-hero { margin-top:0 !important; padding-top:0 !important; }
p > style { display:none !important; }
p:has(> style) { display:none !important; }
#hosts.section { margin-top:0 !important; padding-top:0 !important; }

/* ===== NX SHARED (site-wide for homepage/FAQ/blocks) ===== */
:root{
  --bg-a:#0b0e16; --bg-b:#0a0d14;
  --text:#e5e7eb; --text-2:#cbd5e1; --text-3:#94a3b8;
  --line:#1f2937; --brand:#06b6d4; --brand-2:#7c5cff; --ok:#22c55e;
  --card:#0e1420;
}

/* Hero H1 = main page heading */
#nx-wrap .nx-hero h1.nx-title{
  margin:12px 0 8px;
  font-weight:800;
  font-size:clamp(28px,4vw,46px);
  line-height:1.05;
  background:linear-gradient(90deg,#fff 0%,#b3e7ff 40%,#cbbcff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

#nx-wrap{max-width:1100px;margin:0 auto;padding:36px 20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
#nx-wrap *{box-sizing:border-box}

.nx-hero{
  background:radial-gradient(800px 300px at 15% -10%, rgba(124,92,255,.18),transparent 60%),radial-gradient(800px 300px at 85% -10%, rgba(6,182,212,.18),transparent 60%);
  border:1px solid var(--line);border-radius:18px;backdrop-filter:saturate(120%);
  margin-top:0 !important;
  padding:14px 28px 20px !important;  /* top breathing room */
}
.nx-badge{display:inline-flex;gap:10px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgb(124 92 255 / .35);background:rgb(124 92 255 / .10);color:#dcd7ff;font-size:12px}
.nx-title{margin:12px 0 8px;font-weight:800;font-size:clamp(28px,4vw,46px);line-height:1.05;background:linear-gradient(90deg,#fff 0%,#b3e7ff 40%,#cbbcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nx-sub{color:var(--text-2);max-width:65ch;margin:0}

.nx-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.nx-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .15s ease, box-shadow .15s ease}
.nx-btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#0b0e16;box-shadow:0 10px 30px rgba(6,182,212,.25)}
.nx-btn.secondary{background:#111827;color:#fff;border:1px solid var(--line)}
.nx-btn:hover{transform:translateY(-1px);box-shadow:0 12px 36px rgba(124,92,255,.25)}

.nx-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 26px}
.nx-kpi{background:linear-gradient(#0d131f,#0d131f) padding-box,linear-gradient(120deg, rgba(124,92,255,.6), rgba(6,182,212,.6)) border-box;border:1px solid transparent;border-radius:14px;padding:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.nx-kpi strong{display:block;color:#fff;font-size:18px}
.nx-kpi span{color:var(--ok);font-weight:700}

.nx-sec{margin-top:34px}
.nx-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.nx-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.nx-card h2{margin:0 0 8px;color:#fff;font-size:22px}
.nx-card ul{color:var(--text-2);margin:0 0 12px 18px}

.nx-h2{color:#fff;font-size:22px;margin:0 0 10px}
.nx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nx-mini{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--text-2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.nx-list{color:var(--text-2);margin:0 0 12px 18px}
.nx-test{border-left:3px solid var(--line);padding-left:12px;color:var(--text-2);margin:0}

.nx-cta-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(124,92,255,.10),rgba(6,182,212,.10));border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:22px}
.nx-ic{width:18px;height:18px;display:inline-block;vertical-align:middle}

@media (max-width:900px){
  .nx-grid-2,.nx-grid-3,.nx-strip{grid-template-columns:1fr}
}

/* Show More block */
.nx-more summary { cursor:pointer; }
.nx-more .faq-hidden { display:none; }
.nx-more[open] .faq-hidden { display:block; }

/* CTA section */
.nx-faq .nx-cta {
  display:flex;
  gap:.75rem;
  align-items:center;
  margin-top:24px;
}
/* FAQ item aesthetics */
.nx-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;transition:.2s}
.nx-faq details+details{margin-top:10px}
.nx-faq summary{color:#fff;font-weight:600;cursor:pointer;list-style:none}
.nx-faq summary::-webkit-details-marker{display:none}
.nx-faq details:hover,
.nx-faq details[open]{transform:translateY(-2px);border-color:rgba(124,92,255,.6);box-shadow:0 6px 18px rgba(124,92,255,.25);background:rgba(124,92,255,.05)}

#nx-wrap h1.nx-h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#nx-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.entry-content{display:block !important; overflow:visible !important}
.entry-content::after{content:"";display:block;clear:both}
.entry-content img.alignright{float:right;margin:0 0 10px 20px}
.entry-content .wp-caption.alignright{float:right;margin:0 0 10px 20px}

/* Left-aligned image support */
.entry-content img.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
.entry-content .wp-caption.alignleft {
  float: left;
  margin: 0 20px 10px 0;
  max-width: 45%;
}
.entry-content .wp-caption.alignleft img {
  display: block;
  width: 100%;
  height: auto;
}

/* 1) Disable flex/grid on content wrappers so floats can wrap text */
.entry-content,
.page .entry,
.page .page-content,
.wp-block-post-content,
.single .hentry,
.page .hentry { display:block !important; }

/* 2) Clearfix to prevent overflow clipping */
.entry-content::after,
.page .entry::after,
.page .page-content::after,
.wp-block-post-content::after { content:""; display:block; clear:both; }

/* 3) Right align with wrap */
img.alignright,
.wp-caption.alignright,
.wp-block-image.alignright,
.wp-block-image.alignright img {
  float:right !important;
  margin:0 0 10px 20px !important;
  max-width:48% !important;
}

/* 4) Left align with wrap */
img.alignleft,
.wp-caption.alignleft,
.wp-block-image.alignleft,
.wp-block-image.alignleft img {
  float:left !important;
  margin:0 20px 10px 0 !important;
  max-width:48% !important;
}

/* 5) Center stays centered */
.aligncenter,
.wp-block-image.aligncenter { display:block !important; margin:0 auto 10px !important; text-align:center; }

/* 6) Captions remain constrained */
.wp-caption { max-width:100% !important; }

/* hero offset (was 40px; removed) */
.nx-hero { margin-top:0 !important; }

/* ===== FOOTER NAV – CARD GRID ===== */

.footer-nav {
  list-style: none;
  margin: 20px auto 0;
  padding: 0 16px;
  max-width: 1100px;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px 18px;
}

/* each item becomes a small “card” */
.footer-nav li {
  background: radial-gradient(circle at top left, rgba(255,215,0,.08), transparent 55%),
              #05070d;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 10px 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.footer-nav li::before {
  content: "";
  width: 18px;
  height: 10px;
  background: #f5c94a;                /* Hive yellow */
  display: inline-block;
  margin-right: 8px;
  transform: translateY(1px);
  clip-path: polygon(
    25% 0%,
    75% 0%,
    100% 50%,
    75% 100%,
    25% 100%,
    0% 50%
  );
}

/* link text */
.footer-nav a {
  display: inline-block;
  color: #e2e8f0;
  font-size: 0.9rem;
  line-height: 1.35;
  text-decoration: none;
}

/* hover state = subtle lift + glow */
.footer-nav li:hover {
  transform: translateY(-2px);
  border-color: rgba(245,201,74,.9);
  box-shadow: 0 10px 24px rgba(0,0,0,.65);
  background: radial-gradient(circle at top left, rgba(18,212,198,.14), transparent 55%),
              #05070d;
}
.footer-nav li:hover a {
  color: #f5c94a;
}

/* Mobile: single column, left aligned, still card-style */
@media (max-width: 640px) {
  .footer-nav {
    grid-template-columns: 1fr;
    max-width: 520px;
    padding: 0 12px 8px;
  }
  .footer-nav li {
    text-align: left;
    justify-content: flex-start;
  }
}

/* NOT SURE WHAT THIS IS FROM - I THINK CHATGOT INJECTED IT.
   .entry-content > p:first-child { margin:0 !important; padding:0 !important; display:none !important; }
   .entry-content > p:empty,
   .entry-content > p:has(br:only-child) { display:none !important; }
*/

/* Emoji font for first cell in nx-card */
:root{
  --emoji-font: "Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",emoji;
}
.nx-card > div:first-child { font-family: var(--emoji-font); }

/* ===== DROPDOWN BEHAVIOUR ===== */
.main-navigation ul ul {
  display:none;
  position:absolute;
  background:#111;
  list-style:none;
  margin:0;
  padding:0;
  min-width:180px;
  border:1px solid rgba(255,255,255,.1);
}
.main-navigation li:hover > ul,
.main-navigation li.open > ul {
  display:block;
}
.main-navigation ul ul li { border-top:1px solid rgba(255,255,255,.1); }
.main-navigation ul ul a {
  display:block;
  padding:10px 14px;
  color:#eee;
}
.main-navigation ul ul a:hover {
  background:#222;
  color:#ffd700;
}

/* ===== STICKY + Z-INDEX ===== */
@media (min-width:641px){
  .site-header{position:sticky; top:0; z-index:1000;}
  .main-navigation{position:relative; z-index:1001;}
  .main-navigation ul ul{position:absolute; z-index:1002;}
  .entry, .entry-content, .section, .category .entry { overflow:visible !important; }
}

/* ===== MOBILE HEADER/DRAWER (no body padding) ===== */
@media (max-width:640px){
  .site-header{position:fixed; top:0; left:0; right:0; z-index:1000;}
  .main-navigation{
    position:fixed; top:var(--header-h); right:0;
    height:calc(100vh - var(--header-h));
    width:78vw; max-width:340px;
    transform:translateX(100%);
    transition:transform .28s ease, visibility .28s ease;
    background:rgba(10,14,26,.96);
    border-left:1px solid rgba(255,255,255,.12);
    z-index:1001;
    visibility:hidden; pointer-events:none; overflow:auto;
  }
  html.nav-open .main-navigation{ transform:translateX(0); visibility:visible; pointer-events:auto; }
}

/* Anchor dropdowns to their parent <li> */
.main-navigation .menu > li { position: relative; }

/* Place submenus directly under the parent, left-aligned */
.main-navigation ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  transform: none;
}

@media (min-width:641px){
  .main-navigation .menu > li:last-child > ul { left:auto; right:0; }
}

/* ===== ADMIN BAR (no body padding) ===== */
.site-header{ top:0 !important; }
@media (min-width:783px){ .admin-bar .site-header { top:32px !important; } }
@media (max-width:782px){ .admin-bar .site-header { top:46px !important; } }

/* ===== HERO HEADLINE: tight lines, no clipping ===== */
#nx-wrap .nx-hero { overflow: visible !important; margin-top:0 !important; padding-top:12px !important; }

#nx-wrap .nx-hero .nx-title {
  overflow: visible !important;
  line-height: 1.03 !important;
  display: inline-block;
  padding-bottom: 6px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Add space above hero box */
#nx-wrap {
  margin-top: 20px !important;   /* increase this to push hero down */
}

/* Mobile: keep content below fixed header */
@media (max-width:640px){
  :root { --header-h: 34px; }  /* reduce or increase this number (try 48–60px) */
  body { padding-top: var(--header-h) !important; }
  .admin-bar body { padding-top: calc(var(--header-h) + 46px) !important; }
  .site-header { top: 0 !important; }
  .main-navigation { 
    top: var(--header-h) !important; 
    height: calc(100vh - var(--header-h)) !important; 
  }
  .admin-bar .main-navigation { 
    top: calc(var(--header-h) + 46px) !important; 
    height: calc(100vh - var(--header-h) - 46px) !important; 
  }
}

/* Make ALL dropdown menus open to the left instead of the right */
@media (min-width:641px){
  .main-navigation .menu > li {
    position: relative;
  }

  .main-navigation .menu > li > ul {
    left: auto !important;   /* stop opening from the left edge */
    right: 0 !important;      /* anchor submenu to the right edge of parent */
  }
}

/* MOBILE MENU FIX — FORCE SUBMENU TO STACK CLEANLY */
@media (max-width: 768px) {

    /* Ensure submenu takes full width and stays inside panel */
    .menu-item-has-children > .sub-menu {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        width: 100% !important;
        background: #0d0f15 !important;  /* match your dark panel */
        border-top: 1px solid #222 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Fix links so they don’t overlap or layer */
    .sub-menu li a {
        padding: 14px 20px !important;
        display: block !important;
        color: #fff !important;
        background: transparent !important;
        border-bottom: 1px solid #1a1d25 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        white-space: normal !important; /* prevents text overlapping */
    }

    /* Improve parent item spacing */
    .menu-item-has-children > a {
        padding-bottom: 12px !important;
    }
}





/* Show the Home menu item ONLY on mobile */
@media (max-width: 768px) {
  .mobile-home-only {
    display: block !important;
  }
}

@media (min-width: 769px) {
  .mobile-home-only {
    display: none !important;
  }
}
/* ===== FOOTER MENU – CARD GRID ===== */
.footer-nav {
  list-style: none;
  margin: 20px auto 0;
  padding: 0 16px;
  max-width: 1100px;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px 18px;
}

.footer-nav li {
  background: radial-gradient(circle at top left, rgba(255,215,0,.08), transparent 55%),
              #05070d;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 10px 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease;
}

/* HEX ICON */
.footer-nav li::before {
  content: "";
  width: 18px;
  height: 10px;
  display: inline-block;
  margin-right: 8px;
  transform: translateY(1px);
  background: #f5c94a; /* Hive gold */

  clip-path: polygon(
    25% 0%,
    75% 0%,
    100% 50%,
    75% 100%,
    25% 100%,
    0% 50%
  );
}

.footer-nav a {
  color: #e2e8f0;
  font-size: 0.9rem;
  line-height: 1.35;
  text-decoration: none;
}

.footer-nav li:hover {
  transform: translateY(-2px);
  border-color: rgba(245,201,74,0.9);
  box-shadow: 0 10px 24px rgba(0,0,0,0.65);
  background: radial-gradient(circle at top left, rgba(18,212,198,.14), transparent 55%),
              #05070d;
}

.footer-nav li:hover a {
  color: #f5c94a;
}

/* Mobile layout */
@media (max-width: 640px) {
  .footer-nav {
    grid-template-columns: 1fr;
    max-width: 520px;
    padding: 0 12px 8px;
  }
  .footer-nav li {
    text-align: left;
    justify-content: flex-start;
  }
}

/* ===== FOOTER DISCLAIMER ===== */
.footer-disclaimer {
  max-width: 900px;
  margin: 26px auto 0;
  padding: 16px 20px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #9ca3af;
  text-align: center;
}
.footer-disclaimer p {
  margin: 0;
  padding: 0;
}

/* ===== FOOTER COPYRIGHT ===== */
.footer-copy {
  margin-top: 18px;
  color: #777;
  font-size: 13px;
  text-align: center;
}
.footer-disclaimer p {
  text-align: justify;
  text-align-last: left;
}