/* ============================================
   AIGetFree — Original Dark Theme
   Glassmorphism + Aurora UI
   Purple (#7C3AED) + Cyan (#0891B2)
   ============================================ */

:root {
  --ai-purple: #7C3AED;
  --ai-purple-light: #A78BFA;
  --ai-purple-dark: #5B21B6;
  --ai-cyan: #0891B2;
  --ai-cyan-light: #22D3EE;
  --bg-primary: #0B0E17;
  --bg-secondary: #111827;
  --bg-card: rgba(17, 24, 39, 0.65);
  --bg-card-hover: rgba(30, 41, 59, 0.8);
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-medium: rgba(255, 255, 255, 0.1);
  --border-glow: rgba(124, 58, 237, 0.3);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(124, 58, 237, 0.15);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;
}

*,*::before,*::after{box-sizing:border-box}

body{
  background:var(--bg-primary);
  color:var(--text-primary);
  font-family:system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  margin:0;padding:0;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(124,58,237,.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(8,145,178,.06) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(124,58,237,.03) 0%, transparent 70%);
  background-attachment:fixed;
}

h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-0.02em}
h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .75rem}
main > article > h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-medium)}
main > article > h2::after{content:"";display:block;width:60px;height:2px;margin-top:.5rem;background:linear-gradient(90deg,var(--ai-purple),var(--ai-cyan));border-radius:2px}
h3{font-size:clamp(1.1rem,2vw,1.35rem)}
p{margin:0 0 1.2rem;color:var(--text-secondary)}

a{color:var(--ai-cyan-light);text-decoration:none;transition:color .15s}
a:hover{color:var(--ai-purple-light)}

/* Header */
body>header,header.wp-block-template-part{
  background:rgba(11,14,23,.8)!important;
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--border-subtle);
  position:sticky;top:0;z-index:100;
}

/* Nav */
header nav a{color:var(--text-secondary)!important;padding:8px 14px;border-radius:6px;transition:all .15s}
header nav a:hover{color:var(--text-primary)!important;background:rgba(255,255,255,.05)!important}

/* Buttons */
.wp-block-button__link,.wp-element-button,.button{
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(135deg,var(--ai-purple),var(--ai-purple-dark));
  color:#fff!important;font-weight:600;font-size:1rem;padding:.75rem 1.75rem;
  border:none;border-radius:var(--radius-md);cursor:pointer;
  transition:all .3s;text-decoration:none!important;
  box-shadow:0 4px 15px rgba(124,58,237,.3);
}
.wp-block-button__link:hover,.wp-element-button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(124,58,237,.4);
  background:linear-gradient(135deg,var(--ai-purple-light),var(--ai-purple));
}

/* Cards */
.wp-block-post,.wp-block-post-template>li,article.post{
  background:var(--bg-card)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  border:1px solid var(--border-subtle)!important;
  border-radius:var(--radius-lg)!important;
  padding:2rem!important;margin-bottom:1.5rem!important;
  transition:all .3s;position:relative;overflow:hidden;
}
body.blog .wp-block-post::before, body.home .wp-block-post::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--border-glow),transparent);
  opacity:0;transition:opacity .3s;
}
.wp-block-post:hover{
  background:var(--bg-card-hover)!important;
  border-color:var(--border-medium)!important;
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg),var(--shadow-glow);
}
.wp-block-post:hover::before{opacity:1}

.wp-block-post-title a{color:var(--text-primary)!important;font-weight:700;font-size:1.5rem}
.wp-block-post-title a:hover{background:linear-gradient(135deg,var(--ai-purple-light),var(--ai-cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.wp-block-post-date{color:var(--text-muted);font-size:.85rem}
.wp-block-post-excerpt{color:var(--text-secondary);font-size:.95rem}

/* Category pills */
.wp-block-post-terms a,.cat-links a{
  display:inline-block;background:rgba(124,58,237,.15);color:var(--ai-purple-light)!important;
  border:1px solid rgba(124,58,237,.2);padding:.25rem .75rem;
  border-radius:var(--radius-full);font-size:.8rem;font-weight:600;text-decoration:none;
}

/* Tables */
table,.wp-block-table table{
  width:100%;border-collapse:separate;border-spacing:0;
  border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-medium);
}
thead th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid var(--border-medium)}
tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
tbody tr:hover{background:rgba(124,58,237,.05)}

/* Code */
pre,code,.wp-block-code{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:monospace;font-size:.9rem}
pre,.wp-block-code{padding:1.5rem;overflow-x:auto;color:var(--ai-cyan-light)}
code{padding:.2rem .5rem;background:rgba(8,145,178,.1);color:var(--ai-cyan-light);word-break:break-all;overflow-wrap:break-word}

/* Blockquote */
blockquote{border-left:4px solid var(--ai-purple);background:linear-gradient(90deg,rgba(124,58,237,.08),transparent);padding:1.5rem 2rem;margin:2rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic}

img{border-radius:var(--radius-md);max-width:100%;height:auto}

/* Inputs */
input[type="search"],input[type="text"],input[type="email"]{
  background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);
  color:var(--text-primary);padding:.75rem 1rem;font-size:.95rem;outline:none;
}
input:focus{border-color:var(--ai-purple);box-shadow:0 0 0 3px rgba(124,58,237,.15)}

/* Footer */
footer,body footer{
  background:var(--bg-secondary)!important;
  border-top:1px solid var(--border-subtle)!important;
  padding:3rem 1.5rem!important;margin-top:4rem;color:var(--text-muted)!important;
}
footer a{color:var(--text-secondary)!important}
footer a:hover{color:var(--ai-purple-light)!important}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg-primary)}
::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}

::selection{background:rgba(124,58,237,.3);color:var(--text-primary)}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(124,58,237,.15)}50%{box-shadow:0 0 35px rgba(124,58,237,.25)}}
.wp-block-post{animation:fadeInUp .5s ease-out both}
.wp-block-post:nth-child(1){animation-delay:.05s}
.wp-block-post:nth-child(2){animation-delay:.1s}
.wp-block-post:nth-child(3){animation-delay:.15s}
.wp-block-post:nth-child(4){animation-delay:.2s}
.wp-block-post:nth-child(5){animation-delay:.25s}

/* Pagination */
.wp-block-query-pagination a,.wp-block-query-pagination span{padding:.4rem .8rem;border-radius:6px;color:var(--text-secondary)}
.wp-block-query-pagination .current{color:var(--ai-purple-light);background:rgba(124,58,237,.15);font-weight:600}

hr,.wp-block-separator{border-color:var(--border-subtle)}

body.single .wp-block-site-title,body.single .wp-block-site-logo,body.single .wp-block-post-featured-image{display:none!important}

@media(max-width:768px){
  header nav{display:none!important}
  main{padding:1rem 15px!important}
  h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}
  .wp-block-post{padding:1.25rem!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body{background:#fff;color:#000}header,footer,nav{display:none}}

/* ============================================
   LIGHT MODE
   ============================================ */
body.light-mode{
  --bg-primary:#F8FAFC;
  --bg-secondary:#FFFFFF;
  --bg-card:rgba(255,255,255,.9);
  --bg-card-hover:#F1F5F9;
  --text-primary:#0F172A;
  --text-secondary:#475569;
  --text-muted:#94A3B8;
  --border-subtle:#E2E8F0;
  --border-medium:#CBD5E1;
  --border-glow:rgba(124,58,237,.2);
  --shadow-sm:0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.06);
  --shadow-lg:0 10px 25px rgba(0,0,0,.08);
  --shadow-glow:0 0 20px rgba(124,58,237,.1);
  background-image:none;
}
body.light-mode header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid #E2E8F0!important;
}
body.light-mode header nav a{color:#475569!important}
body.light-mode header nav a:hover{color:#7C3AED!important;background:rgba(124,58,237,.06)!important}
body.light-mode .wp-block-post,body.light-mode article.post{
  background:#fff!important;
  border:1px solid #E2E8F0!important;
}
body.light-mode .wp-block-post:hover{background:#F8FAFC!important;border-color:#CBD5E1!important}
body.light-mode .wp-block-post-title a{color:#0F172A!important}
body.light-mode footer,body.light-mode body footer{
  background:#0F172A!important;
}
main > article > span, main > article > div > span:empty { display: none; }

/* Fix RankMath <strong> injection in Related Posts grids */
main > article strong { font-weight:normal; }
main > article h2 strong { font-weight:700; }

/* Related Posts Grid */
.related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.related-grid.secondary {
  margin-bottom: 40px;
}
.related-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-top: 3px solid #7C3AED;
  border-radius: 14px;
  padding: clamp(14px, 2vw, 20px);
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: inherit !important;
  text-decoration: none !important;
}
.related-card.compact {
  border: 1px solid rgba(255,255,255,0.06);
  border-top: none;
  border-left: 3px solid #7C3AED;
  border-radius: 10px;
  padding: clamp(12px, 1.8vw, 16px);
}
.related-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-bottom: 10px;
}
.compact .related-icon {
  width: auto;
  height: auto;
  font-size: 14px;
  margin-right: 6px;
  margin-bottom: 0;
  display: inline;
  background: none !important;
}
.related-card-title {
  font-size: clamp(13px, 1.8vw, 14px);
  font-weight: 700;
  color: #f1f5f9;
  margin-bottom: 6px;
  display: block;
}
.compact .related-card-title {
  font-size: 13px;
  margin-bottom: 4px;
}
.related-card-desc {
  font-size: 12px;
  color: #64748b;
  display: block;
}
.compact .related-card-desc {
  font-size: 11px;
}
/* Grid centering */
/* Grid centering - all post grids */
div[style*='display:grid']{justify-content:center!important}