/*
Theme Name: AI Explained Daily
Theme URI: https://aiexplaineddaily.net/
Author: AI Explained Daily
Author URI: https://aiexplaineddaily.net/
Description: A fast, responsive WordPress theme for AI tutorials, reviews, comparisons, affiliate content, and AdSense-ready publishing.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aiexplaineddaily
Tags: blog, news, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --aed-bg: #09090f;
  --aed-bg-soft: #111119;
  --aed-card: #15151f;
  --aed-card-2: #1a1a25;
  --aed-border: rgba(255,255,255,.09);
  --aed-border-strong: rgba(255,255,255,.16);
  --aed-primary: #7c6fff;
  --aed-primary-2: #9d92ff;
  --aed-green: #00d9a3;
  --aed-red: #ff7272;
  --aed-text: #f7f7fb;
  --aed-muted: #aaaabd;
  --aed-muted-2: #77778d;
  --aed-max: 1180px;
  --aed-radius: 18px;
  --aed-shadow: 0 24px 70px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--aed-text);
  background:
    radial-gradient(circle at 90% 5%, rgba(124,111,255,.14), transparent 30%),
    radial-gradient(circle at 0% 70%, rgba(0,217,163,.07), transparent 28%),
    var(--aed-bg);
  font-family: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--aed-primary-2); }
button, input, textarea, select { font: inherit; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

h1,h2,h3,h4,h5,h6,.site-brand-title {
  font-family: "Syne", ui-sans-serif, system-ui, sans-serif;
  line-height: 1.14;
  letter-spacing: -.035em;
  margin-top: 0;
}
h1 { font-size: clamp(2.45rem, 7vw, 5.45rem); }
h2 { font-size: clamp(1.9rem, 4vw, 3.35rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
p { margin: 0 0 1.25em; }

.aed-container { width: min(calc(100% - 36px), var(--aed-max)); margin-inline: auto; }
.aed-narrow { width: min(calc(100% - 36px), 820px); margin-inline: auto; }
.aed-main { min-height: 65vh; padding-top: 82px; }
.aed-section { padding: 90px 0; position: relative; }
.aed-section--muted { background: rgba(255,255,255,.022); border-block: 1px solid var(--aed-border); }
.aed-section-label { color: var(--aed-green); font-size: .78rem; text-transform: uppercase; letter-spacing: .17em; font-weight: 800; margin-bottom: 14px; }
.aed-section-head { display:flex; gap:32px; justify-content:space-between; align-items:end; margin-bottom:36px; }
.aed-section-head p { max-width: 560px; color: var(--aed-muted); margin:0; }
.aed-grid { display:grid; gap:24px; }
.aed-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.aed-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }

.site-header {
  position: fixed; inset: 0 0 auto; height: 72px; z-index: 1000;
  background: rgba(9,9,15,.82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--aed-border);
}
.site-header__inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-brand { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.site-brand__dot { width:9px; height:9px; border-radius:50%; background:var(--aed-primary); box-shadow:0 0 18px var(--aed-primary); }
.site-brand-title { font-size:1.05rem; font-weight:800; }
.custom-logo { max-height: 38px; width:auto; display:block; }
.primary-menu { display:flex; gap:26px; align-items:center; list-style:none; padding:0; margin:0; }
.primary-menu a { color:var(--aed-muted); font-size:.92rem; font-weight:650; }
.primary-menu a:hover, .primary-menu .current-menu-item>a { color:var(--aed-text); }
.header-actions { display:flex; align-items:center; gap:10px; }
.aed-icon-button { border:1px solid var(--aed-border); background:transparent; color:var(--aed-text); border-radius:10px; min-width:42px; height:42px; display:grid; place-items:center; cursor:pointer; }
.menu-toggle { display:none; }

.aed-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:11px; padding:12px 18px; border:1px solid transparent; background:var(--aed-primary); color:#fff!important; font-weight:800; line-height:1.1; cursor:pointer; transition:.2s transform,.2s opacity; }
.aed-button:hover { opacity:.9; transform:translateY(-1px); }
.aed-button--ghost { background:transparent; border-color:var(--aed-border-strong); }
.aed-button--small { padding:9px 13px; font-size:.85rem; }

.aed-hero { min-height: 720px; display:grid; align-items:center; padding:120px 0 72px; }
.aed-hero__grid { display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; }
.aed-kicker { display:inline-flex; gap:9px; align-items:center; padding:7px 11px; border:1px solid var(--aed-border); border-radius:999px; color:var(--aed-muted); font-size:.82rem; margin-bottom:24px; background:rgba(255,255,255,.025); }
.aed-kicker i { width:7px; height:7px; border-radius:50%; background:var(--aed-green); }
.aed-hero h1 { margin-bottom:24px; }
.aed-hero h1 span { color:var(--aed-primary-2); }
.aed-hero__lead { font-size:1.18rem; color:var(--aed-muted); max-width:650px; }
.aed-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.aed-hero__trust { color:var(--aed-muted-2); font-size:.83rem; margin-top:18px; }
.aed-tool-stack { display:grid; gap:14px; transform:rotate(1deg); }
.aed-tool-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; padding:18px; border-radius:16px; border:1px solid var(--aed-border); background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:var(--aed-shadow); }
.aed-tool-card:nth-child(2) { transform:translateX(28px); }
.aed-tool-card__icon { width:48px; height:48px; border-radius:13px; display:grid; place-items:center; background:rgba(124,111,255,.16); font-weight:900; color:var(--aed-primary-2); }
.aed-tool-card small { color:var(--aed-muted); display:block; }
.aed-score { font-family:"Syne",sans-serif; font-weight:800; color:var(--aed-green); }

.aed-category-card { min-height:210px; padding:26px; border:1px solid var(--aed-border); border-radius:var(--aed-radius); background:var(--aed-card); display:flex; flex-direction:column; justify-content:space-between; transition:.22s transform,.22s border-color; }
.aed-category-card:hover { transform:translateY(-4px); border-color:rgba(124,111,255,.55); color:var(--aed-text); }
.aed-category-card__icon { width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:rgba(124,111,255,.13); font-size:1.25rem; }
.aed-category-card p { color:var(--aed-muted); margin:0; font-size:.94rem; }
.aed-category-card__count { color:var(--aed-muted-2); font-size:.8rem; }

.aed-post-card { border:1px solid var(--aed-border); border-radius:var(--aed-radius); background:var(--aed-card); overflow:hidden; display:flex; flex-direction:column; min-width:0; transition:.22s transform,.22s border-color; }
.aed-post-card:hover { transform:translateY(-4px); border-color:rgba(124,111,255,.5); }
.aed-post-card__media { display:block; aspect-ratio: 16/9; background:linear-gradient(135deg,rgba(124,111,255,.28),rgba(0,217,163,.12)); overflow:hidden; }
.aed-post-card__media img { width:100%; height:100%; object-fit:cover; transition:.35s transform; }
.aed-post-card:hover img { transform:scale(1.035); }
.aed-post-card__placeholder { width:100%; height:100%; display:grid; place-items:center; font-family:"Syne",sans-serif; font-size:1.1rem; font-weight:800; color:rgba(255,255,255,.75); }
.aed-post-card__body { padding:22px; display:flex; flex-direction:column; height:100%; }
.aed-badge { display:inline-flex; align-self:flex-start; padding:5px 9px; border-radius:999px; background:rgba(124,111,255,.14); color:var(--aed-primary-2); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; font-weight:850; }
.aed-post-card h3 { margin:14px 0 9px; }
.aed-post-card__excerpt { color:var(--aed-muted); font-size:.94rem; flex:1; }
.aed-post-meta { display:flex; flex-wrap:wrap; gap:8px 15px; color:var(--aed-muted-2); font-size:.78rem; margin-top:18px; }

.aed-comparison { border:1px solid var(--aed-border); border-radius:var(--aed-radius); overflow:hidden; background:var(--aed-card); }
.aed-comparison__row { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:12px; padding:16px 20px; border-bottom:1px solid var(--aed-border); align-items:center; }
.aed-comparison__row:last-child { border-bottom:0; }
.aed-comparison__row--head { color:var(--aed-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; background:rgba(255,255,255,.025); }
.aed-check { color:var(--aed-green); font-weight:900; }

.aed-newsletter { border:1px solid rgba(124,111,255,.34); background:linear-gradient(135deg,rgba(124,111,255,.16),rgba(0,217,163,.06)); border-radius:26px; padding:50px; text-align:center; overflow:hidden; }
.aed-newsletter p { color:var(--aed-muted); max-width:620px; margin:0 auto 24px; }
.aed-newsletter form { display:flex; gap:10px; max-width:560px; margin:auto; }
.aed-newsletter input { flex:1; min-width:0; border:1px solid var(--aed-border-strong); color:var(--aed-text); background:rgba(9,9,15,.7); padding:13px 15px; border-radius:11px; outline:0; }

.aed-ad-slot { width:100%; margin:34px auto; min-height:1px; text-align:center; overflow:hidden; }

.aed-page-head { padding:110px 0 55px; border-bottom:1px solid var(--aed-border); background:rgba(255,255,255,.018); }
.aed-page-head h1 { font-size:clamp(2.2rem,5vw,4.1rem); margin:0; }
.aed-page-head p { max-width:740px; color:var(--aed-muted); margin:16px 0 0; }

.aed-article { padding:64px 0 90px; }
.aed-article__header { max-width:900px; margin:0 auto 38px; }
.aed-article__header h1 { font-size:clamp(2.5rem,6vw,5rem); margin:17px 0 20px; }
.aed-article__subtitle { color:var(--aed-muted); font-size:1.2rem; }
.aed-authorline { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:var(--aed-muted); font-size:.88rem; }
.aed-authorline img { width:38px; height:38px; border-radius:50%; }
.aed-featured { width:min(100%,1120px); margin:0 auto 50px; border-radius:24px; overflow:hidden; border:1px solid var(--aed-border); }
.aed-featured img { display:block; width:100%; max-height:650px; object-fit:cover; }
.aed-article-layout { display:grid; grid-template-columns:minmax(0,760px) 270px; justify-content:center; gap:55px; align-items:start; }
.aed-content { min-width:0; }
.aed-content > *:first-child { margin-top:0; }
.aed-content h2 { font-size:clamp(1.7rem,3vw,2.35rem); margin:2.2em 0 .65em; scroll-margin-top:100px; }
.aed-content h3 { margin:1.8em 0 .6em; scroll-margin-top:100px; }
.aed-content p,.aed-content li { color:#d4d4df; }
.aed-content a { color:var(--aed-primary-2); text-decoration:underline; text-underline-offset:3px; }
.aed-content ul,.aed-content ol { padding-left:1.35em; margin-bottom:1.5em; }
.aed-content blockquote { margin:28px 0; border-left:4px solid var(--aed-primary); padding:18px 22px; background:rgba(124,111,255,.08); border-radius:0 12px 12px 0; }
.aed-content table { width:100%; border-collapse:collapse; display:block; overflow-x:auto; margin:28px 0; }
.aed-content th,.aed-content td { padding:13px; border:1px solid var(--aed-border); min-width:140px; text-align:left; }
.aed-content pre { overflow:auto; padding:20px; border-radius:12px; background:#050508; }
.aed-content img { border-radius:14px; }
.aed-sidebar { position:sticky; top:100px; }
.aed-toc { border:1px solid var(--aed-border); border-radius:15px; background:var(--aed-card); padding:20px; }
.aed-toc strong { font-family:"Syne",sans-serif; }
.aed-toc ol { margin:14px 0 0; padding-left:18px; }
.aed-toc li { margin:7px 0; color:var(--aed-muted); font-size:.85rem; line-height:1.45; }
.aed-toc a:hover { color:var(--aed-text); }
.aed-share { margin-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.aed-share a { font-size:.78rem; text-align:center; padding:8px; border:1px solid var(--aed-border); border-radius:9px; color:var(--aed-muted); }

.aed-disclosure { border:1px solid rgba(255,184,77,.25); background:rgba(255,184,77,.07); padding:14px 17px; border-radius:12px; color:#d8c3a1; font-size:.88rem; margin:0 0 28px; }
.aed-review-box { border:1px solid var(--aed-border); border-radius:18px; padding:24px; margin:0 0 32px; background:linear-gradient(145deg,rgba(124,111,255,.12),rgba(255,255,255,.02)); }
.aed-review-grid { display:grid; grid-template-columns:120px 1fr 1fr; gap:24px; align-items:center; }
.aed-review-score { width:104px; height:104px; border-radius:50%; border:8px solid rgba(124,111,255,.35); display:grid; place-items:center; font-family:"Syne",sans-serif; font-weight:900; font-size:1.55rem; }
.aed-review-facts dt { color:var(--aed-muted-2); font-size:.73rem; text-transform:uppercase; letter-spacing:.08em; }
.aed-review-facts dd { margin:2px 0 12px; font-weight:700; }
.aed-proscons { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:28px 0; }
.aed-proscons > div { border:1px solid var(--aed-border); border-radius:14px; padding:19px; background:var(--aed-card); }
.aed-proscons ul { margin:10px 0 0; }
.aed-cta-box { margin:36px 0; padding:28px; border:1px solid rgba(124,111,255,.35); border-radius:18px; background:rgba(124,111,255,.09); text-align:center; }
.aed-author-box { display:grid; grid-template-columns:auto 1fr; gap:18px; margin-top:55px; border-top:1px solid var(--aed-border); padding-top:30px; }
.aed-author-box img { width:72px; height:72px; border-radius:50%; }
.aed-author-box p { color:var(--aed-muted); }

.aed-pagination { display:flex; justify-content:center; gap:8px; margin-top:45px; }
.aed-pagination .page-numbers { min-width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--aed-border); border-radius:10px; color:var(--aed-muted); }
.aed-pagination .current { color:#fff; background:var(--aed-primary); border-color:var(--aed-primary); }
.aed-search-form { display:flex; gap:9px; }
.aed-search-form input[type=search] { flex:1; min-width:0; color:var(--aed-text); background:var(--aed-card); border:1px solid var(--aed-border-strong); border-radius:11px; padding:12px 14px; }

.aed-form { display:grid; gap:16px; }
.aed-form label { font-weight:700; }
.aed-form input,.aed-form textarea { width:100%; margin-top:7px; border:1px solid var(--aed-border-strong); border-radius:11px; background:var(--aed-card); color:var(--aed-text); padding:13px 14px; outline:0; }
.aed-form textarea { min-height:180px; resize:vertical; }
.aed-alert { padding:14px 17px; border-radius:11px; margin-bottom:22px; }
.aed-alert--success { background:rgba(0,217,163,.1); border:1px solid rgba(0,217,163,.3); }
.aed-alert--error { background:rgba(255,114,114,.1); border:1px solid rgba(255,114,114,.3); }

.site-footer { border-top:1px solid var(--aed-border); background:#07070b; padding:65px 0 28px; }
.site-footer__grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:38px; }
.site-footer h3 { font-size:.86rem; text-transform:uppercase; letter-spacing:.1em; }
.site-footer p,.site-footer a { color:var(--aed-muted); font-size:.9rem; }
.site-footer ul { list-style:none; padding:0; margin:0; }
.site-footer li { margin:8px 0; }
.site-footer__bottom { margin-top:45px; padding-top:22px; border-top:1px solid var(--aed-border); display:flex; justify-content:space-between; gap:20px; color:var(--aed-muted-2); font-size:.78rem; }

@media (max-width: 980px) {
  .aed-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aed-hero__grid { grid-template-columns:1fr; }
  .aed-tool-stack { max-width:620px; }
  .aed-article-layout { grid-template-columns:minmax(0,760px); }
  .aed-sidebar { position:static; }
  .aed-toc { display:none; }
  .site-footer__grid { grid-template-columns:repeat(2,1fr); }
  .primary-menu { position:absolute; top:72px; left:0; right:0; background:rgba(9,9,15,.98); border-bottom:1px solid var(--aed-border); padding:20px; display:none; flex-direction:column; align-items:flex-start; }
  .primary-menu.is-open { display:flex; }
  .menu-toggle { display:grid; }
}
@media (max-width: 680px) {
  body { font-size:16px; }
  .aed-grid--3,.aed-grid--2 { grid-template-columns:1fr; }
  .aed-section { padding:64px 0; }
  .aed-section-head { align-items:flex-start; flex-direction:column; }
  .aed-tool-card:nth-child(2) { transform:none; }
  .aed-newsletter { padding:32px 20px; }
  .aed-newsletter form { flex-direction:column; }
  .aed-comparison { overflow-x:auto; }
  .aed-comparison__row { min-width:620px; }
  .aed-review-grid { grid-template-columns:1fr; }
  .aed-proscons { grid-template-columns:1fr; }
  .site-footer__grid { grid-template-columns:1fr; }
  .site-footer__bottom { flex-direction:column; }
  .header-actions .aed-button { display:none; }
  .aed-author-box { grid-template-columns:1fr; }
}