/* =========================================================
AstronovAI Premium Theme System
Unified UI layer for tools, categories, compare, blog,
account, submit/auth pages, and login gates.
========================================================= */
:root{
--ai-bg:#f6f8fc;
--ai-surface:#ffffff;
--ai-surface-2:#f8fafc;
--ai-ink:#0b1426;
--ai-text:#1e293b;
--ai-muted:#64748b;
--ai-muted-2:#94a3b8;
--ai-line:rgba(15,23,42,.10);
--ai-line-soft:rgba(15,23,42,.07);
--ai-primary:#1d4ed8;
--ai-primary-2:#2563eb;
--ai-cyan:#06b6d4;
--ai-violet:#6d5dfc;
--ai-accent:#8b5cf6;
--ai-green:#10b981;
--ai-orange:#f97316;
--ai-danger:#ef4444;
--ai-dark:#07111f;
--ai-radius-xs:10px;
--ai-radius-sm:14px;
--ai-radius-md:18px;
--ai-radius-lg:24px;
--ai-radius-xl:32px;
--ai-shadow-sm:0 8px 22px rgba(15,23,42,.06);
--ai-shadow:0 18px 50px rgba(15,23,42,.10);
--ai-shadow-lg:0 28px 80px rgba(15,23,42,.16);
--ai-gradient:linear-gradient(135deg,#2563eb 0%,#6d5dfc 48%,#06b6d4 100%);
--ai-gradient-dark:radial-gradient(circle at 82% 22%,rgba(37,99,235,.48),transparent 26%),radial-gradient(circle at 18% 88%,rgba(139,92,246,.32),transparent 32%),linear-gradient(135deg,#081225 0%,#0f1d38 54%,#111827 100%);
--ai-container:min(100% - 40px,1280px);
}
html{scroll-behavior:smooth}
body.astronovai-premium-theme{
background:var(--ai-bg) !important;
color:var(--ai-text);
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body.astronovai-premium-theme a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
body.astronovai-premium-theme img{max-width:100%;height:auto}
body.astronovai-premium-theme .ast-container,
body.astronovai-premium-theme .ai-content-container{
max-width:1280px;
width:var(--ai-container);
padding-left:0 !important;
padding-right:0 !important;
}
body.astronovai-premium-theme .site-content{padding-top:0}
body.astronovai-premium-theme h1,
body.astronovai-premium-theme h2,
body.astronovai-premium-theme h3,
body.astronovai-premium-theme h4{
color:var(--ai-ink);
letter-spacing:-.035em;
font-weight:900;
}
body.astronovai-premium-theme p{line-height:1.75}
/* =========================================================
Header
========================================================= */
.ai-site-header{
position:sticky;
top:0;
z-index:999;
background:rgba(255,255,255,.88);
border-bottom:1px solid var(--ai-line-soft);
backdrop-filter:blur(18px);
box-shadow:0 8px 28px rgba(15,23,42,.04);
}
.admin-bar .ai-site-header{top:32px}
.ai-header-inner{
width:var(--ai-container);
max-width:1280px;
margin:0 auto;
min-height:76px;
display:grid;
grid-template-columns:auto minmax(240px,440px) 1fr;
gap:26px;
align-items:center;
}
.ai-brand{
display:inline-flex;
align-items:center;
gap:10px;
color:var(--ai-ink) !important;
text-decoration:none !important;
font-weight:950;
white-space:nowrap;
}
.ai-brand-mark{
width:34px;
height:34px;
border-radius:12px;
display:inline-block;
background:var(--ai-gradient);
position:relative;
box-shadow:0 12px 24px rgba(37,99,235,.22);
}
.ai-brand-mark:before,
.ai-brand-mark:after{
content:"";
position:absolute;
border-radius:999px;
background:#fff;
}
.ai-brand-mark:before{width:14px;height:14px;left:10px;top:10px;opacity:.96}
.ai-brand-mark:after{width:6px;height:6px;right:7px;top:7px;opacity:.82}
.ai-brand-text{font-size:28px;line-height:1;letter-spacing:-.055em}
.ai-brand-text span{color:var(--ai-primary-2)}
.ai-header-search{
height:46px;
border:1px solid var(--ai-line);
border-radius:999px;
background:#fff;
display:grid;
grid-template-columns:20px minmax(0,1fr);
gap:10px;
align-items:center;
padding:0 16px;
box-shadow:var(--ai-shadow-sm);
}
.ai-header-search input{
border:0 !important;
background:transparent !important;
box-shadow:none !important;
outline:none !important;
min-height:auto !important;
padding:0 !important;
color:var(--ai-ink) !important;
font-size:14px;
font-weight:700;
}
.ai-search-icon,
.ai-theme-toggle:before,
.ai-nav-signin:before,
.ai-nav-account:before,
.ai-nav-submit:before,
.compare-btn:before,
.ai-ui-icon{
content:"";
display:inline-block;
width:18px;
height:18px;
background:currentColor;
flex:0 0 auto;
-webkit-mask-size:contain;
mask-size:contain;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
}
.ai-search-icon{color:var(--ai-muted);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
.ai-primary-nav{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
.ai-primary-nav a,
.ai-primary-nav button{
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0 13px;
border-radius:999px;
border:0;
background:transparent;
color:var(--ai-ink) !important;
text-decoration:none !important;
font-size:14px;
font-weight:850;
cursor:pointer;
}
.ai-primary-nav a:hover,
.ai-primary-nav button:hover{background:#eef4ff;color:var(--ai-primary) !important;transform:translateY(-1px)}
.ai-nav-signin,
.ai-nav-account{
background:var(--ai-dark) !important;
color:#fff !important;
padding:0 18px !important;
box-shadow:0 14px 30px rgba(15,23,42,.18);
}
.ai-nav-signin:hover,.ai-nav-account:hover{background:#111c33 !important;color:#fff !important;box-shadow:0 18px 34px rgba(15,23,42,.22)}
.ai-nav-signin:before,.ai-nav-account:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.2-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.2-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}
.ai-nav-submit:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.ai-theme-toggle{width:42px !important;padding:0 !important;border:1px solid var(--ai-line-soft) !important;background:#fff !important;color:var(--ai-ink) !important}
.ai-theme-toggle:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 14.6A8.7 8.7 0 0 1 9.4 3a9 9 0 1 0 11.6 11.6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 14.6A8.7 8.7 0 0 1 9.4 3a9 9 0 1 0 11.6 11.6Z'/%3E%3C/svg%3E")}
.ai-mobile-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--ai-line);background:#fff;border-radius:14px;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer}
.ai-mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:3px;background:var(--ai-ink)}
/* =========================================================
Buttons, cards, forms, empty states
========================================================= */
.ai-btn,
button:not(.ai-theme-toggle):not(.ai-mobile-menu-toggle):not(.favorite-heart):not(.swiper-button-next):not(.swiper-button-prev),
input[type="submit"],
.ai-account-btn,
.ai-submit-primary,
.tool-btn,
.official-btn,
.visit-btn,
.section-view-link{
border-radius:16px !important;
font-weight:900 !important;
text-decoration:none !important;
}
button:not(.favorite-heart):not(.swiper-button-next):not(.swiper-button-prev),
input[type="submit"]{transition:.2s ease}
.official-btn,.visit-btn,.ai-submit-primary,.ai-account-btn.primary,
body.astronovai-premium-theme .ai-account-btn:not(.ai-secondary){
background:var(--ai-dark) !important;
color:#fff !important;
box-shadow:0 14px 30px rgba(15,23,42,.16) !important;
}
.official-btn:hover,.visit-btn:hover,.ai-submit-primary:hover,.ai-account-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.20) !important}
input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="search"],select,textarea{
border:1px solid var(--ai-line) !important;
border-radius:16px !important;
background:#fff !important;
color:var(--ai-ink) !important;
box-shadow:none !important;
outline:none !important;
transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
input:focus,select:focus,textarea:focus{border-color:rgba(37,99,235,.45) !important;box-shadow:0 0 0 5px rgba(37,99,235,.09) !important}
/* =========================================================
Home / shared section rhythm
========================================================= */
.home-container{width:var(--ai-container) !important;max-width:1280px !important;padding:26px 0 80px !important}
.home-search-wrap{display:none}
.ai-smart-hero{margin:24px 0 30px !important}
.ai-hero-shell{
border-radius:30px !important;
min-height:540px !important;
background:var(--ai-gradient-dark) !important;
border:1px solid rgba(255,255,255,.12);
box-shadow:var(--ai-shadow-lg) !important;
}
.ai-hero-slide{background:transparent !important;padding:66px 70px !important}
.ai-hero-badge{
background:rgba(37,99,235,.94) !important;
color:#fff !important;
border:0 !important;
box-shadow:0 14px 34px rgba(37,99,235,.32);
}
.ai-hero-badge:before{content:"";width:8px;height:8px;border-radius:999px;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12)}
.ai-hero-title{font-size:clamp(44px,6vw,78px) !important;line-height:.98 !important;letter-spacing:-.06em !important}
.ai-hero-description{font-size:19px !important;color:#d7e3f8 !important;max-width:680px !important}
.ai-hero-btn.primary{background:#2f75ff !important;box-shadow:0 20px 42px rgba(47,117,255,.34) !important}
.ai-hero-btn.secondary{border:1px solid rgba(255,255,255,.26) !important;background:rgba(255,255,255,.08) !important;backdrop-filter:blur(8px)}
.ai-hero-preview-card{border:1px solid rgba(255,255,255,.16) !important;background:rgba(255,255,255,.10) !important;backdrop-filter:blur(14px);box-shadow:0 26px 60px rgba(2,6,23,.25)}
.category-strip,.home-section,.blog-card,.ai-stats-strip,
.taxonomy-block,.archive-section,.compare-card,.ai-card,
.ai-section-card,.blog-sidebar-card,.single-tool-card{
border:1px solid var(--ai-line-soft) !important;
border-radius:24px !important;
background:var(--ai-surface) !important;
box-shadow:var(--ai-shadow-sm) !important;
}
.category-strip{padding:18px !important;margin:28px 0 36px !important}
.section-head{margin-bottom:18px !important;align-items:center !important}
.section-head h2,
.home-section h2{font-size:clamp(25px,3vw,34px) !important;display:flex;align-items:center;gap:12px;margin:0 !important}
.section-head h2:before,
.template-heading-icon,
.ai-heading-icon{
content:"";
width:30px;
height:30px;
border-radius:12px;
display:inline-flex;
background:linear-gradient(135deg,#eaf1ff,#f3e8ff);
box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
position:relative;
}
.section-head h2:after{content:"";display:none}
.section-trending .section-head h2:before{background:linear-gradient(135deg,#fff3e8,#ffe4e6)}
.section-growing .section-head h2:before{background:linear-gradient(135deg,#ecfdf5,#dbeafe)}
.personalized-section .section-head h2:before{background:linear-gradient(135deg,#eef2ff,#f5f3ff)}
.section-popular .section-head h2:before{background:linear-gradient(135deg,#e0f2fe,#eef2ff)}
.section-view-link{display:inline-flex !important;align-items:center;gap:8px;color:var(--ai-primary) !important;font-weight:900 !important}
.section-view-link:after{content:"→";font-weight:900}
.swiper-button-next,.swiper-button-prev{
width:44px !important;height:44px !important;border-radius:999px !important;background:#fff !important;color:var(--ai-ink) !important;border:1px solid var(--ai-line-soft) !important;box-shadow:var(--ai-shadow-sm) !important;
}
.swiper-button-next:after,.swiper-button-prev:after{font-size:15px !important;font-weight:900}
.swiper-pagination-bullet{background:#cbd5e1 !important;opacity:1 !important}.swiper-pagination-bullet-active{background:var(--ai-primary) !important}
/* =========================================================
Tool cards and cards replacing emoji badges
========================================================= */
.tool-card{
border:1px solid var(--ai-line-soft) !important;
border-radius:22px !important;
background:#fff !important;
box-shadow:var(--ai-shadow-sm) !important;
overflow:hidden;
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.tool-card:hover{transform:translateY(-5px);box-shadow:var(--ai-shadow) !important;border-color:rgba(37,99,235,.20) !important}
.tool-card-head{align-items:center !important}
.auto-badge{
border:0 !important;
background:#ecfdf5 !important;
color:#047857 !important;
border-radius:999px !important;
padding:7px 10px !important;
font-size:11px !important;
font-weight:950 !important;
letter-spacing:.02em;
}
.auto-badge:before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:currentColor;margin-right:7px;vertical-align:middle;opacity:.75}
.smart-free{background:#eff6ff !important;color:#1d4ed8 !important}.smart-growing{background:#fff7ed !important;color:#c2410c !important}.smart-popular{background:#f5f3ff !important;color:#6d28d9 !important}.smart-editor{background:#fef3c7 !important;color:#92400e !important}
.tool-diamond{width:18px;height:18px;border-radius:7px;background:linear-gradient(135deg,#dbeafe,#e9d5ff);box-shadow:inset 0 0 0 1px rgba(37,99,235,.10)}
.tool-logo-wrap,.tool-logo,.tool-logo-letter{border-radius:18px !important}
.favorite-heart{border:1px solid var(--ai-line-soft) !important;background:#fff !important;border-radius:999px !important;box-shadow:0 8px 18px rgba(15,23,42,.05) !important}
.favorite-heart:before{content:"" !important;display:block;width:18px;height:18px;margin:auto;background:#94a3b8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 21s-7-4.4-9.5-8.2C.4 9.5 2.2 5.3 6 5.1c2-.1 3.5.9 4.4 2.2.9-1.3 2.4-2.3 4.4-2.2 3.8.2 5.6 4.4 3.5 7.7C19 16.6 12 21 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 21s-7-4.4-9.5-8.2C.4 9.5 2.2 5.3 6 5.1c2-.1 3.5.9 4.4 2.2.9-1.3 2.4-2.3 4.4-2.2 3.8.2 5.6 4.4 3.5 7.7C19 16.6 12 21 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat}
.favorite-heart.active:before{background:#ef4444}
.rating-star{display:inline-block;width:15px;height:15px;background:#f59e0b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2 2.9 6.2 6.7.8-5 4.6 1.3 6.6L12 16.9l-5.9 3.3 1.3-6.6-5-4.6 6.7-.8L12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2 2.9 6.2 6.7.8-5 4.6 1.3 6.6L12 16.9l-5.9 3.3 1.3-6.6-5-4.6 6.7-.8L12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-2px;margin-right:4px}
.compare-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:7px;background:#f8fafc !important;color:var(--ai-ink) !important;border:1px solid var(--ai-line-soft) !important}
.compare-btn:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h14M7 7l4-4M7 7l4 4M17 17H3M17 17l-4-4M17 17l-4 4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h14M7 7l4-4M7 7l4 4M17 17H3M17 17l-4-4M17 17l-4 4'/%3E%3C/svg%3E")}
.compare-btn:hover{background:#eef4ff !important;color:var(--ai-primary) !important}
/* =========================================================
Single tool / compare / taxonomy / blog surface polish
========================================================= */
.tool-modern-layout,.single-tool-page,.ai-compare-page,.blog-layout,.taxonomy-page{color:var(--ai-text)}
.tool-hero,.single-tool-hero,.taxonomy-hero,.compare-hero,.blog-hero,.ai-submit-hero,.ai-account-hero{
border-radius:30px !important;
border:1px solid var(--ai-line-soft) !important;
box-shadow:var(--ai-shadow-sm) !important;
}
.tool-section,.tool-profile-section,.ai-compare-section,.compare-section,.blog-post-card,.article-card,
.ai-login-gate,.ai-empty-state,.comments-area,.comment-respond{
border:1px solid var(--ai-line-soft) !important;
border-radius:24px !important;
background:#fff !important;
box-shadow:var(--ai-shadow-sm) !important;
}
.ai-empty-state,.ai-account-empty{background:linear-gradient(135deg,#fff,#f8fbff) !important;text-align:left !important}
.ai-empty-state:before,.ai-account-empty:before{content:"";width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);display:block;margin-bottom:12px}
.ai-login-gate{background:linear-gradient(135deg,#fff,#f8fbff) !important}
.ai-login-gate .ai-account-btn:first-of-type{background:var(--ai-dark) !important;color:#fff !important}
/* Blog typography */
.single-post .entry-content,.blog-content,.ai-blog-content{font-size:17px;line-height:1.85;color:#243044}
.single-post .entry-content h2,.ai-blog-content h2{margin-top:34px;font-size:clamp(26px,3vw,36px)}
.single-post .entry-content table,.ai-blog-content table{border-radius:18px;overflow:hidden;box-shadow:var(--ai-shadow-sm)}
/* Account/auth normalization - global system keeps premium look loaded */
.ai-dashboard-premium,.ai-submit-premium,.ai-auth-premium{font-family:inherit !important}
.ai-dashboard-premium .ai-account-card,.ai-dashboard-premium .ai-account-panel,
.ai-submit-premium .ai-submit-card,.ai-auth-premium .ai-auth-card{
box-shadow:var(--ai-shadow) !important;
}
.ai-dashboard-premium .ai-account-card:hover,.ai-workspace-card:hover{transform:translateY(-3px)}
/* =========================================================
Footer
========================================================= */
.ai-site-footer{margin-top:70px;background:#081225;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.08)}
.ai-footer-inner{width:var(--ai-container);max-width:1280px;margin:0 auto;padding:38px 0;display:flex;justify-content:space-between;gap:32px;align-items:flex-start}
.ai-footer-logo{color:#fff !important}.ai-footer-logo .ai-brand-text span{color:#60a5fa}
.ai-footer-brand p{max-width:470px;margin:14px 0 0;color:#94a3b8;font-weight:650}
.ai-footer-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ai-footer-nav a{color:#cbd5e1 !important;text-decoration:none !important;padding:10px 12px;border-radius:999px;font-weight:800}
.ai-footer-nav a:hover{background:rgba(255,255,255,.08);color:#fff !important}
.ai-footer-bottom{width:var(--ai-container);max-width:1280px;margin:0 auto;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:13px;font-weight:700}
/* =========================================================
Floating compare remains premium
========================================================= */
#go-compare,.go-compare,.compare-floating{
border-radius:999px !important;
box-shadow:0 18px 44px rgba(15,23,42,.24) !important;
background:var(--ai-dark) !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.10) !important;
}
/* =========================================================
Dark mode - subtle, opt-in via toggle
========================================================= */
html[data-ai-theme="dark"] body.astronovai-premium-theme{--ai-bg:#050b16;--ai-surface:#0b1426;--ai-surface-2:#101b30;--ai-ink:#f8fafc;--ai-text:#d6deec;--ai-muted:#94a3b8;--ai-line:rgba(255,255,255,.12);--ai-line-soft:rgba(255,255,255,.08);background:#050b16 !important;color:#d6deec}
html[data-ai-theme="dark"] .ai-site-header{background:rgba(5,11,22,.84);border-color:rgba(255,255,255,.08)}
html[data-ai-theme="dark"] .ai-header-search,html[data-ai-theme="dark"] .tool-card,html[data-ai-theme="dark"] .category-strip,html[data-ai-theme="dark"] .home-section,html[data-ai-theme="dark"] .blog-card{background:#0b1426 !important;color:#d6deec !important}
html[data-ai-theme="dark"] input,html[data-ai-theme="dark"] select,html[data-ai-theme="dark"] textarea{background:#0f1b2e !important;color:#fff !important;border-color:rgba(255,255,255,.12) !important}
/* =========================================================
Responsive
========================================================= */
@media(max-width:1180px){
.ai-header-inner{grid-template-columns:auto 1fr auto;gap:14px}
.ai-header-search{max-width:none}
.ai-mobile-menu-toggle{display:flex;justify-self:end}
.ai-primary-nav{position:absolute;left:20px;right:20px;top:86px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--ai-line);border-radius:24px;padding:14px;box-shadow:var(--ai-shadow-lg)}
.ai-primary-nav.is-open{display:flex}
.ai-primary-nav a,.ai-primary-nav button{justify-content:flex-start;width:100%}
html[data-ai-theme="dark"] .ai-primary-nav{background:#0b1426}
}
@media(max-width:820px){
:root{--ai-container:min(100% - 24px,1280px)}
.admin-bar .ai-site-header{top:0}
.ai-header-inner{min-height:68px;grid-template-columns:auto auto;gap:12px}
.ai-header-search{grid-column:1/-1;order:3;height:42px;margin-bottom:12px}
.ai-brand-text{font-size:24px}
.ai-hero-shell{min-height:620px !important;border-radius:24px !important}
.ai-hero-slide{grid-template-columns:1fr !important;padding:34px 24px !important}
.ai-hero-title{font-size:42px !important}
.ai-hero-description{font-size:16px !important}
.ai-hero-visual{min-height:220px !important;opacity:.72}
.home-container{padding-top:18px !important}
.section-head{gap:14px;align-items:flex-start !important;flex-direction:column}
.ai-footer-inner{flex-direction:column}.ai-footer-nav{justify-content:flex-start}
}
@media(max-width:520px){
:root{--ai-container:min(100% - 18px,1280px)}
.ai-header-inner{width:var(--ai-container)}
.ai-brand-mark{width:30px;height:30px;border-radius:10px}.ai-brand-text{font-size:22px}
.ai-primary-nav{left:9px;right:9px;top:74px}
.tool-card{border-radius:18px !important}
.ai-footer-inner,.ai-footer-bottom{width:var(--ai-container)}
}
/* =========================================================
AstronovAI Premium Final Visual Polish
Fixes after full-theme audit: hero contrast, page-title cleanup,
professional icons, card rhythm, and responsive consistency.
========================================================= */
body.astronovai-premium-theme .ai-hero-title,
body.astronovai-premium-theme .ai-hero-shell h1,
body.astronovai-premium-theme .category-hero-title,
body.astronovai-premium-theme .category-hero h1,
body.astronovai-premium-theme .compare-hero h1,
body.astronovai-premium-theme .compare-hero .compare-title,
body.astronovai-premium-theme .compare-hero .compare-intro,
body.astronovai-premium-theme .compare-hero p,
body.astronovai-premium-theme .modern-tool-hero.dark h1,
body.astronovai-premium-theme .taxonomy-hero h1{
color:#fff !important;
text-shadow:0 14px 36px rgba(2,6,23,.26);
}
body.astronovai-premium-theme .ai-hero-description,
body.astronovai-premium-theme .category-hero-description,
body.astronovai-premium-theme .category-hero p,
body.astronovai-premium-theme .taxonomy-hero p,
body.astronovai-premium-theme .compare-hero .compare-intro{
color:rgba(226,232,240,.92) !important;
}
body.astronovai-premium-theme .ai-hero-shell{
overflow:hidden;
isolation:isolate;
}
body.astronovai-premium-theme .ai-hero-shell:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(4,9,20,.50),rgba(4,9,20,.08) 54%,rgba(4,9,20,.48));
pointer-events:none;
z-index:1;
}
body.astronovai-premium-theme .ai-hero-slide,
body.astronovai-premium-theme .ai-hero-nav,
body.astronovai-premium-theme .ai-hero-dots{
position:relative;
z-index:2;
}
body.astronovai-premium-theme .ai-hero-stars{
letter-spacing:.08em;
color:#fbbf24 !important;
text-shadow:none;
}
/* Header polish */
body.astronovai-premium-theme .ai-site-header{
min-height:76px;
}
body.astronovai-premium-theme .ai-nav-account,
body.astronovai-premium-theme .ai-nav-signin{
color:#fff !important;
opacity:1 !important;
text-shadow:none !important;
}
body.astronovai-premium-theme .ai-nav-account *,
body.astronovai-premium-theme .ai-nav-signin *{
color:#fff !important;
opacity:1 !important;
}
body.astronovai-premium-theme .ai-primary-nav .ai-nav-submit{
border:1px solid var(--ai-line-soft);
background:#fff;
}
body.astronovai-premium-theme .ai-header-search input::placeholder{
color:#8fa1b7;
opacity:1;
}
/* Hide duplicated WordPress page headings only where the custom premium UI owns the title */
body.astronovai-premium-theme:has(.ai-dashboard-premium) .entry-header,
body.astronovai-premium-theme:has(.ai-submit-premium) .entry-header,
body.astronovai-premium-theme:has(.ai-auth-premium) .entry-header,
body.astronovai-premium-theme:has(.ai-dashboard-premium) .entry-title,
body.astronovai-premium-theme:has(.ai-submit-premium) .entry-title,
body.astronovai-premium-theme:has(.ai-auth-premium) .entry-title{
display:none !important;
}
/* Professional section icons - no emoji dependency */
body.astronovai-premium-theme .section-head h2:before,
body.astronovai-premium-theme .template-heading-icon,
body.astronovai-premium-theme .ai-heading-icon{
background:linear-gradient(135deg,#eff6ff,#f5f3ff) !important;
box-shadow:inset 0 0 0 1px rgba(37,99,235,.12),0 10px 24px rgba(37,99,235,.08);
}
body.astronovai-premium-theme .section-head h2:before{
position:relative;
flex:0 0 30px;
}
body.astronovai-premium-theme .section-head h2:after{
display:none !important;
}
body.astronovai-premium-theme .section-head h2:before{
-webkit-mask:none;
mask:none;
}
body.astronovai-premium-theme .section-head h2:has(+ p):before,
body.astronovai-premium-theme .section-head h2:before{
content:"";
}
/* Preview cards use CSS icons instead of visible symbol text */
body.astronovai-premium-theme .ai-preview-icon{
color:transparent !important;
position:relative;
overflow:hidden;
}
body.astronovai-premium-theme .ai-preview-icon:before{
content:"";
width:24px;
height:24px;
display:block;
margin:auto;
background:#fff;
opacity:.96;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v13A2.5 2.5 0 0 1 17.5 21h-11A2.5 2.5 0 0 1 4 18.5v-13Zm4 2v2h8v-2H8Zm0 4v1.6h8v-1.6H8Zm0 3.6v1.6h5v-1.6H8Z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v13A2.5 2.5 0 0 1 17.5 21h-11A2.5 2.5 0 0 1 4 18.5v-13Zm4 2v2h8v-2H8Zm0 4v1.6h8v-1.6H8Zm0 3.6v1.6h5v-1.6H8Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Blog archive: keep cards elegant even when there is only one article */
body.astronovai-premium-theme .blog-container{
width:var(--ai-container) !important;
max-width:1280px !important;
padding:46px 0 86px !important;
}
body.astronovai-premium-theme .blog-grid{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(310px,390px)) !important;
gap:26px !important;
justify-content:start !important;
align-items:stretch !important;
}
body.astronovai-premium-theme .blog-card,
body.astronovai-premium-theme .blog-feature-card{
min-height:100%;
border-radius:26px !important;
text-decoration:none !important;
}
body.astronovai-premium-theme .blog-card-thumb{
background:linear-gradient(135deg,#eef4ff,#f7f3ff) !important;
color:transparent !important;
position:relative;
}
body.astronovai-premium-theme .blog-card-thumb .ai-fallback-visual,
body.astronovai-premium-theme .blog-card-thumb > span[aria-hidden="true"]{
width:54px;
height:54px;
border-radius:18px;
display:block;
background:var(--ai-gradient);
box-shadow:0 16px 36px rgba(37,99,235,.22);
}
body.astronovai-premium-theme .blog-card-thumb .ai-fallback-visual:before,
body.astronovai-premium-theme .blog-card-thumb > span[aria-hidden="true"]:before{
content:"";
width:28px;
height:28px;
display:block;
margin:13px auto;
background:#fff;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M5 4.5A2.5 2.5 0 0 1 7.5 2h9A2.5 2.5 0 0 1 19 4.5v15.1a.8.8 0 0 1-1.18.7L12 17.1l-5.82 3.2A.8.8 0 0 1 5 19.6V4.5Zm4 2.2v1.7h6V6.7H9Zm0 3.4v1.5h6v-1.5H9Z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M5 4.5A2.5 2.5 0 0 1 7.5 2h9A2.5 2.5 0 0 1 19 4.5v15.1a.8.8 0 0 1-1.18.7L12 17.1l-5.82 3.2A.8.8 0 0 1 5 19.6V4.5Zm4 2.2v1.7h6V6.7H9Zm0 3.4v1.5h6v-1.5H9Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Tool/category/compare readability and density */
body.astronovai-premium-theme .taxonomy-page,
body.astronovai-premium-theme .ai-compare-page,
body.astronovai-premium-theme .tool-modern-layout{
width:var(--ai-container) !important;
max-width:1280px !important;
}
body.astronovai-premium-theme .compare-table,
body.astronovai-premium-theme .comparison-table,
body.astronovai-premium-theme table{
line-height:1.65;
}
body.astronovai-premium-theme .compare-table td,
body.astronovai-premium-theme .compare-table th,
body.astronovai-premium-theme .comparison-table td,
body.astronovai-premium-theme .comparison-table th{
vertical-align:top;
}
body.astronovai-premium-theme .tool-section h2,
body.astronovai-premium-theme .tool-profile-section h2,
body.astronovai-premium-theme .compare-section h2,
body.astronovai-premium-theme .ai-compare-section h2{
letter-spacing:-.035em;
}
/* Home card rhythm */
body.astronovai-premium-theme .home-section{
padding:28px !important;
margin:30px 0 !important;
}
body.astronovai-premium-theme .latest-blog-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:22px !important;
}
body.astronovai-premium-theme .blog-feature-card{
overflow:hidden;
background:#fff;
border:1px solid var(--ai-line-soft);
box-shadow:var(--ai-shadow-sm);
}
/* Account long usernames/emails stay beautiful */
body.astronovai-premium-theme .ai-dashboard-premium .ai-account-hero h1,
body.astronovai-premium-theme .ai-dashboard-premium .ai-profile-name,
body.astronovai-premium-theme .ai-dashboard-premium .ai-profile-email{
overflow-wrap:anywhere;
word-break:normal;
}
body.astronovai-premium-theme .ai-dashboard-premium .ai-account-hero h1{
font-size:clamp(38px,4.5vw,66px) !important;
}
/* Responsive refinements */
@media(max-width:1180px){
body.astronovai-premium-theme .latest-blog-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:820px){
body.astronovai-premium-theme .ai-site-header{
position:sticky;
}
body.astronovai-premium-theme .ai-hero-shell:before{
background:linear-gradient(180deg,rgba(4,9,20,.58),rgba(4,9,20,.18));
}
body.astronovai-premium-theme .blog-grid,
body.astronovai-premium-theme .latest-blog-grid{
grid-template-columns:1fr !important;
}
body.astronovai-premium-theme .blog-card{
max-width:none;
}
body.astronovai-premium-theme .home-section{
padding:20px !important;
}
body.astronovai-premium-theme .ai-account-hero,
body.astronovai-premium-theme .ai-submit-hero,
body.astronovai-premium-theme .ai-auth-hero,
body.astronovai-premium-theme .blog-archive-hero{
border-radius:26px !important;
}
}
@media(max-width:560px){
body.astronovai-premium-theme .ai-hero-title,
body.astronovai-premium-theme .category-hero-title,
body.astronovai-premium-theme .compare-hero h1{
font-size:clamp(34px,12vw,46px) !important;
line-height:1.02 !important;
}
body.astronovai-premium-theme .category-strip{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
body.astronovai-premium-theme .ai-nav-account,
body.astronovai-premium-theme .ai-nav-signin{
min-height:46px;
}
}
body.astronovai-premium-theme .ai-hero-stars{
display:inline-flex;
align-items:center;
gap:5px;
}
body.astronovai-premium-theme .ai-hero-stars span{
width:16px;
height:16px;
display:block;
background:#fbbf24;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2 2.95 6.25 6.82.82-5.05 4.6 1.34 6.7L12 16.94l-6.06 3.43 1.34-6.7-5.05-4.6 6.82-.82L12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2 2.95 6.25 6.82.82-5.05 4.6 1.34 6.7L12 16.94l-6.06 3.43 1.34-6.7-5.05-4.6 6.82-.82L12 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* =========================================================
AstronovAI Premium Home Final Stabilization
Fixes oversized hero after theme unification and polishes
home/blog rhythm without changing systems.
========================================================= */
body.astronovai-premium-theme.home .home-container,
body.astronovai-premium-theme.front-page .home-container,
body.astronovai-premium-theme .home-container{
max-width:1280px !important;
width:min(100% - 40px,1280px) !important;
margin-inline:auto !important;
}
body.astronovai-premium-theme .ai-smart-hero{
max-width:1280px !important;
margin:28px auto 30px !important;
}
body.astronovai-premium-theme .ai-hero-shell{
position:relative !important;
min-height:0 !important;
height:clamp(430px,38vw,560px) !important;
border-radius:30px !important;
}
body.astronovai-premium-theme .ai-hero-slide{
position:absolute !important;
inset:0 !important;
display:grid !important;
grid-template-columns:minmax(0,1.08fr) minmax(280px,.78fr) !important;
gap:clamp(22px,4vw,48px) !important;
align-items:center !important;
padding:clamp(40px,5vw,66px) clamp(42px,5vw,70px) !important;
min-height:0 !important;
}
body.astronovai-premium-theme .ai-hero-content{
align-self:center !important;
max-width:720px !important;
}
body.astronovai-premium-theme .ai-hero-title{
max-width:760px !important;
margin-bottom:20px !important;
}
body.astronovai-premium-theme .ai-hero-description{
max-width:650px !important;
margin-bottom:28px !important;
}
body.astronovai-premium-theme .ai-hero-actions{
margin-bottom:26px !important;
}
body.astronovai-premium-theme .ai-hero-visual{
min-height:320px !important;
align-self:center !important;
}
body.astronovai-premium-theme .ai-orb{
width:clamp(240px,24vw,360px) !important;
height:clamp(240px,24vw,360px) !important;
right:clamp(0px,2vw,24px) !important;
top:50% !important;
transform:translateY(-50%) !important;
}
body.astronovai-premium-theme .ai-preview-stack{
width:min(360px,100%) !important;
right:0 !important;
bottom:50% !important;
transform:translateY(50%) !important;
}
body.astronovai-premium-theme .ai-hero-dots{
position:absolute !important;
left:50% !important;
bottom:22px !important;
transform:translateX(-50%) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
}
body.astronovai-premium-theme .ai-hero-nav{
top:50% !important;
transform:translateY(-50%) !important;
z-index:4 !important;
}
body.astronovai-premium-theme .latest-blog-grid,
body.astronovai-premium-theme .blog-grid{
align-items:stretch !important;
}
body.astronovai-premium-theme .latest-blog-grid .blog-card:only-child,
body.astronovai-premium-theme .blog-grid .blog-card:only-child{
max-width:440px !important;
}
body.astronovai-premium-theme .latest-blog-grid .blog-card:only-child .blog-card-image,
body.astronovai-premium-theme .blog-grid .blog-card:only-child .blog-card-image{
min-height:190px !important;
}
@media(min-width:701px) and (max-width:980px){
body.astronovai-premium-theme .ai-hero-shell{
height:500px !important;
}
body.astronovai-premium-theme .ai-hero-slide{
grid-template-columns:minmax(0,1.05fr) minmax(240px,.75fr) !important;
padding:38px 38px !important;
}
body.astronovai-premium-theme .ai-hero-title{
font-size:clamp(38px,5.4vw,52px) !important;
}
body.astronovai-premium-theme .ai-hero-description{
font-size:16px !important;
line-height:1.65 !important;
}
body.astronovai-premium-theme .ai-hero-visual{
min-height:260px !important;
}
body.astronovai-premium-theme .ai-preview-card{
grid-template-columns:1fr 58px !important;
padding:14px !important;
}
body.astronovai-premium-theme .ai-preview-icon{
width:54px !important;
height:54px !important;
}
}
@media(max-width:700px){
body.astronovai-premium-theme .home-container{
width:min(100% - 18px,1280px) !important;
padding-top:16px !important;
}
body.astronovai-premium-theme .ai-smart-hero{
margin-top:14px !important;
}
body.astronovai-premium-theme .ai-hero-shell{
height:auto !important;
min-height:0 !important;
border-radius:24px !important;
}
body.astronovai-premium-theme .ai-hero-slide{
position:relative !important;
inset:auto !important;
display:none !important;
grid-template-columns:1fr !important;
padding:32px 22px 82px !important;
min-height:560px !important;
}
body.astronovai-premium-theme .ai-hero-slide.active{
display:grid !important;
}
body.astronovai-premium-theme .ai-hero-title{
font-size:clamp(34px,10.5vw,46px) !important;
}
body.astronovai-premium-theme .ai-hero-actions{
gap:10px !important;
}
body.astronovai-premium-theme .ai-hero-btn{
min-height:48px !important;
padding-inline:16px !important;
}
body.astronovai-premium-theme .ai-hero-visual{
min-height:210px !important;
}
body.astronovai-premium-theme .ai-orb{
width:210px !important;
height:210px !important;
top:18px !important;
right:10px !important;
transform:none !important;
opacity:.58 !important;
}
body.astronovai-premium-theme .ai-preview-stack{
position:relative !important;
right:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
gap:10px !important;
}
body.astronovai-premium-theme .ai-preview-card{
grid-template-columns:1fr 54px !important;
padding:13px !important;
}
body.astronovai-premium-theme .ai-preview-icon{
width:50px !important;
height:50px !important;
}
}
/* =====================================
Premium search + filter restoration
===================================== */
body.astronovai-premium-theme .home-search-wrap{
display:block !important;
margin:18px auto 30px !important;
max-width:1180px;
}
body.astronovai-premium-theme .home-search-wrap .search-container{
max-width:1180px !important;
margin:0 auto !important;
padding:16px !important;
border:1px solid rgba(148,163,184,.22);
border-radius:26px;
background:rgba(255,255,255,.88);
box-shadow:0 18px 55px rgba(15,23,42,.08);
backdrop-filter:blur(18px);
}
body.astronovai-premium-theme .home-search-wrap .search-bar{
gap:12px;
}
body.astronovai-premium-theme .home-search-wrap #search-input{
height:54px !important;
border-radius:18px !important;
border:1px solid rgba(148,163,184,.28) !important;
background:#f8fafc !important;
color:#0f172a !important;
font-weight:800;
padding:0 18px !important;
box-shadow:none !important;
}
body.astronovai-premium-theme .home-search-wrap #search-input:focus{
background:#fff !important;
border-color:#6366f1 !important;
box-shadow:0 0 0 5px rgba(99,102,241,.12) !important;
}
body.astronovai-premium-theme .home-search-wrap .open-filter,
body.astronovai-premium-theme .home-search-wrap #reset-filter{
height:54px !important;
border-radius:18px !important;
background:#061224 !important;
color:#fff !important;
font-weight:950 !important;
letter-spacing:-.01em;
border:0 !important;
box-shadow:0 12px 25px rgba(15,23,42,.14);
}
body.astronovai-premium-theme .home-search-wrap .open-filter::before{
content:"";
width:16px;
height:16px;
display:inline-block;
margin-right:8px;
vertical-align:-3px;
background:currentColor;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
body.astronovai-premium-theme .home-search-wrap #filter-panel{
max-width:100% !important;
border:1px solid rgba(148,163,184,.22);
box-shadow:0 26px 70px rgba(15,23,42,.16) !important;
}
body.astronovai-premium-theme .home-search-wrap .filter-item{
background:#f1f5f9 !important;
color:#334155 !important;
border:1px solid rgba(148,163,184,.18);
}
body.astronovai-premium-theme .home-search-wrap .filter-item.active{
background:#0f172a !important;
color:#fff !important;
border-color:#0f172a !important;
}
body.astronovai-premium-theme #tools-results{
max-width:1180px;
margin:28px auto 36px;
}
body.astronovai-premium-theme #tools-results:not(:empty){
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
body.astronovai-premium-theme #tools-results .no-tools-found,
body.astronovai-premium-theme #tools-results .skeleton-grid{
grid-column:1/-1;
}
body.astronovai-premium-theme .ai-header-search{
overflow:visible !important;
gap:8px;
}
body.astronovai-premium-theme .ai-header-search input{
padding-right:54px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
position:absolute;
right:8px;
top:50%;
transform:translateY(-50%);
width:36px;
height:36px;
border:1px solid rgba(148,163,184,.24);
border-radius:13px;
background:#fff;
color:#0f172a;
cursor:pointer;
display:grid;
place-items:center;
transition:.2s ease;
z-index:4;
}
body.astronovai-premium-theme .ai-header-filter-toggle:hover{
background:#f8fafc;
border-color:#6366f1;
color:#4f46e5;
}
body.astronovai-premium-theme .ai-header-filter-toggle span{
width:17px;
height:17px;
background:currentColor;
display:block;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
body.astronovai-premium-theme .ai-header-search-panel{
position:absolute;
top:calc(100% + 12px);
left:0;
right:0;
display:none;
background:rgba(255,255,255,.96);
border:1px solid rgba(148,163,184,.22);
border-radius:22px;
box-shadow:0 24px 70px rgba(15,23,42,.18);
padding:12px;
z-index:10040;
backdrop-filter:blur(18px);
}
body.astronovai-premium-theme .ai-header-search-panel.is-open{
display:block;
}
body.astronovai-premium-theme .ai-search-panel-title{
padding:8px 10px 6px;
font-size:11px;
font-weight:950;
color:#6366f1;
text-transform:uppercase;
letter-spacing:.08em;
}
body.astronovai-premium-theme .ai-search-result{
display:flex;
align-items:center;
gap:12px;
padding:10px;
border-radius:14px;
color:#0f172a;
text-decoration:none;
transition:.18s ease;
}
body.astronovai-premium-theme .ai-search-result:hover{
background:#f1f5f9;
color:#0f172a;
}
body.astronovai-premium-theme .ai-search-result-logo{
width:38px;
height:38px;
border-radius:12px;
object-fit:contain;
background:#f8fafc;
border:1px solid rgba(148,163,184,.18);
}
body.astronovai-premium-theme .ai-search-result-title{
display:block;
font-size:13px;
font-weight:950;
line-height:1.25;
}
body.astronovai-premium-theme .ai-search-result-meta{
display:block;
font-size:11px;
font-weight:800;
color:#64748b;
margin-top:2px;
}
body.astronovai-premium-theme .ai-search-panel-empty{
padding:18px 12px;
color:#64748b;
font-size:13px;
font-weight:800;
}
body.astronovai-premium-theme .ai-search-panel-actions{
border-top:1px solid rgba(148,163,184,.18);
margin-top:8px;
padding:10px 8px 2px;
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
}
body.astronovai-premium-theme .ai-search-panel-action{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 14px;
border-radius:999px;
background:#061224;
color:#fff !important;
font-size:12px;
font-weight:950;
text-decoration:none !important;
}
@media (max-width: 980px){
body.astronovai-premium-theme #tools-results:not(:empty){
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width: 640px){
body.astronovai-premium-theme .home-search-wrap{
margin:12px auto 22px !important;
}
body.astronovai-premium-theme .home-search-wrap .search-container{
padding:12px !important;
border-radius:20px;
}
body.astronovai-premium-theme .home-search-wrap .search-bar{
display:grid;
grid-template-columns:1fr auto;
}
body.astronovai-premium-theme .home-search-wrap #search-input{
grid-column:1/-1;
height:50px !important;
}
body.astronovai-premium-theme .home-search-wrap .open-filter,
body.astronovai-premium-theme .home-search-wrap #go-compare{
height:46px !important;
width:100%;
}
body.astronovai-premium-theme #tools-results:not(:empty){
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
}
/* =========================================================
AstronovAI Final Home Width + Search/Filter Polish
Fixes narrow desktop home layout after premium header/search changes.
========================================================= */
body.home.astronovai-premium-theme .site-content,
body.home.astronovai-premium-theme .content-area,
body.home.astronovai-premium-theme .site-main,
body.home.astronovai-premium-theme article,
body.home.astronovai-premium-theme .entry-content{
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
}
body.home.astronovai-premium-theme .ast-container{
width:100% !important;
max-width:none !important;
padding-left:0 !important;
padding-right:0 !important;
}
body.home.astronovai-premium-theme .home-container{
width:min(100% - 56px, 1420px) !important;
max-width:1420px !important;
margin-left:auto !important;
margin-right:auto !important;
padding-top:30px !important;
}
body.home.astronovai-premium-theme .ai-smart-hero,
body.home.astronovai-premium-theme .category-strip,
body.home.astronovai-premium-theme .home-search-wrap,
body.home.astronovai-premium-theme .home-section,
body.home.astronovai-premium-theme .ai-stats-strip{
width:100% !important;
}
body.home.astronovai-premium-theme .ai-hero-shell{
height:clamp(430px, 34vw, 540px) !important;
min-height:0 !important;
}
body.home.astronovai-premium-theme .ai-hero-slide{
padding:clamp(44px, 4.6vw, 68px) clamp(50px, 5.2vw, 82px) !important;
}
body.home.astronovai-premium-theme .home-search-wrap{
max-width:980px !important;
margin:18px auto 36px !important;
}
body.home.astronovai-premium-theme .home-search-wrap .search-container{
max-width:none !important;
margin:0 !important;
border:1px solid rgba(148,163,184,.18) !important;
background:rgba(255,255,255,.92) !important;
box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
border-radius:22px !important;
padding:10px !important;
}
body.home.astronovai-premium-theme .home-search-wrap .search-bar{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:10px !important;
align-items:center !important;
}
body.home.astronovai-premium-theme .home-search-wrap #search-input{
height:50px !important;
border-radius:16px !important;
padding:0 18px !important;
font-weight:800 !important;
}
body.home.astronovai-premium-theme .home-search-wrap .open-filter{
height:50px !important;
min-width:116px !important;
border-radius:16px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
font-weight:950 !important;
box-shadow:0 14px 28px rgba(15,23,42,.14) !important;
}
body.home.astronovai-premium-theme .home-search-wrap .open-filter:before{
content:"";
width:16px;
height:16px;
display:inline-block;
background:currentColor;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
body.home.astronovai-premium-theme #tools-results:not(:empty){
width:100% !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:22px !important;
margin:22px 0 34px !important;
}
body.home.astronovai-premium-theme .home-section{
padding:30px !important;
margin:34px 0 !important;
}
body.home.astronovai-premium-theme .latest-blog-grid{
grid-template-columns:repeat(auto-fit,minmax(280px,330px)) !important;
justify-content:start !important;
}
body.home.astronovai-premium-theme .latest-blog-grid .blog-feature-card:only-child{
max-width:330px !important;
}
body.home.astronovai-premium-theme .latest-blog-grid .blog-feature-card:only-child .blog-card-thumb{
height:170px !important;
}
@media (min-width:1500px){
body.home.astronovai-premium-theme .home-container{
width:min(100% - 72px, 1480px) !important;
max-width:1480px !important;
}
}
@media (max-width:1024px){
body.home.astronovai-premium-theme .home-container{
width:min(100% - 28px, 100%) !important;
}
body.home.astronovai-premium-theme #tools-results:not(:empty){
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body.home.astronovai-premium-theme .home-container{
width:min(100% - 20px, 100%) !important;
padding-top:18px !important;
}
body.home.astronovai-premium-theme .ai-hero-shell{
height:auto !important;
}
body.home.astronovai-premium-theme .home-search-wrap .search-bar{
grid-template-columns:1fr !important;
}
body.home.astronovai-premium-theme .home-search-wrap .open-filter{
width:100% !important;
}
body.home.astronovai-premium-theme #tools-results:not(:empty){
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}
}
@media (max-width:520px){
body.home.astronovai-premium-theme #tools-results:not(:empty){
grid-template-columns:1fr !important;
}
}
/* =========================================================
AstronovAI Header Search + Filter Position Fix
Removes the duplicate homepage search box and makes the
header search the primary inline explorer controller.
========================================================= */
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller{
display:block !important;
height:0 !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
position:relative !important;
z-index:10020;
}
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller .search-container{
position:static !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
backdrop-filter:none !important;
}
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller .search-bar{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
clip:rect(0 0 0 0) !important;
clip-path:inset(50%) !important;
white-space:nowrap !important;
border:0 !important;
}
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller #autocomplete-box,
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller #compare-preview-bar,
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller #go-compare{
display:none !important;
}
body.astronovai-premium-theme .ai-header-search{
min-width:360px;
max-width:560px;
}
body.astronovai-premium-theme .ai-header-search input{
padding-right:112px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
width:auto !important;
min-width:88px;
padding:0 13px 0 12px;
gap:7px;
border-radius:999px !important;
font-size:12px;
font-weight:950;
letter-spacing:-.01em;
}
body.astronovai-premium-theme .ai-header-filter-toggle::after{
content:"Filters";
display:inline-block;
}
body.astronovai-premium-theme .ai-header-filter-toggle span{
width:15px !important;
height:15px !important;
}
body.home.astronovai-premium-theme #filter-panel.ai-filter-drawer{
position:fixed !important;
top:96px !important;
right:clamp(16px, 5vw, 72px) !important;
left:auto !important;
width:min(430px, calc(100vw - 32px)) !important;
max-width:min(430px, calc(100vw - 32px)) !important;
max-height:calc(100vh - 122px) !important;
overflow:auto !important;
padding:22px !important;
border-radius:28px !important;
border:1px solid rgba(148,163,184,.24) !important;
background:rgba(255,255,255,.96) !important;
box-shadow:0 30px 90px rgba(15,23,42,.22), 0 0 0 9999px rgba(15,23,42,.18) !important;
backdrop-filter:blur(20px) !important;
opacity:0 !important;
visibility:hidden !important;
transform:translateY(-10px) scale(.98) !important;
transform-origin:top right;
transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
z-index:10080 !important;
}
body.home.astronovai-premium-theme #filter-panel.ai-filter-drawer.active{
opacity:1 !important;
visibility:visible !important;
transform:translateY(0) scale(1) !important;
}
body.astronovai-premium-theme .ai-filter-kicker{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 10px;
border-radius:999px;
background:#eef2ff;
color:#4f46e5;
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:10px;
}
body.home.astronovai-premium-theme #filter-panel .filter-header{
align-items:flex-start !important;
gap:18px;
padding-bottom:18px !important;
border-bottom:1px solid rgba(148,163,184,.2) !important;
}
body.home.astronovai-premium-theme #filter-panel .filter-header h3{
margin:0 !important;
font-size:28px !important;
line-height:1.05 !important;
letter-spacing:-.04em;
color:#0f172a;
}
body.home.astronovai-premium-theme #filter-panel .filter-header p{
margin:8px 0 0 !important;
color:#64748b;
font-size:13px;
line-height:1.55;
font-weight:750;
}
body.home.astronovai-premium-theme #close-filter{
flex:0 0 auto;
width:42px !important;
height:42px !important;
display:grid;
place-items:center;
border-radius:15px !important;
background:#f1f5f9 !important;
border:1px solid rgba(148,163,184,.18) !important;
}
body.home.astronovai-premium-theme #close-filter span{
width:17px;
height:17px;
display:block;
background:#0f172a;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
body.home.astronovai-premium-theme #filter-panel .filter-body{
margin-top:20px !important;
}
body.home.astronovai-premium-theme #filter-panel .filter-group{
margin-bottom:22px !important;
}
body.home.astronovai-premium-theme #filter-panel .filter-group h4{
margin:0 0 10px !important;
font-size:13px !important;
color:#0f172a;
letter-spacing:-.01em;
}
body.home.astronovai-premium-theme #filter-panel .filter-options{
display:flex;
flex-wrap:wrap;
gap:8px;
}
body.home.astronovai-premium-theme #filter-panel .filter-item{
margin:0 !important;
min-height:40px !important;
border-radius:999px !important;
border:1px solid rgba(148,163,184,.2) !important;
background:#f8fafc !important;
color:#334155 !important;
font-weight:900 !important;
font-size:12px !important;
cursor:pointer;
}
body.home.astronovai-premium-theme #filter-panel .filter-item.active{
background:#061224 !important;
color:#fff !important;
border-color:#061224 !important;
}
body.home.astronovai-premium-theme #sort-select{
height:48px !important;
border-radius:16px !important;
border:1px solid rgba(148,163,184,.24) !important;
background:#f8fafc !important;
color:#0f172a !important;
font-weight:900 !important;
padding:0 14px !important;
width:100%;
}
body.home.astronovai-premium-theme #reset-filter{
width:100%;
height:48px !important;
border-radius:16px !important;
background:#061224 !important;
color:#fff !important;
font-weight:950 !important;
border:0 !important;
cursor:pointer;
}
body.home.astronovai-premium-theme #tools-results:not(:empty){
max-width:1440px !important;
margin:34px auto 42px !important;
padding:0 6px;
}
body.home.astronovai-premium-theme #tools-results:not(:empty)::before{
content:"Search results";
grid-column:1/-1;
font-size:30px;
font-weight:950;
letter-spacing:-.04em;
color:#0f172a;
margin-bottom:2px;
}
@media (max-width: 980px){
body.astronovai-premium-theme .ai-header-search{
min-width:0;
max-width:none;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
min-width:42px;
width:42px !important;
padding:0;
}
body.astronovai-premium-theme .ai-header-filter-toggle::after{
display:none;
}
body.astronovai-premium-theme .ai-header-search input{
padding-right:58px !important;
}
body.home.astronovai-premium-theme #filter-panel.ai-filter-drawer{
top:88px !important;
right:16px !important;
width:calc(100vw - 32px) !important;
max-width:calc(100vw - 32px) !important;
}
}
@media (max-width: 640px){
body.home.astronovai-premium-theme #tools-results:not(:empty)::before{
font-size:24px;
}
}
/* =========================================================
Header final alignment: search + filters + compact nav
========================================================= */
body.astronovai-premium-theme .ai-site-header{
position:sticky;
top:0;
z-index:10000;
}
body.admin-bar.astronovai-premium-theme .ai-site-header{top:32px}
body.astronovai-premium-theme .ai-header-inner{
width:min(100% - 32px, 1360px) !important;
max-width:1360px !important;
min-height:72px !important;
display:grid !important;
grid-template-columns:auto minmax(360px, 520px) minmax(0, auto) !important;
gap:22px !important;
align-items:center !important;
}
body.astronovai-premium-theme .ai-brand-text{
font-size:26px !important;
}
/* The header search is the only main search. Make it one clean control, not nested boxes. */
body.astronovai-premium-theme .ai-header-search{
position:relative !important;
min-width:0 !important;
width:100% !important;
max-width:520px !important;
height:46px !important;
display:grid !important;
grid-template-columns:minmax(0, 1fr) auto !important;
gap:10px !important;
align-items:center !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
body.astronovai-premium-theme .ai-header-search .ai-search-icon{
position:absolute !important;
left:18px !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:2 !important;
width:18px !important;
height:18px !important;
color:#64748b !important;
pointer-events:none !important;
}
body.astronovai-premium-theme .ai-header-search input[type="search"],
body.astronovai-premium-theme .ai-header-search input{
grid-column:1 !important;
width:100% !important;
height:46px !important;
min-height:46px !important;
max-height:46px !important;
display:block !important;
border:1px solid rgba(148,163,184,.34) !important;
border-radius:999px !important;
background:#fff !important;
box-shadow:0 12px 34px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
padding:0 18px 0 48px !important;
outline:none !important;
color:#0f172a !important;
font-size:14px !important;
font-weight:800 !important;
line-height:46px !important;
appearance:none !important;
-webkit-appearance:none !important;
}
body.astronovai-premium-theme .ai-header-search input:focus{
border-color:rgba(37,99,235,.45) !important;
box-shadow:0 0 0 4px rgba(37,99,235,.08), 0 16px 38px rgba(15,23,42,.1) !important;
}
body.astronovai-premium-theme .ai-header-search input::placeholder{
color:#94a3b8 !important;
font-weight:800 !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
position:static !important;
grid-column:2 !important;
transform:none !important;
inset:auto !important;
width:auto !important;
min-width:104px !important;
height:46px !important;
min-height:46px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
padding:0 16px !important;
border:1px solid rgba(148,163,184,.28) !important;
border-radius:999px !important;
background:#fff !important;
color:#0f172a !important;
box-shadow:0 12px 32px rgba(15,23,42,.08) !important;
cursor:pointer !important;
z-index:3 !important;
font-size:13px !important;
font-weight:950 !important;
letter-spacing:-.01em !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle::after{display:none !important;content:none !important}
body.astronovai-premium-theme .ai-header-filter-toggle b{
display:inline !important;
font:inherit !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle span{
width:16px !important;
height:16px !important;
display:block !important;
background:currentColor !important;
flex:0 0 auto !important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat !important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle:hover{
border-color:rgba(37,99,235,.38) !important;
color:#2563eb !important;
background:#f8fbff !important;
transform:translateY(-1px) !important;
}
body.astronovai-premium-theme .ai-header-search-panel{
position:absolute !important;
top:calc(100% + 12px) !important;
left:0 !important;
right:114px !important;
width:auto !important;
z-index:10090 !important;
}
/* Header nav should be clean and limited to the requested items. */
body.astronovai-premium-theme .ai-primary-nav{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:8px !important;
min-width:0 !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-primary-nav a,
body.astronovai-premium-theme .ai-primary-nav button{
min-height:44px !important;
height:44px !important;
padding:0 12px !important;
font-size:14px !important;
font-weight:900 !important;
letter-spacing:-.01em !important;
}
body.astronovai-premium-theme .ai-nav-submit{
background:#fff !important;
border:1px solid rgba(148,163,184,.28) !important;
color:#0f172a !important;
box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
body.astronovai-premium-theme .ai-nav-submit:hover{
background:#f8fbff !important;
border-color:rgba(37,99,235,.34) !important;
}
body.astronovai-premium-theme .ai-nav-account,
body.astronovai-premium-theme .ai-nav-signin{
min-width:112px !important;
background:#061224 !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.08) !important;
box-shadow:0 16px 32px rgba(15,23,42,.18) !important;
}
body.astronovai-premium-theme .ai-theme-toggle{
flex:0 0 44px !important;
width:44px !important;
height:44px !important;
min-height:44px !important;
padding:0 !important;
border-radius:999px !important;
border:1px solid rgba(148,163,184,.28) !important;
background:#fff !important;
box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
/* Keep the hidden home filter controller available for JS, but never show a second search box. */
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller{
height:0 !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
position:relative !important;
z-index:10060 !important;
}
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller .search-container{
height:0 !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
max-width:0 !important;
}
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller .search-bar{
width:1px !important;
height:1px !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
opacity:0 !important;
pointer-events:none !important;
position:absolute !important;
left:-9999px !important;
top:auto !important;
}
body.home.astronovai-premium-theme .home-search-wrap.ai-home-filter-controller #filter-panel.ai-filter-drawer{
pointer-events:auto !important;
}
@media (max-width: 1260px){
body.astronovai-premium-theme .ai-header-inner{
width:min(100% - 24px, 1180px) !important;
grid-template-columns:auto minmax(300px, 440px) auto !important;
gap:14px !important;
}
body.astronovai-premium-theme .ai-brand-text{font-size:23px !important}
body.astronovai-premium-theme .ai-primary-nav a,
body.astronovai-premium-theme .ai-primary-nav button{
padding:0 9px !important;
font-size:13px !important;
}
body.astronovai-premium-theme .ai-nav-account,
body.astronovai-premium-theme .ai-nav-signin{min-width:98px !important}
body.astronovai-premium-theme .ai-header-filter-toggle{min-width:92px !important;padding:0 12px !important}
}
@media (max-width: 1080px){
body.astronovai-premium-theme .ai-header-inner{
grid-template-columns:auto 1fr auto !important;
}
body.astronovai-premium-theme .ai-mobile-menu-toggle{display:flex !important;order:3}
body.astronovai-premium-theme .ai-primary-nav{
position:absolute !important;
left:16px !important;
right:16px !important;
top:82px !important;
display:none !important;
flex-direction:column !important;
align-items:stretch !important;
background:rgba(255,255,255,.98) !important;
border:1px solid rgba(148,163,184,.24) !important;
border-radius:24px !important;
padding:14px !important;
box-shadow:0 26px 80px rgba(15,23,42,.18) !important;
white-space:normal !important;
}
body.astronovai-premium-theme .ai-primary-nav.is-open{display:flex !important}
body.astronovai-premium-theme .ai-primary-nav a,
body.astronovai-premium-theme .ai-primary-nav button{width:100% !important;justify-content:flex-start !important}
}
@media (max-width: 720px){
body.admin-bar.astronovai-premium-theme .ai-site-header{top:46px}
body.astronovai-premium-theme .ai-header-inner{
width:calc(100% - 18px) !important;
min-height:68px !important;
grid-template-columns:auto 1fr auto !important;
gap:10px !important;
}
body.astronovai-premium-theme .ai-brand-text{font-size:20px !important}
body.astronovai-premium-theme .ai-brand-mark{width:30px;height:30px;border-radius:10px}
body.astronovai-premium-theme .ai-header-search{
order:2 !important;
max-width:none !important;
height:42px !important;
gap:7px !important;
}
body.astronovai-premium-theme .ai-header-search input{
height:42px !important;
min-height:42px !important;
padding-left:42px !important;
font-size:12px !important;
}
body.astronovai-premium-theme .ai-header-search .ai-search-icon{left:15px !important;width:16px !important;height:16px !important}
body.astronovai-premium-theme .ai-header-filter-toggle{
min-width:42px !important;
width:42px !important;
height:42px !important;
min-height:42px !important;
padding:0 !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle b{display:none !important}
body.astronovai-premium-theme .ai-header-search-panel{right:52px !important}
body.astronovai-premium-theme .ai-mobile-menu-toggle{width:42px;height:42px;border-radius:14px}
}
@media (max-width: 520px){
body.astronovai-premium-theme .ai-header-inner{
grid-template-columns:1fr auto !important;
}
body.astronovai-premium-theme .ai-brand{grid-column:1 !important;max-width:180px !important}
body.astronovai-premium-theme .ai-mobile-menu-toggle{grid-column:2 !important;grid-row:1 !important}
body.astronovai-premium-theme .ai-header-search{
grid-column:1 / -1 !important;
grid-row:2 !important;
margin-bottom:10px !important;
}
}
/* =========================================================
AI Tools Directory + no-emoji category icons
========================================================= */
.ai-category-icon{
position:relative;
font-size:0 !important;
overflow:hidden;
}
.ai-category-icon:before,
.ai-category-glyph:before{
content:"";
width:18px;
height:18px;
display:block;
background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ai-category-more .ai-category-icon:before{
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.5'/%3E%3Cpath d='M17 14v6M14 17h6'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.5'/%3E%3Cpath d='M17 14v6M14 17h6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ai-search-pulse{box-shadow:0 0 0 8px rgba(37,99,235,.10), var(--ai-shadow-sm) !important}
.ai-tools-directory-page{
width:var(--ai-container);
max-width:1280px;
margin:0 auto;
padding:34px 0 90px;
}
.ai-tools-directory-hero{
min-height:430px;
border-radius:34px;
padding:58px;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
gap:34px;
align-items:center;
background:var(--ai-gradient-dark);
color:#fff;
box-shadow:var(--ai-shadow-lg);
border:1px solid rgba(255,255,255,.12);
position:relative;
overflow:hidden;
}
.ai-tools-directory-hero:before{
content:"";
position:absolute;
inset:auto -14% -42% auto;
width:520px;
height:520px;
border-radius:999px;
background:radial-gradient(circle,rgba(37,99,235,.42),transparent 62%);
pointer-events:none;
}
.ai-tools-directory-hero-copy,
.ai-tools-directory-stats{position:relative;z-index:1}
.ai-premium-kicker{
display:inline-flex;
align-items:center;
gap:8px;
min-height:30px;
padding:0 14px;
border-radius:999px;
background:rgba(109,93,252,.12);
color:#5b4cff;
font-size:12px;
font-weight:950;
letter-spacing:.14em;
text-transform:uppercase;
}
.ai-tools-directory-hero .ai-premium-kicker{background:rgba(255,255,255,.12);color:#fff}
.ai-tools-directory-hero h1{
color:#fff !important;
font-size:clamp(46px,6vw,82px);
line-height:.95;
margin:22px 0 18px;
max-width:820px;
}
.ai-tools-directory-hero p{
color:rgba(255,255,255,.82);
font-size:19px;
max-width:680px;
margin:0;
}
.ai-tools-directory-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
.ai-btn{
min-height:48px;
padding:0 20px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px !important;
border:1px solid transparent;
cursor:pointer;
font-weight:950 !important;
text-decoration:none !important;
}
.ai-btn-light{background:#fff;color:var(--ai-ink) !important;border-color:#fff}
.ai-btn-ghost{background:rgba(255,255,255,.08);color:#fff !important;border-color:rgba(255,255,255,.18)}
.ai-tools-directory-stats{
display:grid;
gap:14px;
}
.ai-tools-directory-stats div{
padding:22px;
border-radius:24px;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.14);
backdrop-filter:blur(14px);
}
.ai-tools-directory-stats strong{
display:block;
color:#fff;
font-size:42px;
line-height:1;
letter-spacing:-.05em;
}
.ai-tools-directory-stats span{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-weight:800}
.ai-directory-section{
margin-top:34px;
padding:34px;
background:#fff;
border:1px solid var(--ai-line-soft);
border-radius:28px;
box-shadow:var(--ai-shadow-sm);
}
.ai-section-heading-row{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:24px;
}
.ai-section-heading-row h2{
font-size:clamp(30px,3.5vw,52px);
line-height:1;
margin:14px 0 10px;
}
.ai-section-heading-row p{margin:0;color:var(--ai-muted);font-weight:650;max-width:760px}
.ai-section-action{
min-height:44px;
padding:0 16px;
border-radius:999px;
border:1px solid var(--ai-line) !important;
background:#fff !important;
color:var(--ai-primary) !important;
cursor:pointer;
}
.ai-tools-category-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.ai-tools-category-card{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:18px;
background:var(--ai-surface-2);
border:1px solid var(--ai-line-soft);
color:var(--ai-ink) !important;
text-decoration:none !important;
min-height:92px;
}
.ai-tools-category-card:hover{transform:translateY(-2px);box-shadow:var(--ai-shadow-sm);background:#fff}
.ai-category-glyph{
width:46px;
height:46px;
border-radius:16px;
flex:0 0 auto;
display:grid;
place-items:center;
background:#eef4ff;
color:var(--ai-primary-2);
}
.ai-tools-category-meta strong{display:block;font-size:16px;line-height:1.15}
.ai-tools-category-meta small{display:block;margin-top:6px;color:var(--ai-muted);font-weight:800}
.ai-tools-directory-grid.tools-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
.ai-directory-pagination{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin-top:34px;
flex-wrap:wrap;
}
.ai-directory-pagination .page-numbers{
min-width:42px;
min-height:42px;
padding:0 13px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#fff;
border:1px solid var(--ai-line);
color:var(--ai-ink);
text-decoration:none;
font-weight:900;
}
.ai-directory-pagination .current,
.ai-directory-pagination .page-numbers:hover{
background:var(--ai-dark);
color:#fff;
border-color:var(--ai-dark);
}
@media (max-width:1100px){
.ai-tools-directory-hero{grid-template-columns:1fr;min-height:auto;padding:42px}
.ai-tools-directory-stats{grid-template-columns:repeat(3,1fr)}
.ai-tools-category-grid,.ai-tools-directory-grid.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
.ai-tools-directory-page{width:min(100% - 24px,1280px);padding:22px 0 60px}
.ai-tools-directory-hero{padding:30px 24px;border-radius:26px}
.ai-tools-directory-hero h1{font-size:42px}
.ai-tools-directory-stats{grid-template-columns:1fr}
.ai-directory-section{padding:22px;border-radius:22px}
.ai-section-heading-row{display:block}
.ai-section-action{margin-top:16px;width:100%}
.ai-tools-category-grid,.ai-tools-directory-grid.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:520px){
.ai-tools-category-grid,.ai-tools-directory-grid.tools-grid{grid-template-columns:1fr}
}
/* =========================================================
DIRECTORY CATEGORY IMAGES
========================================================= */
.ai-category-glyph-media{padding:0;overflow:hidden;background:#eef4ff}
.ai-category-glyph-media img{width:100%;height:100%;object-fit:cover;display:block}
.ai-tools-category-card{padding:16px 18px}
.ai-tools-category-meta strong{display:block;font-size:16px;line-height:1.15}
.ai-tools-category-meta small{display:block;margin-top:6px;color:var(--ai-muted);font-weight:800}
/* AstronovAI mobile-only header actions safety.
These controls are injected for mobile, but must never affect desktop header layout. */
.ai-mobile-header-actions{
display:none !important;
}
/* =========================================================
AstronovAI Category Icon Line Cleanup v14.50
Remove the old generic three-line glyph from category image icons.
========================================================= */
.ai-category-icon.ai-category-icon-media::before,
.ai-category-icon.ai-category-icon-media::after,
body.home .ai-category-icon.ai-category-icon-media::before,
body.home .ai-category-icon.ai-category-icon-media::after,
.ai-tools-directory .ai-category-icon.ai-category-icon-media::before,
.ai-tools-directory .ai-category-icon.ai-category-icon-media::after,
.ai-category-card .ai-category-icon.ai-category-icon-media::before,
.ai-category-card .ai-category-icon.ai-category-icon-media::after,
.ai-category-item .ai-category-icon.ai-category-icon-media::before,
.ai-category-item .ai-category-icon.ai-category-icon-media::after{
content:none !important;
display:none !important;
-webkit-mask:none !important;
mask:none !important;
background:none !important;
}
.ai-category-icon.ai-category-icon-media{
padding:0 !important;
font-size:0 !important;
}
.ai-category-icon.ai-category-icon-media img{
position:relative !important;
z-index:2 !important;
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* =========================================================
AstronovAI Category Glyph Line Cleanup v14.51
The /ai-tools Browse by category cards use .ai-category-glyph-media,
not .ai-category-icon-media. This removes the old generic three-line
pseudo icon from the directory cards too.
========================================================= */
.ai-category-glyph.ai-category-glyph-media::before,
.ai-category-glyph.ai-category-glyph-media::after,
.ai-tools-category-card .ai-category-glyph.ai-category-glyph-media::before,
.ai-tools-category-card .ai-category-glyph.ai-category-glyph-media::after,
.ai-tools-category-grid .ai-category-glyph.ai-category-glyph-media::before,
.ai-tools-category-grid .ai-category-glyph.ai-category-glyph-media::after,
.ai-tools-directory .ai-category-glyph.ai-category-glyph-media::before,
.ai-tools-directory .ai-category-glyph.ai-category-glyph-media::after,
.ai-tools-category-directory .ai-category-glyph.ai-category-glyph-media::before,
.ai-tools-category-directory .ai-category-glyph.ai-category-glyph-media::after,
.ai-category-icon.ai-category-icon-media::before,
.ai-category-icon.ai-category-icon-media::after,
.ai-category-item .ai-category-icon.ai-category-icon-media::before,
.ai-category-item .ai-category-icon.ai-category-icon-media::after,
body.home .ai-category-icon.ai-category-icon-media::before,
body.home .ai-category-icon.ai-category-icon-media::after{
content:none !important;
display:none !important;
width:0 !important;
height:0 !important;
min-width:0 !important;
min-height:0 !important;
background:none !important;
box-shadow:none !important;
-webkit-mask:none !important;
mask:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
.ai-category-glyph.ai-category-glyph-media,
.ai-category-icon.ai-category-icon-media{
padding:0 !important;
font-size:0 !important;
color:transparent !important;
overflow:hidden !important;
}
.ai-category-glyph.ai-category-glyph-media img,
.ai-category-icon.ai-category-icon-media img{
position:relative !important;
z-index:2 !important;
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* =========================================================
AstronovAI Theme Toggle Sun/Moon Fix v14.61
Built from current astra-child (17). No old theme files.
Light: black crescent in white button.
Dark: yellow sun.
========================================================= */
:root{
--ai-toggle-moon-clean:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='white'/%3E%3Cpath fill='%23020617' d='M19.72 14.45A7.7 7.7 0 0 1 9.55 4.28a.92.92 0 0 0-1.01-1.46A9.65 9.65 0 1 0 21.18 15.46a.92.92 0 0 0-1.46-1.01Z'/%3E%3C/svg%3E");
--ai-toggle-sun-clean:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.7' fill='%23facc15'/%3E%3Cpath fill='%23facc15' d='M12 1.75a1.05 1.05 0 0 1 1.05 1.05v1.45a1.05 1.05 0 1 1-2.1 0V2.8A1.05 1.05 0 0 1 12 1.75Zm0 16.95a1.05 1.05 0 0 1 1.05 1.05v1.45a1.05 1.05 0 1 1-2.1 0v-1.45A1.05 1.05 0 0 1 12 18.7ZM4.05 4.05a1.05 1.05 0 0 1 1.49 0l1.03 1.03a1.05 1.05 0 1 1-1.49 1.49L4.05 5.54a1.05 1.05 0 0 1 0-1.49Zm13.38 13.38a1.05 1.05 0 0 1 1.49 0l1.03 1.03a1.05 1.05 0 0 1-1.49 1.49l-1.03-1.03a1.05 1.05 0 0 1 0-1.49ZM1.75 12a1.05 1.05 0 0 1 1.05-1.05h1.45a1.05 1.05 0 1 1 0 2.1H2.8A1.05 1.05 0 0 1 1.75 12Zm16.95 0a1.05 1.05 0 0 1 1.05-1.05h1.45a1.05 1.05 0 0 1 0 2.1h-1.45A1.05 1.05 0 0 1 18.7 12ZM4.05 19.95a1.05 1.05 0 0 1 0-1.49l1.03-1.03a1.05 1.05 0 1 1 1.49 1.49l-1.03 1.03a1.05 1.05 0 0 1-1.49 0ZM17.43 5.08l1.03-1.03a1.05 1.05 0 1 1 1.49 1.49l-1.03 1.03a1.05 1.05 0 1 1-1.49-1.49Z'/%3E%3C/svg%3E");
}
body.astronovai-premium-theme .ai-theme-toggle,
body.astronovai-premium-theme .ai-mobile-theme-toggle,
body.astronovai-premium-theme [data-ai-theme-toggle]{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
background:#ffffff !important;
border:1px solid rgba(203,213,225,.96) !important;
box-shadow:
0 10px 24px rgba(15,23,42,.08),
inset 0 1px 0 rgba(255,255,255,.96) !important;
color:#020617 !important;
transition:
background .28s ease,
border-color .28s ease,
box-shadow .28s ease,
transform .18s ease !important;
}
body.astronovai-premium-theme .ai-theme-toggle{
width:44px !important;
height:44px !important;
min-width:44px !important;
min-height:44px !important;
border-radius:999px !important;
}
body.astronovai-premium-theme .ai-mobile-theme-toggle{
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
border-radius:15px !important;
margin-left:4px !important;
margin-right:7px !important;
}
body.astronovai-premium-theme .ai-theme-toggle::before,
body.astronovai-premium-theme .ai-theme-toggle::after,
body.astronovai-premium-theme .ai-mobile-theme-toggle::before,
body.astronovai-premium-theme .ai-mobile-theme-toggle::after,
body.astronovai-premium-theme [data-ai-theme-toggle]::before,
body.astronovai-premium-theme [data-ai-theme-toggle]::after{
content:"" !important;
position:absolute !important;
left:50% !important;
top:50% !important;
display:block !important;
width:22px !important;
height:22px !important;
min-width:22px !important;
min-height:22px !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
margin:0 !important;
background-color:transparent !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
-webkit-mask:none !important;
mask:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
box-shadow:none !important;
pointer-events:none !important;
z-index:2 !important;
transition:
opacity .26s ease,
transform .38s cubic-bezier(.2,.85,.2,1),
filter .26s ease !important;
}
body.astronovai-premium-theme .ai-theme-toggle::before,
body.astronovai-premium-theme .ai-mobile-theme-toggle::before,
body.astronovai-premium-theme [data-ai-theme-toggle]::before{
background-image:var(--ai-toggle-moon-clean) !important;
opacity:1 !important;
transform:translate(-50%,-50%) rotate(0deg) scale(1) !important;
filter:drop-shadow(0 2px 4px rgba(2,6,23,.14)) !important;
}
body.astronovai-premium-theme .ai-theme-toggle::after,
body.astronovai-premium-theme .ai-mobile-theme-toggle::after,
body.astronovai-premium-theme [data-ai-theme-toggle]::after{
background-image:var(--ai-toggle-sun-clean) !important;
opacity:0 !important;
transform:translate(-50%,-50%) rotate(-90deg) scale(.45) !important;
filter:drop-shadow(0 4px 10px rgba(245,158,11,.34)) !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-theme-toggle,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-mobile-theme-toggle,
html[data-ai-theme="dark"] body.astronovai-premium-theme [data-ai-theme-toggle]{
background:
radial-gradient(circle at 34% 22%, rgba(250,204,21,.16), transparent 38%),
linear-gradient(180deg,#111827,#020617) !important;
border-color:rgba(250,204,21,.34) !important;
box-shadow:
0 12px 28px rgba(2,6,23,.18),
inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-theme-toggle::before,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-mobile-theme-toggle::before,
html[data-ai-theme="dark"] body.astronovai-premium-theme [data-ai-theme-toggle]::before{
opacity:0 !important;
transform:translate(-50%,-50%) rotate(90deg) scale(.45) !important;
filter:blur(.5px) !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-theme-toggle::after,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-mobile-theme-toggle::after,
html[data-ai-theme="dark"] body.astronovai-premium-theme [data-ai-theme-toggle]::after{
opacity:1 !important;
transform:translate(-50%,-50%) rotate(0deg) scale(1) !important;
}
body.astronovai-premium-theme .ai-theme-toggle.is-theme-switching,
body.astronovai-premium-theme .ai-mobile-theme-toggle.is-theme-switching,
body.astronovai-premium-theme [data-ai-theme-toggle].is-theme-switching{
animation:aiThemeTogglePop1461 .42s cubic-bezier(.2,.85,.2,1) both !important;
}
@keyframes aiThemeTogglePop1461{
0%{ transform:scale(.96); }
55%{ transform:scale(1.06); }
100%{ transform:scale(1); }
}
@media(max-width:980px){
body.astronovai-premium-theme .ai-mobile-header-actions{
gap:12px !important;
}
body.astronovai-premium-theme .ai-mobile-theme-toggle{
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
margin-left:4px !important;
margin-right:8px !important;
}
}
@media(max-width:390px){
body.astronovai-premium-theme .ai-mobile-header-actions{
gap:10px !important;
}
body.astronovai-premium-theme .ai-mobile-theme-toggle{
width:38px !important;
height:38px !important;
min-width:38px !important;
min-height:38px !important;
margin-right:6px !important;
}
body.astronovai-premium-theme .ai-mobile-theme-toggle::before,
body.astronovai-premium-theme .ai-mobile-theme-toggle::after{
width:21px !important;
height:21px !important;
min-width:21px !important;
min-height:21px !important;
}
}
/* =========================================================
AstronovAI Global Header Lock v14.62
Built from current astra-child (17).
Locks desktop header + mobile header consistently across all pages.
========================================================= */
body.astronovai-premium-theme .ai-site-header{
position:sticky !important;
top:0 !important;
z-index:10040 !important;
width:100% !important;
background:rgba(255,255,255,.94) !important;
border-bottom:1px solid rgba(226,232,240,.88) !important;
box-shadow:0 10px 30px rgba(15,23,42,.055) !important;
backdrop-filter:blur(18px) !important;
-webkit-backdrop-filter:blur(18px) !important;
}
body.admin-bar.astronovai-premium-theme .ai-site-header{
top:32px !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-site-header{
background:rgba(5,11,22,.88) !important;
border-bottom-color:rgba(255,255,255,.09) !important;
}
@media (min-width:981px){
body.astronovai-premium-theme .ai-header-inner{
width:min(100% - 48px,1280px) !important;
max-width:1280px !important;
min-height:74px !important;
margin:0 auto !important;
padding:0 !important;
display:grid !important;
grid-template-columns:minmax(170px,220px) minmax(360px,520px) minmax(0,max-content) !important;
grid-template-rows:74px !important;
grid-template-areas:"brand search nav" !important;
gap:20px !important;
align-items:center !important;
overflow:visible !important;
}
body.astronovai-premium-theme .ai-brand{
grid-area:brand !important;
display:inline-flex !important;
align-items:center !important;
justify-self:start !important;
min-width:0 !important;
}
body.astronovai-premium-theme .ai-header-search{
grid-area:search !important;
justify-self:stretch !important;
width:100% !important;
max-width:520px !important;
height:46px !important;
min-height:46px !important;
margin:0 !important;
position:relative !important;
display:grid !important;
grid-template-columns:20px minmax(0,1fr) auto !important;
align-items:center !important;
gap:10px !important;
padding:0 8px 0 16px !important;
overflow:visible !important;
border-radius:999px !important;
background:#fff !important;
border:1px solid rgba(203,213,225,.86) !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
body.astronovai-premium-theme .ai-header-search input,
body.astronovai-premium-theme .ai-header-search input[type="search"]{
width:100% !important;
min-width:0 !important;
height:44px !important;
padding:0 !important;
border:0 !important;
outline:0 !important;
background:transparent !important;
box-shadow:none !important;
font-size:13px !important;
font-weight:800 !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
position:static !important;
transform:none !important;
width:auto !important;
min-width:92px !important;
height:34px !important;
min-height:34px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
padding:0 12px !important;
border-radius:999px !important;
background:#fff !important;
color:#0f172a !important;
border:1px solid rgba(203,213,225,.84) !important;
box-shadow:0 8px 18px rgba(15,23,42,.045) !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle b{
display:inline !important;
visibility:visible !important;
opacity:1 !important;
font-size:12px !important;
font-weight:950 !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-primary-nav{
grid-area:nav !important;
position:static !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:flex-end !important;
justify-self:end !important;
gap:8px !important;
width:auto !important;
min-width:0 !important;
padding:0 !important;
margin:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
body.astronovai-premium-theme .ai-primary-nav a,
body.astronovai-premium-theme .ai-primary-nav button{
width:auto !important;
min-height:40px !important;
height:40px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
white-space:nowrap !important;
font-size:12.5px !important;
line-height:1 !important;
}
body.astronovai-premium-theme .ai-nav-submit{
padding:0 14px !important;
}
body.astronovai-premium-theme .ai-nav-account,
body.astronovai-premium-theme .ai-nav-signin{
min-width:104px !important;
padding:0 16px !important;
border-radius:999px !important;
}
body.astronovai-premium-theme .ai-theme-toggle{
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
border-radius:999px !important;
}
body.astronovai-premium-theme .ai-mobile-header-actions,
body.astronovai-premium-theme .ai-mobile-menu-toggle{
display:none !important;
}
}
@media (min-width:981px) and (max-width:1180px){
body.astronovai-premium-theme .ai-header-inner{
width:min(100% - 32px,1280px) !important;
grid-template-columns:minmax(145px,190px) minmax(300px,1fr) auto !important;
gap:12px !important;
}
body.astronovai-premium-theme .ai-brand-text{
font-size:22px !important;
}
body.astronovai-premium-theme .ai-primary-nav{
gap:5px !important;
}
body.astronovai-premium-theme .ai-primary-nav a{
padding-left:9px !important;
padding-right:9px !important;
font-size:11.5px !important;
}
body.astronovai-premium-theme .ai-nav-submit{
padding-left:11px !important;
padding-right:11px !important;
}
body.astronovai-premium-theme .ai-nav-account{
min-width:92px !important;
padding-left:12px !important;
padding-right:12px !important;
}
}
@media (max-width:980px){
body.astronovai-premium-theme .ai-site-header{
top:0 !important;
z-index:10060 !important;
}
body.admin-bar.astronovai-premium-theme .ai-site-header{
top:46px !important;
}
body.astronovai-premium-theme .ai-header-inner{
width:100% !important;
max-width:100% !important;
min-height:106px !important;
margin:0 !important;
padding:8px 10px 12px !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto 42px !important;
grid-template-rows:38px 48px !important;
grid-template-areas:
"brand actions menu"
"search search search" !important;
gap:8px 10px !important;
align-items:center !important;
overflow:visible !important;
position:relative !important;
}
body.astronovai-premium-theme .ai-brand{
grid-area:brand !important;
min-width:0 !important;
max-width:100% !important;
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
overflow:hidden !important;
}
body.astronovai-premium-theme .ai-brand-mark{
width:28px !important;
height:28px !important;
min-width:28px !important;
border-radius:10px !important;
}
body.astronovai-premium-theme .ai-brand-text{
display:inline-block !important;
max-width:150px !important;
overflow:hidden !important;
white-space:nowrap !important;
text-overflow:ellipsis !important;
font-size:17px !important;
line-height:1 !important;
letter-spacing:-.052em !important;
}
body.astronovai-premium-theme .ai-mobile-header-actions{
grid-area:actions !important;
display:inline-flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:10px !important;
min-width:0 !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
}
body.astronovai-premium-theme .ai-mobile-account-link{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:34px !important;
height:34px !important;
max-width:96px !important;
padding:0 13px !important;
border-radius:999px !important;
background:#020617 !important;
color:#fff !important;
font-size:11px !important;
font-weight:950 !important;
line-height:1 !important;
text-decoration:none !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
box-shadow:0 12px 24px rgba(2,6,23,.16) !important;
}
body.astronovai-premium-theme .ai-mobile-theme-toggle{
display:inline-flex !important;
width:38px !important;
height:38px !important;
min-width:38px !important;
min-height:38px !important;
margin:0 3px 0 0 !important;
border-radius:15px !important;
}
body.astronovai-premium-theme .ai-mobile-menu-toggle{
grid-area:menu !important;
justify-self:end !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-direction:column !important;
gap:4px !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
margin:0 !important;
padding:0 !important;
border-radius:14px !important;
border:1px solid rgba(148,163,184,.34) !important;
background:#fff !important;
box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
cursor:pointer !important;
}
body.astronovai-premium-theme .ai-mobile-menu-toggle span{
display:block !important;
width:17px !important;
height:2px !important;
border-radius:999px !important;
background:#020617 !important;
flex:none !important;
}
body.astronovai-premium-theme .ai-header-search{
grid-area:search !important;
position:relative !important;
display:block !important;
width:100% !important;
max-width:100% !important;
height:48px !important;
min-height:48px !important;
margin:0 !important;
padding:0 !important;
border-radius:18px !important;
overflow:visible !important;
background:#fff !important;
border:1px solid rgba(203,213,225,.95) !important;
box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
}
body.astronovai-premium-theme .ai-header-search .ai-search-icon{
position:absolute !important;
left:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:17px !important;
height:17px !important;
z-index:2 !important;
opacity:.74 !important;
}
body.astronovai-premium-theme .ai-header-search input,
body.astronovai-premium-theme .ai-header-search input[type="search"]{
display:block !important;
width:100% !important;
height:46px !important;
min-height:46px !important;
padding:0 116px 0 44px !important;
border:0 !important;
border-radius:18px !important;
background:transparent !important;
box-shadow:none !important;
outline:0 !important;
font-size:12.5px !important;
font-weight:800 !important;
color:#0f172a !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
position:absolute !important;
top:6px !important;
right:6px !important;
transform:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
width:102px !important;
min-width:102px !important;
height:36px !important;
min-height:36px !important;
padding:0 10px !important;
border-radius:14px !important;
background:#fff !important;
color:#0f172a !important;
border:1px solid rgba(37,99,235,.20) !important;
box-shadow:0 10px 20px rgba(37,99,235,.10) !important;
z-index:3 !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle span{
display:block !important;
width:15px !important;
height:15px !important;
min-width:15px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle b{
display:inline !important;
visibility:visible !important;
opacity:1 !important;
color:#0f172a !important;
font-size:11.5px !important;
font-weight:950 !important;
line-height:1 !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-primary-nav{
position:absolute !important;
left:10px !important;
right:10px !important;
top:calc(100% + 8px) !important;
z-index:10090 !important;
display:none !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:8px !important;
width:auto !important;
padding:10px !important;
border-radius:20px !important;
background:rgba(255,255,255,.985) !important;
border:1px solid rgba(226,232,240,.96) !important;
box-shadow:0 26px 70px rgba(15,23,42,.18) !important;
}
body.astronovai-premium-theme .ai-primary-nav.is-open{
display:flex !important;
}
body.astronovai-premium-theme .ai-primary-nav a,
body.astronovai-premium-theme .ai-primary-nav button{
width:100% !important;
min-height:42px !important;
justify-content:flex-start !important;
border-radius:14px !important;
padding:0 13px !important;
font-size:13px !important;
}
body.astronovai-premium-theme .ai-primary-nav .ai-nav-account,
body.astronovai-premium-theme .ai-primary-nav .ai-theme-toggle{
display:none !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-mobile-menu-toggle,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-header-search,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-header-filter-toggle,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-primary-nav{
background:#0b1426 !important;
border-color:rgba(255,255,255,.12) !important;
color:#f8fafc !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-mobile-menu-toggle span{
background:#f8fafc !important;
}
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-header-filter-toggle b,
html[data-ai-theme="dark"] body.astronovai-premium-theme .ai-header-search input{
color:#f8fafc !important;
}
}
@media (max-width:390px){
body.astronovai-premium-theme .ai-header-inner{
grid-template-columns:minmax(0,1fr) auto 40px !important;
gap:8px !important;
padding-left:9px !important;
padding-right:9px !important;
}
body.astronovai-premium-theme .ai-brand-text{
max-width:132px !important;
font-size:16px !important;
}
body.astronovai-premium-theme .ai-mobile-header-actions{
gap:8px !important;
}
body.astronovai-premium-theme .ai-mobile-account-link{
max-width:84px !important;
padding-left:12px !important;
padding-right:12px !important;
font-size:10.5px !important;
}
body.astronovai-premium-theme .ai-mobile-theme-toggle{
width:37px !important;
height:37px !important;
min-width:37px !important;
min-height:37px !important;
margin-right:2px !important;
}
body.astronovai-premium-theme .ai-mobile-menu-toggle{
width:39px !important;
height:39px !important;
min-width:39px !important;
min-height:39px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
width:94px !important;
min-width:94px !important;
padding:0 8px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle b{
font-size:10.5px !important;
}
body.astronovai-premium-theme .ai-header-search input,
body.astronovai-premium-theme .ai-header-search input[type="search"]{
padding-right:108px !important;
}
}
/* =========================================================
AstronovAI Desktop Header Search/Nav Fix v14.63
Fixes desktop header after v14.62:
- search input visible again
- Filters button stays at the right
- nav keeps Blog/About/Favorites visible
========================================================= */
@media (min-width:981px){
body.astronovai-premium-theme .ai-header-inner{
width:min(100% - 48px,1280px) !important;
max-width:1280px !important;
min-height:74px !important;
margin:0 auto !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:18px !important;
overflow:visible !important;
}
body.astronovai-premium-theme .ai-brand{
flex:0 0 auto !important;
min-width:178px !important;
max-width:220px !important;
}
body.astronovai-premium-theme .ai-header-search{
flex:1 1 460px !important;
width:clamp(320px,38vw,500px) !important;
max-width:500px !important;
min-width:300px !important;
height:46px !important;
min-height:46px !important;
margin:0 !important;
padding:0 7px 0 16px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:10px !important;
position:relative !important;
overflow:visible !important;
border-radius:999px !important;
background:#ffffff !important;
border:1px solid rgba(203,213,225,.88) !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
body.astronovai-premium-theme .ai-header-search .ai-search-icon{
flex:0 0 18px !important;
width:18px !important;
height:18px !important;
position:static !important;
transform:none !important;
opacity:.76 !important;
}
body.astronovai-premium-theme .ai-header-search input,
body.astronovai-premium-theme .ai-header-search input[type="search"]{
flex:1 1 auto !important;
display:block !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
height:44px !important;
min-height:44px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
outline:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#0f172a !important;
font-size:13px !important;
font-weight:800 !important;
line-height:44px !important;
text-align:left !important;
}
body.astronovai-premium-theme .ai-header-search input::placeholder{
color:#94a3b8 !important;
opacity:1 !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
flex:0 0 auto !important;
position:static !important;
inset:auto !important;
transform:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
width:auto !important;
min-width:86px !important;
max-width:104px !important;
height:34px !important;
min-height:34px !important;
margin:0 !important;
padding:0 12px !important;
border-radius:999px !important;
background:#ffffff !important;
color:#0f172a !important;
border:1px solid rgba(203,213,225,.9) !important;
box-shadow:0 8px 18px rgba(15,23,42,.045) !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle span{
display:inline-block !important;
width:15px !important;
height:15px !important;
flex:0 0 15px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle b{
display:inline !important;
visibility:visible !important;
opacity:1 !important;
color:#0f172a !important;
font-size:12px !important;
line-height:1 !important;
font-weight:950 !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-primary-nav{
flex:0 0 auto !important;
min-width:0 !important;
position:static !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:flex-end !important;
gap:7px !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body.astronovai-premium-theme .ai-primary-nav a,
body.astronovai-premium-theme .ai-primary-nav button{
flex:0 0 auto !important;
width:auto !important;
height:40px !important;
min-height:40px !important;
padding:0 10px !important;
font-size:12px !important;
line-height:1 !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-nav-submit{
padding:0 13px !important;
}
body.astronovai-premium-theme .ai-nav-account,
body.astronovai-premium-theme .ai-nav-signin{
min-width:96px !important;
padding:0 15px !important;
}
body.astronovai-premium-theme .ai-theme-toggle{
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
padding:0 !important;
}
}
@media (min-width:981px) and (max-width:1160px){
body.astronovai-premium-theme .ai-header-inner{
width:min(100% - 28px,1280px) !important;
gap:10px !important;
}
body.astronovai-premium-theme .ai-brand{
min-width:154px !important;
max-width:180px !important;
}
body.astronovai-premium-theme .ai-brand-text{
font-size:21px !important;
}
body.astronovai-premium-theme .ai-header-search{
width:clamp(280px,34vw,420px) !important;
min-width:280px !important;
max-width:420px !important;
}
body.astronovai-premium-theme .ai-primary-nav{
gap:4px !important;
}
body.astronovai-premium-theme .ai-primary-nav a{
padding-left:8px !important;
padding-right:8px !important;
font-size:11px !important;
}
body.astronovai-premium-theme .ai-nav-submit{
padding-left:10px !important;
padding-right:10px !important;
}
body.astronovai-premium-theme .ai-nav-account{
min-width:88px !important;
padding-left:12px !important;
padding-right:12px !important;
}
}
@media (min-width:981px) and (max-width:1040px){
body.astronovai-premium-theme .ai-header-search{
width:300px !important;
min-width:260px !important;
max-width:300px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle{
min-width:78px !important;
padding-left:9px !important;
padding-right:9px !important;
}
body.astronovai-premium-theme .ai-header-filter-toggle b{
font-size:11px !important;
}
}
/* =========================================================
AstronovAI Global Filter Drawer v14.70
========================================================= */
/* AstronovAI Global Filter Drawer v14.70 */
.ai-filter-drawer{
position:fixed !important;
inset:0 !important;
z-index:100000 !important;
display:none !important;
pointer-events:none !important;
}
.ai-filter-drawer.is-open{
display:block !important;
pointer-events:auto !important;
}
html.ai-global-explorer-open,
body.ai-global-explorer-open{
overflow:hidden !important;
}
.ai-filter-drawer__backdrop{
position:absolute !important;
inset:0 !important;
background:rgba(2,6,23,.55) !important;
backdrop-filter:blur(9px) !important;
-webkit-backdrop-filter:blur(9px) !important;
}
.ai-filter-drawer__panel{
position:absolute !important;
right:24px !important;
top:88px !important;
bottom:24px !important;
width:min(500px,calc(100vw - 48px)) !important;
display:grid !important;
grid-template-rows:auto minmax(0,1fr) auto !important;
overflow:hidden !important;
border-radius:30px !important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
border:1px solid rgba(226,232,240,.96) !important;
box-shadow:0 36px 110px rgba(2,6,23,.28) !important;
color:#061224 !important;
}
.admin-bar .ai-filter-drawer__panel{
top:120px !important;
}
.ai-filter-drawer__header{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:18px !important;
padding:26px 28px 20px !important;
border-bottom:1px solid rgba(226,232,240,.9) !important;
}
.ai-filter-drawer__kicker{
display:inline-flex !important;
width:max-content !important;
align-items:center !important;
padding:7px 12px !important;
border-radius:999px !important;
background:#eef2ff !important;
color:#4f46e5 !important;
font-size:11px !important;
font-weight:950 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
}
.ai-filter-drawer__header h2{
margin:12px 0 8px !important;
color:#071225 !important;
font-size:32px !important;
line-height:1.02 !important;
letter-spacing:-.045em !important;
}
.ai-filter-drawer__header p{
margin:0 !important;
max-width:320px !important;
color:#526176 !important;
font-size:14px !important;
font-weight:760 !important;
line-height:1.55 !important;
}
.ai-filter-drawer__close{
position:relative !important;
width:48px !important;
height:48px !important;
min-width:48px !important;
border-radius:17px !important;
border:1px solid rgba(203,213,225,.95) !important;
background:#f8fafc !important;
box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
cursor:pointer !important;
padding:0 !important;
}
.ai-filter-drawer__close span,
.ai-filter-drawer__close span:before{
content:"" !important;
position:absolute !important;
left:50% !important;
top:50% !important;
width:18px !important;
height:2px !important;
margin:-1px 0 0 -9px !important;
border-radius:999px !important;
background:#0f172a !important;
}
.ai-filter-drawer__close span{
transform:rotate(45deg) !important;
}
.ai-filter-drawer__close span:before{
transform:rotate(90deg) !important;
}
.ai-filter-drawer__body{
overflow:auto !important;
padding:22px 28px 110px !important;
}
.ai-filter-section{
margin:0 0 24px !important;
padding:18px !important;
border-radius:22px !important;
background:#f8fafc !important;
border:1px solid rgba(226,232,240,.9) !important;
}
.ai-filter-section__head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin-bottom:12px !important;
}
.ai-filter-section__head h3{
margin:0 !important;
color:#0f172a !important;
font-size:14px !important;
line-height:1.2 !important;
font-weight:950 !important;
}
.ai-filter-section__head span{
color:#64748b !important;
font-size:11.5px !important;
font-weight:850 !important;
}
.ai-filter-chip-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
}
.ai-filter-chip-row{
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
}
.ai-filter-chip{
min-height:40px !important;
width:100% !important;
max-width:100% !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:14px !important;
border:1px solid rgba(203,213,225,.92) !important;
background:#fff !important;
color:#334155 !important;
box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
padding:0 12px !important;
cursor:pointer !important;
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important;
}
.ai-filter-chip-row .ai-filter-chip{
width:auto !important;
min-width:max-content !important;
padding-left:16px !important;
padding-right:16px !important;
}
.ai-filter-chip span{
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
font-size:12.5px !important;
line-height:1 !important;
font-weight:900 !important;
}
.ai-filter-chip:hover{
transform:translateY(-1px) !important;
border-color:rgba(37,99,235,.35) !important;
box-shadow:0 12px 24px rgba(37,99,235,.08) !important;
}
.ai-filter-chip.is-active{
background:#061224 !important;
color:#fff !important;
border-color:#061224 !important;
box-shadow:0 14px 28px rgba(2,6,23,.16) !important;
}
.ai-filter-section--split{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:16px !important;
}
.ai-filter-select{
width:100% !important;
height:42px !important;
min-height:42px !important;
border-radius:14px !important;
border:1px solid rgba(203,213,225,.95) !important;
background:#fff !important;
color:#0f172a !important;
font-size:12.5px !important;
font-weight:900 !important;
padding:0 38px 0 12px !important;
box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
}
.ai-filter-active{
display:flex !important;
flex-wrap:wrap !important;
gap:7px !important;
margin:0 !important;
}
.ai-filter-active:empty{
display:none !important;
}
.ai-filter-active span{
display:inline-flex !important;
align-items:center !important;
padding:6px 9px !important;
border-radius:999px !important;
background:#eef2ff !important;
color:#2563eb !important;
font-size:11px !important;
line-height:1 !important;
font-weight:900 !important;
text-transform:capitalize !important;
}
.ai-filter-drawer__actions{
display:grid !important;
grid-template-columns:1fr 1.2fr !important;
gap:12px !important;
padding:18px 28px 22px !important;
background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 42%) !important;
border-top:1px solid rgba(226,232,240,.9) !important;
}
.ai-filter-reset,
.ai-filter-submit{
min-height:48px !important;
border-radius:16px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
font-weight:950 !important;
font-size:13px !important;
}
.ai-filter-reset{
background:#fff !important;
color:#0f172a !important;
border:1px solid rgba(203,213,225,.95) !important;
cursor:pointer !important;
}
.ai-filter-submit{
background:#061224 !important;
color:#fff !important;
border:1px solid #061224 !important;
}
/* Kill the deprecated v14.64/v14.65 drawer if a cached footer still prints it. */
.ai-global-explorer:not(.ai-filter-drawer),
.ai-global-explorer .ai-global-explorer-panel,
.ai-global-explorer .ai-global-explorer-search,
.ai-global-explorer .ai-global-explorer-results,
.ai-global-explorer .ai-global-results-list,
.ai-global-explorer .ai-global-results-head,
.ai-global-explorer [data-ai-global-results-list],
.ai-global-explorer [data-ai-global-results-count],
.ai-global-explorer [data-ai-global-results-title],
.ai-global-explorer .ai-global-chip-grid,
.ai-global-explorer .ai-global-filter-group,
.ai-global-explorer .ai-global-explorer-layout{
all:unset !important;
}
.ai-global-explorer:not(.ai-filter-drawer){
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
@media(max-width:720px){
.ai-filter-drawer__panel{
left:10px !important;
right:10px !important;
top:118px !important;
bottom:10px !important;
width:auto !important;
border-radius:24px !important;
}
.admin-bar .ai-filter-drawer__panel{
top:150px !important;
}
.ai-filter-drawer__header{
padding:20px 20px 18px !important;
}
.ai-filter-drawer__header h2{
font-size:27px !important;
}
.ai-filter-drawer__body{
padding:18px 18px 100px !important;
}
.ai-filter-section{
padding:15px !important;
border-radius:20px !important;
}
.ai-filter-chip-grid{
grid-template-columns:1fr !important;
}
.ai-filter-section--split{
grid-template-columns:1fr !important;
}
.ai-filter-drawer__actions{
grid-template-columns:1fr !important;
padding:14px 18px 18px !important;
}
}
/* =========================================================
AstronovAI AI Tools Directory Results Polish v14.71
Cleaner filtered results page + AJAX pagination region.
========================================================= */
.ai-tools-directory-page.is-filtered-directory{
width:min(100% - 56px,1280px) !important;
padding-top:28px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-hero{
min-height:0 !important;
padding:44px 48px !important;
border-radius:28px !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(260px,340px) !important;
gap:34px !important;
align-items:center !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-hero h1{
max-width:780px !important;
font-size:clamp(42px,5vw,68px) !important;
line-height:.94 !important;
margin:18px 0 14px !important;
letter-spacing:-.06em !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-hero p{
max-width:680px !important;
font-size:16px !important;
line-height:1.65 !important;
}
.ai-directory-hero-chips{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:18px !important;
max-width:760px !important;
}
.ai-directory-hero-chips span{
display:inline-flex !important;
align-items:center !important;
min-height:30px !important;
padding:0 11px !important;
border-radius:999px !important;
background:rgba(255,255,255,.12) !important;
border:1px solid rgba(255,255,255,.16) !important;
color:rgba(255,255,255,.9) !important;
font-size:12px !important;
font-weight:900 !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-actions{
margin-top:24px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-stats{
gap:12px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-stats div{
padding:18px 20px !important;
border-radius:20px !important;
background:rgba(255,255,255,.11) !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-stats strong{
font-size:36px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-stats span{
font-size:13px !important;
line-height:1.25 !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-directory-filter-summary{
display:none !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-all-section{
margin-top:28px !important;
padding:30px !important;
border-radius:28px !important;
overflow:hidden !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-all-section .ai-section-heading-row{
padding-bottom:20px !important;
border-bottom:1px solid rgba(226,232,240,.78) !important;
margin-bottom:24px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-all-section .ai-section-heading-row h2{
font-size:clamp(30px,3.6vw,48px) !important;
}
.ai-tools-directory-page .ai-tools-all-section[data-ai-ajax-pagination]{
position:relative !important;
}
.ai-tools-directory-page .ai-tools-all-section[data-ai-ajax-pagination].is-loading{
min-height:520px !important;
}
.ai-tools-directory-page .ai-tools-all-section[data-ai-ajax-pagination].is-loading::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
border-radius:28px !important;
background:rgba(248,250,252,.72) !important;
backdrop-filter:blur(5px) !important;
-webkit-backdrop-filter:blur(5px) !important;
z-index:40 !important;
}
.ai-tools-directory-page .ai-tools-all-section[data-ai-ajax-pagination].is-loading::after{
content:"Loading tools…" !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
z-index:41 !important;
padding:14px 18px !important;
border-radius:999px !important;
background:#050b18 !important;
color:#fff !important;
font-size:13px !important;
font-weight:950 !important;
box-shadow:0 18px 50px rgba(5,11,24,.22) !important;
}
.ai-tools-directory-page .ai-directory-pagination{
margin-top:32px !important;
}
@media(max-width:1100px){
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-hero{
grid-template-columns:1fr !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-stats{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:760px){
.ai-tools-directory-page.is-filtered-directory{
width:min(100% - 22px,1280px) !important;
padding-top:18px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-hero{
padding:30px 22px !important;
border-radius:24px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-hero h1{
font-size:38px !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-directory-stats{
grid-template-columns:1fr !important;
}
.ai-tools-directory-page.is-filtered-directory .ai-tools-all-section{
padding:22px !important;
border-radius:22px !important;
}
}
/* =========================================================
AstronovAI Smart Header Search v14.72
Smarter ranking, category intent, suggestions, and full-results CTA.
========================================================= */
body.astronovai-premium-theme .ai-header-search-panel.is-smart{
width:min(520px, calc(100vw - 28px)) !important;
max-height:min(74vh, 720px) !important;
overflow:auto !important;
padding:12px !important;
border-radius:24px !important;
background:rgba(255,255,255,.985) !important;
border:1px solid rgba(226,232,240,.96) !important;
box-shadow:0 28px 86px rgba(2,6,23,.20) !important;
}
body.astronovai-premium-theme .ai-smart-search-head{
padding:10px 10px 12px !important;
border-bottom:1px solid rgba(226,232,240,.86) !important;
margin-bottom:6px !important;
}
body.astronovai-premium-theme .ai-smart-search-head span{
display:inline-flex !important;
width:max-content !important;
padding:5px 9px !important;
border-radius:999px !important;
background:#eef2ff !important;
color:#4f46e5 !important;
font-size:10px !important;
font-weight:950 !important;
letter-spacing:.1em !important;
text-transform:uppercase !important;
}
body.astronovai-premium-theme .ai-smart-search-head strong{
display:block !important;
margin-top:8px !important;
color:#0f172a !important;
font-size:16px !important;
line-height:1.2 !important;
font-weight:950 !important;
}
body.astronovai-premium-theme .ai-smart-suggestions{
display:flex !important;
flex-wrap:wrap !important;
gap:7px !important;
padding:7px 8px 9px !important;
}
body.astronovai-premium-theme .ai-smart-suggestions button{
min-height:30px !important;
padding:0 10px !important;
border-radius:999px !important;
border:1px solid rgba(203,213,225,.9) !important;
background:#f8fafc !important;
color:#2563eb !important;
font-size:11px !important;
font-weight:900 !important;
cursor:pointer !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-panel-title{
padding:10px 10px 6px !important;
color:#2563eb !important;
font-size:10.5px !important;
letter-spacing:.1em !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-result{
display:grid !important;
grid-template-columns:42px minmax(0,1fr) auto !important;
align-items:center !important;
gap:11px !important;
min-height:58px !important;
padding:9px 10px !important;
border-radius:16px !important;
border:1px solid transparent !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-result:hover{
background:#f8fafc !important;
border-color:rgba(37,99,235,.14) !important;
transform:translateY(-1px) !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-result-logo{
width:42px !important;
height:42px !important;
min-width:42px !important;
border-radius:14px !important;
object-fit:cover !important;
background:#fff !important;
border:1px solid rgba(226,232,240,.92) !important;
box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
}
body.astronovai-premium-theme .ai-search-result-logo--category{
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:linear-gradient(135deg,#eef2ff,#dbeafe) !important;
color:#2563eb !important;
font-size:12px !important;
font-weight:950 !important;
}
body.astronovai-premium-theme .ai-search-result-copy{
min-width:0 !important;
display:block !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-result-title{
font-size:13.5px !important;
line-height:1.18 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-result-meta{
font-size:11.2px !important;
line-height:1.25 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body.astronovai-premium-theme .ai-search-result-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:24px !important;
padding:0 8px !important;
border-radius:999px !important;
background:#eef2ff !important;
color:#2563eb !important;
font-size:10px !important;
font-weight:950 !important;
}
body.astronovai-premium-theme .ai-search-result--tool .ai-search-result-pill{
background:#ecfdf5 !important;
color:#047857 !important;
}
body.astronovai-premium-theme .ai-search-result--post .ai-search-result-pill{
background:#fff7ed !important;
color:#ea580c !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-panel-empty{
display:grid !important;
gap:5px !important;
padding:18px 12px !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-panel-empty strong{
color:#0f172a !important;
font-size:14px !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-panel-empty span{
color:#64748b !important;
font-size:12px !important;
font-weight:780 !important;
}
body.astronovai-premium-theme .ai-smart-search-actions{
position:sticky !important;
bottom:-12px !important;
background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 38%) !important;
margin:8px -12px -12px !important;
padding:13px 12px 12px !important;
border-top:1px solid rgba(226,232,240,.9) !important;
}
body.astronovai-premium-theme .ai-smart-search-actions .ai-search-panel-action{
min-height:38px !important;
}
body.astronovai-premium-theme .ai-search-panel-action-primary{
background:#2563eb !important;
color:#fff !important;
}
@media(max-width:720px){
body.astronovai-premium-theme .ai-header-search-panel.is-smart{
left:0 !important;
right:0 !important;
width:100% !important;
max-height:68vh !important;
border-radius:20px !important;
}
body.astronovai-premium-theme .ai-header-search-panel.is-smart .ai-search-result{
grid-template-columns:40px minmax(0,1fr) !important;
}
body.astronovai-premium-theme .ai-search-result-pill{
display:none !important;
}
body.astronovai-premium-theme .ai-smart-search-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
}