/*
Theme Name: Security Squawk
Theme URI: https://securitysquawk.com
Author: Security Squawk
Description: Custom dark theme for the Security Squawk cybersecurity podcast — one consistent design across the homepage, episodes, topic archives, and pages. Built to match the Security Squawk brand (navy + electric blue, Montserrat/Inter).
Version: 1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: securitysquawk
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.17.0/dist/tabler-icons.min.css');

#ssqhome{font-family:'Inter',system-ui,sans-serif;color:#E9EEF6;background:#0A1730;line-height:1.6;overflow-x:hidden}
#ssqhome *{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;padding:0;background:#0A1730}
#ssqhome .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#ssqhome h1,#ssqhome h2,#ssqhome h3{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.14;letter-spacing:-.01em;color:#fff}
#ssqhome a{color:inherit;text-decoration:none}
#ssqhome img{max-width:100%;height:auto}
#ssqhome .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:13px 22px;border-radius:8px;cursor:pointer;border:0}
#ssqhome .btn-pri{background:#2D7DF6;color:#fff}
#ssqhome .btn-ghost{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.18)}
#ssqhome .btn-coffee{background:#FFDD00;color:#15151a}
#ssqhome .eyebrow{color:#4D94FF;font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
#ssqhome i.ti{font-size:18px;line-height:1}

/* header / nav */
#ssqhome .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}
#ssqhome .logo{display:flex;align-items:center}
#ssqhome .logo img{height:42px;width:auto;display:block;filter:brightness(0) invert(1)}
#ssqhome .menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500;color:#C7D3E4;list-style:none}
#ssqhome .menu a{color:#C7D3E4}
#ssqhome .menu a:hover{color:#fff}
#ssqhome .menu .current-menu-item>a{color:#fff}
#ssqhome .navbtns{display:flex;align-items:center;gap:14px}

/* hero */
#ssqhome .hero{background:linear-gradient(125deg,#081326 0%,#0e2c57 58%,#0a1d3b 100%)}
#ssqhome .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:56px 0 30px}
#ssqhome .hero h1{font-size:50px;margin:14px 0 18px;text-transform:uppercase}
#ssqhome .hero p.sub{font-size:17px;color:#B7C6DC;max-width:440px;margin-bottom:26px}
#ssqhome .hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
#ssqhome .stats{display:flex;gap:30px;flex-wrap:wrap}
#ssqhome .stat .n{font-family:'Montserrat';font-weight:800;font-size:24px;color:#fff}
#ssqhome .stat .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8FA3BE}
#ssqhome .hosts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#ssqhome .host{height:240px;border-radius:12px;background:#173052;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
#ssqhome .host img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#ssqhome .host span{position:relative;z-index:1;font-size:11px;font-weight:600;text-align:center;padding:8px 4px;width:100%;background:linear-gradient(180deg,transparent,rgba(8,18,38,.92));color:#fff;text-transform:uppercase;letter-spacing:.04em}

/* page hero (about/contact/legal) */
#ssqhome .phero{background:linear-gradient(125deg,#081326 0%,#0e2c57 60%,#0a1d3b 100%);padding:56px 0 44px}
#ssqhome .phero h1{font-size:42px;margin:14px 0 16px;text-transform:uppercase;max-width:760px}
#ssqhome .phero p{font-size:17px;color:#B7C6DC;max-width:680px;margin-bottom:12px}
#ssqhome .live{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#22C99A;border:1px solid #1e4a3c;background:#0f211b;padding:6px 13px;border-radius:20px;margin-top:8px}
#ssqhome .live span{width:7px;height:7px;border-radius:50%;background:#22C99A;display:inline-block}

/* listen bar */
#ssqhome .listen{background:#0c1e3a;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
#ssqhome .listen .wrap{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:18px 24px}
#ssqhome .listen .lbl{font-family:'Montserrat';font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;max-width:120px;line-height:1.25;color:#fff}
#ssqhome .plat{display:flex;align-items:center;gap:9px}
#ssqhome .plat .pi{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
#ssqhome .plat b{font-weight:600;font-size:13px;color:#fff}
#ssqhome .plat small{display:block;font-size:11px;color:#8FA3BE}

/* sections */
#ssqhome .sec{padding:54px 0}
#ssqhome .sec h2{font-size:15px;letter-spacing:.14em;text-transform:uppercase}
#ssqhome .sec .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
#ssqhome .sec .head .more{color:#4D94FF;font-size:13px;font-weight:600;letter-spacing:.06em}

/* latest episode */
#ssqhome .latest{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
#ssqhome .vid{aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#142a4d}
#ssqhome .vid iframe{width:100%;height:100%;border:0;display:block}
#ssqhome .latest h3{font-size:25px;margin-bottom:12px;line-height:1.2}
#ssqhome .latest p{color:#B0C0D6;font-size:14px;margin-bottom:16px}
#ssqhome .latest .ctas{display:flex;gap:10px;flex-wrap:wrap}
#ssqhome .latest .btn{padding:11px 16px;font-size:13px}

/* topics */
#ssqhome .topics{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
#ssqhome .topic{background:#0f2742;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 10px;text-align:center;height:100%;display:block}
#ssqhome .topic:hover{border-color:rgba(45,125,246,.5)}
#ssqhome .topic .ic{width:44px;height:44px;border-radius:11px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:rgba(45,125,246,.14);color:#4D94FF;font-size:22px}
#ssqhome .topic b{font-size:11.5px;font-weight:600;line-height:1.3;display:block;text-transform:uppercase;letter-spacing:.03em;color:#D6E1F0}

/* support band */
#ssqhome .band{padding:46px 0}
#ssqhome .support{background:#0c1e3a;border-top:1px solid rgba(255,255,255,.07);text-align:center}
#ssqhome .support .ci{width:56px;height:56px;border-radius:50%;background:rgba(255,221,0,.15);color:#FFDD00;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px}
#ssqhome .support h2{font-size:25px;margin-bottom:10px}
#ssqhome .support p{color:#AFBFD6;font-size:14px;max-width:520px;margin:0 auto 20px}

/* episode archive grid */
#ssqhome .archead{padding:46px 0 6px}
#ssqhome .archead .eyebrow{margin-bottom:8px}
#ssqhome .archead h1{font-size:36px;text-transform:uppercase}
#ssqhome .archead p{color:#A7B2C2;font-size:15px;margin-top:8px;max-width:680px}
#ssqhome .epgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0 46px}
#ssqhome .epcard{background:#0f2742;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
#ssqhome .epcard:hover{border-color:rgba(45,125,246,.5)}
#ssqhome .epthumb{aspect-ratio:16/9;background:#10141a;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}
#ssqhome .epthumb img{width:100%;height:100%;object-fit:cover}
#ssqhome .epthumb .pl{position:absolute;width:46px;height:46px;border-radius:50%;background:rgba(45,125,246,.92);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
#ssqhome .epbody{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
#ssqhome .epdate{font-size:11px;color:#8FA3BE;text-transform:uppercase;letter-spacing:.05em}
#ssqhome .epcard h3{font-size:15.5px;line-height:1.35;color:#E7EBF1}
#ssqhome .eptags{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;padding-top:6px}
#ssqhome .eptag{font-size:10px;color:#4D94FF;background:rgba(45,125,246,.12);border:1px solid #1e3a66;padding:2px 8px;border-radius:20px}
#ssqhome .pager{display:flex;gap:10px;justify-content:center;padding:0 0 50px;flex-wrap:wrap}
#ssqhome .pager a,#ssqhome .pager span{font-size:13px;color:#C7D3E4;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:9px 14px}
#ssqhome .pager .current{background:#2D7DF6;color:#fff;border-color:#2D7DF6}

/* single episode */
#ssqhome .article{max-width:820px;margin:0 auto;padding:34px 24px 10px}
#ssqhome .crumb{font-size:12px;color:#8FA3BE;margin-bottom:12px}
#ssqhome .tag{display:inline-block;font-size:11px;color:#4D94FF;background:rgba(45,125,246,.12);border:1px solid #1e3a66;padding:3px 10px;border-radius:20px;margin:0 6px 14px 0}
#ssqhome .article h1{font-size:33px;margin-bottom:14px;line-height:1.18}
#ssqhome .meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#8A9099;margin-bottom:22px;flex-wrap:wrap}
#ssqhome .content{color:#C2CCDA;font-size:16px;line-height:1.75}
#ssqhome .content p{margin:0 0 16px}
#ssqhome .content h2{font-size:21px;margin:28px 0 10px;color:#fff}
#ssqhome .content h3{font-size:18px;margin:22px 0 8px;color:#fff}
#ssqhome .content ul,#ssqhome .content ol{margin:0 0 16px 22px}
#ssqhome .content li{margin-bottom:7px}
#ssqhome .content a{color:#4D94FF}
#ssqhome .content img{border-radius:10px;margin:10px 0}
#ssqhome .content audio{width:100%;margin:6px 0 18px}
#ssqhome .endcta{background:#0c1e3a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;text-align:center;margin:34px 0}
#ssqhome .endcta .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}

/* about: why / schedule / bios */
#ssqhome .why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:46px 0 10px}
#ssqhome .why .card{background:#0f2742;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px}
#ssqhome .why .ic{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(45,125,246,.14);color:#4D94FF;font-size:22px;margin-bottom:12px}
#ssqhome .why h3{font-size:17px;margin-bottom:6px}
#ssqhome .why p{font-size:13.5px;color:#A7B2C2}
#ssqhome .sched{background:#0f2742;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 28px;margin:30px 0 10px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
#ssqhome .sched .lead{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#4D94FF;font-weight:600;margin-bottom:10px}
#ssqhome .sched h2{font-size:24px;margin-bottom:10px}
#ssqhome .sched p{font-size:14px;color:#A7B2C2;margin-bottom:16px}
#ssqhome .srow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}
#ssqhome .srow:last-child{border-bottom:0}
#ssqhome .sdate{font-weight:600;color:#E7EAEE;font-size:14px}
#ssqhome .stime{color:#22C99A;font-size:12.5px;font-weight:500}
#ssqhome .snote{font-size:12px;color:#7E8794;margin-top:10px}
#ssqhome .hosts-sec{padding:30px 0 56px}
#ssqhome .hosts-sec .lead{font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px;color:#fff;font-weight:800;font-family:'Montserrat'}
#ssqhome .bios{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#ssqhome .bio{background:#0f2742;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
#ssqhome .bio img{width:100%;height:260px;object-fit:cover;display:block}
#ssqhome .bio .body{padding:20px}
#ssqhome .bio h3{font-size:19px;margin-bottom:3px}
#ssqhome .bio .role{font-size:12px;color:#4D94FF;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
#ssqhome .bio p{font-size:13.5px;color:#B6C2D2;line-height:1.6}
#ssqhome .cta{background:#0c1e3a;border-top:1px solid rgba(255,255,255,.07);text-align:center;padding:50px 0}
#ssqhome .cta h2{font-size:27px;margin-bottom:16px}
#ssqhome .cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* contact form */
#ssqhome .cgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;padding:50px 0}
#ssqhome .cform{display:flex;flex-direction:column;gap:12px;max-width:540px}
#ssqhome .cform label{font-size:12px;color:#8FA3BE;text-transform:uppercase;letter-spacing:.06em;margin-bottom:-6px}
#ssqhome .cform input,#ssqhome .cform textarea{background:#0a1832;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:13px 15px;color:#fff;font-size:14px;font-family:inherit;width:100%}
#ssqhome .cform input::placeholder,#ssqhome .cform textarea::placeholder{color:#5f6b7c}
#ssqhome .cform textarea{resize:vertical;min-height:130px}
#ssqhome .cform button{align-self:flex-start;margin-top:6px}
#ssqhome .cside h3{font-size:17px;margin-bottom:6px}
#ssqhome .cside p{font-size:13.5px;color:#A7B2C2;margin-bottom:20px}
#ssqhome .clinks{display:flex;flex-direction:column;gap:4px}
#ssqhome .clinks a{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:14px;color:#C7D3E4}
#ssqhome .clinks a:hover{color:#fff}
#ssqhome .clinks .ic{width:34px;height:34px;border-radius:8px;background:rgba(45,125,246,.14);color:#4D94FF;display:flex;align-items:center;justify-content:center;font-size:17px}

/* legal docs (privacy/terms) */
#ssqhome .doc{max-width:780px;margin:0 auto;padding:40px 24px 10px}
#ssqhome .doc h1{font-size:34px;margin-bottom:6px;font-family:'Montserrat';font-weight:800;color:#fff}
#ssqhome .doc .upd{font-size:13px;color:#8FA3BE;margin-bottom:26px}
#ssqhome .doc h2{font-size:19px;margin:28px 0 8px;font-family:'Montserrat';font-weight:800;color:#fff}
#ssqhome .doc p{color:#C2CCDA;font-size:15px;margin-bottom:12px}
#ssqhome .doc ul{color:#C2CCDA;font-size:15px;margin:0 0 12px 20px}
#ssqhome .doc li{margin-bottom:6px}
#ssqhome .doc a{color:#4D94FF}
#ssqhome .note{background:#0f2742;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 18px;font-size:13.5px;color:#A7B2C2;margin:18px 0}

/* footer */
#ssqhome .foot{background:#081227;border-top:1px solid rgba(255,255,255,.07);padding:42px 0 26px}
#ssqhome .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr;gap:24px}
#ssqhome .foot h4{font-family:'Montserrat';font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8FA3BE;margin-bottom:12px}
#ssqhome .foot ul{list-style:none}
#ssqhome .foot li{font-size:13px;color:#B6C5DA;padding:4px 0}
#ssqhome .foot li a{color:#B6C5DA}
#ssqhome .foot li a:hover{color:#fff}
#ssqhome .foot .av{display:flex;gap:8px}
#ssqhome .foot .av img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15)}
#ssqhome .foot .copy{border-top:1px solid rgba(255,255,255,.07);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:#7186a3;flex-wrap:wrap;gap:10px}
#ssqhome .foot .copy a{color:#7186a3}

@media(max-width:900px){
#ssqhome .hero-grid,#ssqhome .latest,#ssqhome .sched,#ssqhome .cgrid,#ssqhome .why,#ssqhome .bios{grid-template-columns:1fr}
#ssqhome .hero h1{font-size:34px}
#ssqhome .phero h1,#ssqhome .archead h1{font-size:28px}
#ssqhome .topics{grid-template-columns:repeat(2,1fr)}
#ssqhome .epgrid{grid-template-columns:1fr 1fr}
#ssqhome .menu{display:none}
#ssqhome .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){#ssqhome .epgrid{grid-template-columns:1fr}}