/*
Theme Name:   EzeeBlogPoster
Theme URI:    https://ezeeblogposter.com/plugin
Description:  Child theme for ezeeblogposter.com — AI SaaS dark theme.
Author:       Ezee Blog Poster
Author URI:   https://ezeeblogposter.com
Template:     hello-elementor
Version:      1.1.0
License:      GNU General Public License v2 or later
Text Domain:  ezeeblogposter-child
*/

/* ── TOKENS ─────────────────────────────────────────────────────────── */
:root{
  --bk:#07080a; --sf:#0e1117; --cd:#141720; --br:#1e2330;
  --pu:#7c5cfc; --p2:#9b7dff; --or:#ff6c3e;
  --wh:#f0f2f8; --mu:#7a8099; --gn:#34d399;
  --fh:'Syne',sans-serif; --fb:'DM Sans',sans-serif;
}

/* ── BASE ────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bk)!important;color:var(--wh)!important;font-family:var(--fb)!important;font-size:16px;line-height:1.7;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:var(--fh)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-0.02em!important;color:var(--wh)!important;}
a{color:var(--p2);text-decoration:none;}
a:hover{color:var(--wh);}
p{color:var(--wh);}

/* Strip Hello Elementor defaults */
.site-header,.site-main,.site-footer,.page,#content,#page{background:var(--bk)!important;}
.elementor-page .elementor{padding:0!important;}
.entry-content{max-width:100%!important;padding:0!important;}
.post-content,.page-content{padding:0!important;}

/* ── PAGE WRAPPER ────────────────────────────────────────────────────── */
.ebw-page{width:100%;}

/* ── HERO ────────────────────────────────────────────────────────────── */
.ebw-hero{
  min-height:100vh;
  background:var(--bk);
  position:relative;
  overflow:hidden;
  padding:100px 24px 80px;
}
.ebw-hero::before{
  content:'';
  position:absolute;top:-200px;left:50%;transform:translateX(-50%);
  width:900px;height:900px;
  background:radial-gradient(circle,rgba(124,92,252,.13) 0%,transparent 70%);
  pointer-events:none;z-index:0;
}
.ebw-hero-inner{
  position:relative;z-index:1;
  max-width:900px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:0;
}

/* Hero badge */
.ebw-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(124,92,252,.12);border:1px solid rgba(124,92,252,.3);
  color:var(--p2);padding:6px 18px;border-radius:20px;
  font-size:13px;font-weight:500;margin-bottom:28px;
}

/* Hero headline */
.ebw-h1{
  font-size:clamp(2.4rem,5.5vw,4rem)!important;
  font-weight:800!important;line-height:1.1!important;
  margin:0 auto 24px;max-width:820px;
}
.ebw-purple{color:var(--pu)!important;font-style:normal;}
.ebw-orange{color:var(--or)!important;}

/* Hero subtext */
.ebw-hero-sub{font-size:1.1rem;color:var(--mu);max-width:560px;margin:0 auto 40px;}

/* Buttons */
.ebw-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;}
.ebw-btn-primary{
  background:var(--pu);color:#fff!important;
  padding:14px 30px;border-radius:10px;
  font-size:15px;font-weight:600;text-decoration:none;
  display:inline-block;transition:all .2s;
}
.ebw-btn-primary:hover{background:var(--p2);transform:translateY(-2px);color:#fff!important;}
.ebw-btn-outline{
  background:transparent;color:var(--wh)!important;
  border:1px solid var(--br);padding:14px 30px;
  border-radius:10px;font-size:15px;font-weight:500;
  text-decoration:none;display:inline-block;transition:all .2s;
}
.ebw-btn-outline:hover{border-color:var(--pu);color:var(--p2)!important;}

/* Trust bar */
.ebw-trust{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--mu);margin-bottom:48px;}
.ebw-trust .ebw-green{color:var(--gn)!important;font-weight:600;}

/* ── PLUGIN MOCKUP ───────────────────────────────────────────────────── */
.ebw-mockup{
  background:var(--cd);border:1px solid var(--br);
  border-radius:16px;overflow:hidden;
  max-width:700px;width:100%;margin:0 auto;
}
.ebw-mockup-bar{
  background:var(--sf);border-bottom:1px solid var(--br);
  padding:10px 18px;font-size:12px;color:var(--mu);
  display:flex;align-items:center;gap:8px;font-family:monospace;
}
.ebw-dot{display:inline-block;width:10px;height:10px;border-radius:50%;}
.ebw-dot-r{background:#ff5f57;}
.ebw-dot-y{background:#ffbd2e;}
.ebw-dot-g{background:#28ca41;}
.ebw-mockup-body{padding:20px;}
.ebw-mrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.ebw-mfield{background:var(--sf);border:1px solid var(--br);border-radius:8px;padding:12px 14px;}
.ebw-mlabel{font-size:10px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.ebw-mval{font-size:13px;color:var(--wh);font-weight:500;}
.ebw-kws{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.ebw-kw{background:rgba(124,92,252,.12);border:1px solid rgba(124,92,252,.3);color:var(--p2);padding:3px 10px;border-radius:12px;font-size:11px;}
.ebw-kw-on{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.3);color:var(--gn);}
.ebw-mbtn{background:var(--pu);color:#fff;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;}

/* ── SECTIONS ────────────────────────────────────────────────────────── */
.ebw-section{padding:96px 5%;}
.ebw-section-inner{max-width:720px;margin:0 auto;}
.ebw-bg-black{background:var(--bk)!important;}
.ebw-bg-surface{background:var(--sf)!important;}
.ebw-text-center{text-align:center;}

.ebw-label{display:block;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--pu)!important;margin-bottom:14px;}
.ebw-h2{font-size:clamp(1.9rem,3.5vw,2.8rem)!important;font-weight:800!important;margin-bottom:14px!important;}
.ebw-lead{font-size:1.05rem;color:var(--mu)!important;max-width:560px;margin:0 auto 0;}

/* ── STEPS ───────────────────────────────────────────────────────────── */
.ebw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px;border-radius:14px;overflow:hidden;}
.ebw-step{background:var(--cd);padding:40px 32px;position:relative;overflow:hidden;}
.ebw-step-n{font-family:var(--fh);font-size:72px;font-weight:800;color:rgba(124,92,252,.07);position:absolute;top:8px;right:14px;line-height:1;}
.ebw-step-ico{font-size:28px;margin-bottom:18px;display:block;}
.ebw-step h3{font-size:1.1rem!important;margin-bottom:8px!important;}
.ebw-step p{font-size:14px!important;color:var(--mu)!important;line-height:1.65!important;}

/* ── FEATURE CARDS ───────────────────────────────────────────────────── */
.ebw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;}
.ebw-fcard{background:var(--cd);border:1px solid var(--br);border-radius:14px;padding:30px 26px;transition:border-color .2s,transform .2s;}
.ebw-fcard:hover{border-color:rgba(124,92,252,.4);transform:translateY(-4px);}
.ebw-ficon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;}
.ebw-fi-p{background:rgba(124,92,252,.15);}
.ebw-fi-o{background:rgba(255,108,62,.15);}
.ebw-fi-g{background:rgba(52,211,153,.12);}
.ebw-fcard h3{font-size:1rem!important;margin-bottom:8px!important;}
.ebw-fcard p{font-size:13.5px!important;color:var(--mu)!important;line-height:1.6!important;}

/* ── NICHE CARDS ─────────────────────────────────────────────────────── */
.ebw-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;}
.ebw-ncard{background:var(--cd);border:1px solid var(--br);border-radius:12px;padding:26px 18px;text-align:center;transition:border-color .2s,transform .2s;}
.ebw-ncard:hover{border-color:rgba(124,92,252,.4);transform:translateY(-3px);}
.ebw-nemo{font-size:34px;margin-bottom:12px;display:block;}
.ebw-ncard h4{font-size:14px!important;margin-bottom:6px!important;}
.ebw-ncard p{font-size:12px!important;color:var(--mu)!important;line-height:1.5!important;}

/* ── PRICING ─────────────────────────────────────────────────────────── */
.ebw-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;max-width:960px;margin-left:auto;margin-right:auto;}
.ebw-pcard{background:var(--cd);border:1px solid var(--br);border-radius:16px;padding:36px 28px;position:relative;transition:transform .2s;}
.ebw-pcard:hover{transform:translateY(-4px);}
.ebw-pcard-pop{border-color:var(--pu);background:linear-gradient(160deg,#141720,#1b1535);}
.ebw-pop-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pu);color:#fff;padding:4px 16px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;}
.ebw-pname{display:block;font-family:var(--fh);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mu);margin-bottom:14px;}
.ebw-pamount{font-family:var(--fh);font-size:3rem;font-weight:800;line-height:1;color:var(--wh);margin-bottom:4px;}
.ebw-pamount sup{font-size:1.2rem;vertical-align:top;margin-top:8px;}
.ebw-pper{display:block;font-size:13px;color:var(--mu);margin-bottom:24px;}
.ebw-plist{list-style:none;padding:0;margin-bottom:28px;}
.ebw-plist li{font-size:13.5px;color:var(--mu);padding:8px 0;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:8px;}
.ebw-plist li:last-child{border:none;}
.ebw-plist li::before{content:'✓';color:var(--gn);font-weight:700;flex-shrink:0;}
.ebw-plist li.no{color:rgba(122,128,153,.35);}
.ebw-plist li.no::before{content:'—';color:rgba(122,128,153,.25);}
.ebw-pbtn{display:block;text-align:center;padding:13px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;}
.ebw-pbtn-fill{background:var(--pu);color:#fff!important;}
.ebw-pbtn-fill:hover{background:var(--p2);}
.ebw-pbtn-out{background:transparent;border:1px solid var(--br);color:var(--wh)!important;}
.ebw-pbtn-out:hover{border-color:var(--pu);color:var(--p2)!important;}
.ebw-ptrial{text-align:center;font-size:12px;color:var(--mu);margin-top:10px;}

/* ── FAQ ─────────────────────────────────────────────────────────────── */
.ebw-faq{max-width:720px;margin:48px auto 0;text-align:left;}
.ebw-fi{border-bottom:1px solid var(--br);}
.ebw-fq{padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;color:var(--wh);user-select:none;}
.ebw-fq::after{content:'+';font-size:22px;color:var(--pu);flex-shrink:0;line-height:1;}
.ebw-fi.open .ebw-fq::after{content:'−';}
.ebw-fa{padding:0 0 18px;font-size:14px;color:var(--mu);line-height:1.75;display:none;}
.ebw-fi.open .ebw-fa{display:block;}

/* ── CTA ─────────────────────────────────────────────────────────────── */
.ebw-cta{
  background:linear-gradient(135deg,rgba(124,92,252,.1),rgba(255,108,62,.06))!important;
  border-top:1px solid var(--br);
  padding:96px 5%;text-align:center;
}

/* ── SITE HEADER ─────────────────────────────────────────────────────── */
.site-header{
  background:rgba(7,8,10,.92)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--br)!important;
  position:sticky!important;top:0;z-index:9999;
}
.site-branding .site-title a{font-family:var(--fh)!important;font-weight:800!important;font-size:18px!important;color:var(--wh)!important;}
.main-navigation a{color:var(--mu)!important;font-size:14px!important;font-weight:500!important;}
.main-navigation a:hover{color:var(--wh)!important;}

/* ── SITE FOOTER ─────────────────────────────────────────────────────── */
.site-footer{background:var(--sf)!important;border-top:1px solid var(--br)!important;padding:36px 5%!important;}
.site-footer *{color:var(--mu)!important;font-size:13px;}
.site-footer a:hover{color:var(--wh)!important;}

/* ── RESPONSIVE ──────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .ebw-grid3,.ebw-pgrid{grid-template-columns:repeat(2,1fr);}
  .ebw-steps{grid-template-columns:1fr;border-radius:12px;}
  .ebw-grid4{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .ebw-grid3,.ebw-pgrid,.ebw-grid4,.ebw-mrow{grid-template-columns:1fr;}
  .ebw-h1{font-size:2.2rem!important;}
  .ebw-btns{flex-direction:column;align-items:center;}
}

/* ── HEADER ──────────────────────────────────────────────────────────── */
.ebw-header{
  position:sticky;top:0;z-index:9999;
  background:rgba(7,8,10,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--br);
}
.ebw-header-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;height:68px;gap:20px;
}
.ebw-logo{
  font-family:var(--fh)!important;font-weight:800!important;
  font-size:18px!important;color:var(--wh)!important;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
}
.ebw-logo span{color:var(--pu);}
.ebw-nav{display:flex;gap:28px;align-items:center;}
.ebw-nav a{color:var(--mu)!important;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;}
.ebw-nav a:hover{color:var(--wh)!important;}
.ebw-header-cta{
  background:var(--pu);color:#fff!important;
  padding:9px 22px;border-radius:8px;
  font-size:13px;font-weight:600;text-decoration:none;
  white-space:nowrap;flex-shrink:0;transition:background .2s;
}
.ebw-header-cta:hover{background:var(--p2);}

/* Mobile menu toggle */
.ebw-menu-toggle{
  display:none;background:none;border:none;cursor:pointer;
  padding:6px;flex-direction:column;gap:5px;
}
.ebw-menu-toggle span{
  display:block;width:22px;height:2px;
  background:var(--wh);border-radius:2px;transition:all .2s;
}
.ebw-mobile-nav{
  display:none;flex-direction:column;gap:0;
  padding:0 5% 16px;border-top:1px solid var(--br);
}
.ebw-mobile-nav a{
  padding:12px 0;color:var(--mu)!important;
  font-size:15px;text-decoration:none;
  border-bottom:1px solid var(--br);
}
.ebw-mobile-nav a:last-child{border:none;}

/* Open state */
.ebw-header.open .ebw-mobile-nav{display:flex;}
.ebw-header.open .ebw-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ebw-header.open .ebw-menu-toggle span:nth-child(2){opacity:0;}
.ebw-header.open .ebw-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── FOOTER ──────────────────────────────────────────────────────────── */
.ebw-footer{
  background:var(--sf);
  border-top:1px solid var(--br);
  padding:60px 5% 0;
}
.ebw-footer-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 2fr;
  gap:60px;padding-bottom:48px;
  border-bottom:1px solid var(--br);
}
.ebw-footer-brand .ebw-logo{display:block;margin-bottom:14px;}
.ebw-footer-brand p{font-size:13px;color:var(--mu)!important;line-height:1.6;}
.ebw-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.ebw-footer-col{display:flex;flex-direction:column;gap:10px;}
.ebw-footer-col-title{font-family:var(--fh);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--wh)!important;margin-bottom:4px;}
.ebw-footer-col a{font-size:13px;color:var(--mu)!important;text-decoration:none;transition:color .15s;}
.ebw-footer-col a:hover{color:var(--wh)!important;}
.ebw-footer-bottom{
  max-width:1200px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:10px;padding:20px 0;
  font-size:12px;color:var(--mu)!important;
}
.ebw-footer-bottom p{color:var(--mu)!important;font-size:12px;}
.ebw-footer-bottom a{color:var(--mu)!important;text-decoration:none;}
.ebw-footer-bottom a:hover{color:var(--wh)!important;}

.ebw-main{min-height:60vh;}

/* ── RESPONSIVE HEADER/FOOTER ────────────────────────────────────────── */
@media(max-width:768px){
  .ebw-nav,.ebw-header-cta{display:none;}
  .ebw-menu-toggle{display:flex;}
  .ebw-footer-inner{grid-template-columns:1fr;}
  .ebw-footer-links{grid-template-columns:repeat(2,1fr);}
  .ebw-footer-bottom{flex-direction:column;text-align:center;}
}