/* ============================================================
   SITE THEME — matches aiedittools.in homepage exactly.
   Dark/light variables, nav, mobile drawer, footer support.
   ============================================================ */

:root[data-theme="dark"]{
  --bg:#0a0f1e;--bg2:#111827;--bg3:#1a2235;
  --purple:#7c3aed;--purple2:#9333ea;--blue:#2563eb;--cyan:#06b6d4;
  --gold:#f59e0b;--green:#10b981;--red:#ef4444;
  --white:#ffffff;--text:#ffffff;--text2:#94a3b8;--text3:#64748b;
  --card-bg:rgba(255,255,255,0.04);--card-border:rgba(255,255,255,0.08);
  --nav-bg:rgba(26,34,58,0.97);
  --stat-txt:#94a3b8;
  --font-head:'Plus Jakarta Sans',sans-serif;--font-body:'Inter',sans-serif;
}
:root[data-theme="light"]{
  --bg:#f8fafc;--bg2:#ffffff;--bg3:#f1f5f9;
  --purple:#7c3aed;--purple2:#9333ea;--blue:#2563eb;--cyan:#06b6d4;
  --gold:#d97706;--green:#059669;--red:#dc2626;
  --white:#ffffff;--text:#0f172a;--text2:#334155;--text3:#64748b;
  --card-bg:#ffffff;--card-border:rgba(0,0,0,0.08);
  --nav-bg:rgba(255,255,255,0.98);
  --stat-txt:#475569;
  --font-head:'Plus Jakarta Sans',sans-serif;--font-body:'Inter',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
img,video{max-width:100%;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;}
::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px;}

/* NAV */
nav{position:sticky;top:0;z-index:200;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px;overflow:visible;width:100%;box-sizing:border-box;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.logo-name{font-family:var(--font-head);font-size:20px;font-weight:800;}
.logo-name span{background:linear-gradient(135deg,var(--purple),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-links{display:flex;align-items:center;gap:2px;flex:1;overflow:visible;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links a{color:var(--text) !important;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;padding:6px 10px;border-radius:8px;white-space:nowrap;}
.nav-links a:hover{color:var(--purple) !important;background:rgba(124,58,237,0.12);}
.nav-submit-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;}
.nav-submit-btn:hover{opacity:0.9;}
.nav-search{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.search-inp{padding:8px 16px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--white);font-size:13px;font-family:var(--font-body);outline:none;width:180px;min-width:0;transition:border .2s;}
.search-inp:focus{border-color:var(--purple);}
.submit-btn{background:linear-gradient(135deg,var(--purple),var(--blue));color:var(--white);padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:var(--font-head);}

/* MOBILE MENU */
.ham-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;z-index:1001;}
.ham-btn span{display:block;width:22px;height:2.5px;background:#111827;border-radius:2px;transition:all .3s;}
[data-theme="dark"] .ham-btn span{background:#e2e8f0;}
.mob-menu{display:none;position:fixed;top:0;right:0;height:100vh;height:100dvh;width:78vw;max-width:280px;background:#fff;box-shadow:-4px 0 32px rgba(0,0,0,0.18);z-index:1000;flex-direction:column;padding:0;overflow-y:auto;}
[data-theme="dark"] .mob-menu{background:#111827;}
.mob-menu.open{display:flex;}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:999;backdrop-filter:blur(2px);}
.mob-overlay.open{display:block;}
.mob-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.07);}
[data-theme="dark"] .mob-header{border-color:rgba(255,255,255,0.07);}
.mob-logo{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;display:flex;align-items:center;gap:7px;text-decoration:none;color:inherit;}
.mob-logo span{background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mob-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text3,#6b7280);line-height:1;padding:4px;}
.mob-search{padding:14px 20px;border-bottom:1px solid rgba(0,0,0,0.06);}
[data-theme="dark"] .mob-search{border-color:rgba(255,255,255,0.06);}
.mob-search-row{display:flex;gap:8px;}
.mob-search-inp{flex:1;padding:9px 14px;border:1px solid #e5e7eb;border-radius:9px;font-size:13px;outline:none;background:#f9fafb;color:#111;}
[data-theme="dark"] .mob-search-inp{background:#1f2937;border-color:#374151;color:#e2e8f0;}
.mob-search-btn{background:#7c3aed;color:#fff;border:none;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
.mob-nav-links{display:flex;flex-direction:column;padding:8px 0;}
.mob-nav-link{display:flex;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:600;color:#111827;text-decoration:none;transition:background .15s;border:none;background:none;cursor:pointer;width:100%;text-align:left;}
[data-theme="dark"] .mob-nav-link{color:#e2e8f0;}
.mob-nav-link:hover,.mob-nav-link:active{background:rgba(124,58,237,0.07);}
.mob-nav-link .mob-icon{font-size:18px;width:22px;text-align:center;}
.mob-nav-bottom{padding:16px 20px;border-top:1px solid rgba(0,0,0,0.06);}
[data-theme="dark"] .mob-nav-bottom{border-color:rgba(255,255,255,0.06);}
.mob-submit-btn{display:block;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;text-align:center;padding:13px;border-radius:11px;font-weight:700;font-size:14px;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;}

@media(max-width:960px){
  .ham-btn{display:flex!important;}
  #navSearchWrap{display:none!important;}
  .nav-search{display:none!important;}
  #themeBtn,button[onclick="toggleTheme()"],#themeToggle{display:flex!important;}
}

/* FOOTER */
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:28px;margin-bottom:20px;}
@media(max-width:900px){ .footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important;} }
@media(max-width:540px){ .footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important;} }