/*
Theme Name: Journoist Premium
Theme URI: https://journoist.com
Author: Anzer Ayoob
Author URI: https://AnzerAyoob.com
Description: Responsive premium product theme for Journoist.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 8.1
Text Domain: journoist-premium
*/
:root{--bg:#080b12;--surface:#111827;--surface2:#151e2d;--primary:#60a5fa;--accent:#a5b4fc;--text:#f8fafc;--muted:#a8b4c7;--border:#273449;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#93c5fd;text-underline-offset:3px}a:hover{color:#dbeafe}.site-container{width:min(var(--max),calc(100% - 2.5rem));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.75rem;z-index:100}.skip-link:focus{left:1rem;top:1rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,11,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.14)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{font-weight:900;letter-spacing:-.06em;font-size:1.45rem;text-decoration:none;color:var(--text)}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#93c5fd,#2563eb);margin-right:.5rem;color:white;font-size:.9rem}.main-navigation ul{list-style:none;display:flex;gap:1.3rem;align-items:center;margin:0;padding:0}.main-navigation a{text-decoration:none;color:#d7e0ef;font-size:.93rem}.header-cta{white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.82rem 1.25rem;border-radius:999px;background:var(--primary);color:#08111f;text-decoration:none;font-weight:800;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#93c5fd;color:#08111f}.button-secondary{background:transparent;color:var(--text);border-color:var(--border)}.hero{padding:clamp(4rem,9vw,8rem) 0 4.5rem;text-align:center;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;color:#93c5fd}.hero h1{max-width:970px;margin:.8rem auto 1.25rem;font-size:clamp(2.7rem,7vw,5.5rem);line-height:1.03;letter-spacing:-.07em}.gradient-text{background:linear-gradient(100deg,#f8fafc 12%,#93c5fd 55%,#a5b4fc);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{max-width:720px;margin:0 auto 2rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:2rem 0 3rem}.hero-visual{max-width:950px;margin:0 auto;min-height:340px;position:relative;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1d3a60 0,#111827 45%,#080b12 80%);box-shadow:0 30px 100px rgba(37,99,235,.13)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(147,197,253,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 80px rgba(59,130,246,.1)}.hero-visual:after{width:400px;height:400px;border-color:rgba(165,180,252,.22)}.visual-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);width:110px;height:110px;border-radius:30px;background:linear-gradient(135deg,#bfdbfe,#2563eb 60%,#172554);box-shadow:0 0 75px rgba(59,130,246,.5);display:grid;place-items:center;font-weight:900;font-size:2.1rem;letter-spacing:-.1em}.visual-label{position:absolute;bottom:1rem;left:1rem;right:1rem;color:var(--muted);font-size:.8rem}.section{padding:5rem 0}.section-heading{max-width:720px;margin:0 auto 2.5rem;text-align:center}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.05em;margin:.5rem 0 1rem}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.content-card{padding:1.6rem;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(21,30,45,.88),rgba(13,18,29,.92))}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#1e3a5f;color:#bfdbfe;font-size:1.2rem}.feature-card h3{margin:1rem 0 .45rem}.feature-card p,.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.05em}.check-list{padding:0;list-style:none}.check-list li{padding:.45rem 0;color:#d5dfed}.check-list li:before{content:"✓";color:#93c5fd;font-weight:900;margin-right:.7rem}.cta-panel{padding:clamp(2rem,5vw,4rem);text-align:center;border:1px solid var(--border);border-radius:28px;background:radial-gradient(ellipse at top,#1b3455,#111827 65%)}.cta-panel h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.05em}.site-footer{border-top:1px solid var(--border);padding:3.5rem 0 1.5rem;background:#0b1019}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-links{list-style:none;padding:0}.footer-links li{margin:.35rem 0}.footer-links a{color:var(--muted);text-decoration:none}.copyright{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1rem;color:var(--muted);font-size:.85rem}.site-main{min-height:55vh;padding:3rem 0}.entry-content{max-width:820px}.entry-content p,.entry-content li{color:#d5dfed}.entry-content h2,.entry-content h3{margin-top:2rem;line-height:1.2}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.policy-note{margin-top:2rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border);padding-top:1rem}.pagination{margin:2rem 0}.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} :focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
@media(max-width:800px){.main-navigation ul{gap:.7rem}.main-navigation a{font-size:.85rem}.feature-grid,.post-list{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:1rem}.footer-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:280px}}
@media(max-width:600px){.site-container{width:min(var(--max),calc(100% - 1.4rem))}.header-inner{min-height:68px;flex-wrap:wrap;padding:.8rem 0}.main-navigation{order:3;width:100%;overflow:auto}.main-navigation ul{justify-content:space-between;min-width:max-content;padding:.2rem 0 .4rem}.header-cta{padding:.6rem .85rem;font-size:.85rem}.feature-grid,.post-list,.footer-grid{grid-template-columns:1fr}.hero{padding-top:3.5rem}.hero-visual{min-height:230px}.visual-core{width:82px;height:82px;border-radius:24px}.section{padding:3.5rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Font Awesome Free theme integration */
.brand-mark .fa-solid{font-size:.9rem}.button .fa-brands,.button .fa-solid,.header-cta .fa-brands{margin-right:.25rem}.feature-icon .fa-solid{font-size:1.15rem}.footer-links .fa-brands,.footer-links .fa-regular{width:1.25rem;text-align:center;margin-right:.25rem}.button .fa-brands,.button .fa-solid{line-height:1}.fa-brands,.fa-solid,.fa-regular{font-style:normal}

/* Theme control centre: uploaded logo sizing */
.site-custom-logo{display:block;width:auto;max-width:220px;max-height:58px;object-fit:contain}.brand .custom-logo-link{display:inline-flex;align-items:center}.brand .custom-logo{width:auto;max-width:220px;max-height:58px;object-fit:contain}.footer-tagline{max-width:360px}