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

/* ===== TOKENS ===== */
:root{
  --yellow:#FFD700; --bg:#050505; --fg:#F8F8F8;
  --muted:#BBBBBB; --stroke:rgba(255,255,255,.10);
  --host-h:320px;
}
*{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:10px 18px;
}
.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:0;right:0;height:100vh;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:0; right:0; height:100vh; 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:0; right:0;
    height:100vh; 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%);padding:28px;border:1px solid var(--line);border-radius:18px;backdrop-filter:saturate(120%)}
.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; }


.nx-hero {
  margin-top: 40px !important;
}