/*
Theme Name: Xbir Media
Theme URI: https://www.xbirmedia.com
Description: Premium magazine theme
Version: 2.4
Author: Xbir Media
Text Domain: xbirmedia
*/

/* ── VARIABLES ─────────────────────────────────────────────── */
:root {
  --brand:#e84040; --dark:#0d0b1a; --navy:#111827;
  --surface:#fff; --surf2:#f7f8fa; --border:#e5e7eb;
  --txt:#111; --txt2:#555; --muted:#999;
  --font-body:'Inter',system-ui,sans-serif;
  --font-head:Georgia,'Times New Roman',serif;
  --radius:8px; --shadow:0 2px 12px rgba(0,0,0,.08);
}
[data-theme="dark"] {
  --surface:#0d0b1a; --surf2:#1a1830; --border:#2a2845;
  --txt:#f0f0f0; --txt2:#b0afc8; --muted:#6b6a85;
}

/* ── RESET ─────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--font-body);background:var(--surface);color:var(--txt);line-height:1.6;transition:background .25s,color .25s;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--brand);}
ul{list-style:none;}
button{cursor:pointer;font-family:inherit;}
.container{max-width:1220px;margin:0 auto;padding:0 20px;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}

/* ── TOP BAR (flexbox — LiteSpeed safe) ───────────────────── */
.top-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 20px;}
.tb-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;max-width:1220px;margin:0 auto;}
.tb-logo{-ms-flex-negative:0;flex-shrink:0;line-height:0;}
.tb-logo a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;}
.tb-logo img,.site-logo-img{max-height:50px!important;width:auto!important;display:block!important;}
.tb-search{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;}
.ts-row{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:8px;background:var(--surf2);border:1.5px solid var(--border);border-radius:999px;padding:0 6px 0 14px;transition:border-color .2s;}
.ts-row:focus-within{border-color:var(--brand);}
.ts-row svg{flex-shrink:0;}
.ts-row input{-webkit-box-flex:1;-ms-flex:1;flex:1;background:transparent;border:none;outline:none;padding:10px 0;font-size:14px;color:var(--txt);min-width:0;}
.ts-row input::placeholder{color:var(--muted);}
.ts-row button{background:var(--brand);color:#fff;border:none;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0;transition:background .2s;}
.ts-row button:hover{background:#c73030;}
.tb-actions{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.dm-btn{width:36px;height:36px;border:1.5px solid var(--border);border-radius:50%;background:var(--surf2);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:var(--txt2);transition:background .2s;}
.dm-btn:hover{background:var(--border);}
.ico-moon{display:none;}
[data-theme="dark"] .ico-sun{display:none;}
[data-theme="dark"] .ico-moon{display:block;}
.pin-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:6px;background:#e60023;color:#fff!important;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .2s;white-space:nowrap;}
.pin-btn:hover{background:#c0001e;}
.ham-btn{display:none;flex-direction:column;gap:5px;background:none;border:1.5px solid var(--border);border-radius:6px;padding:7px;}
.ham-btn span{display:block;width:20px;height:2px;background:var(--txt2);border-radius:2px;transition:.25s;}

/* ── STICKY NAV ────────────────────────────────────────────── */
.site-header{background:var(--navy);position:-webkit-sticky;position:sticky;top:0;z-index:250;box-shadow:0 2px 16px rgba(0,0,0,.4);border-top:3px solid var(--brand);}
.main-nav{padding:0;}
.nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;scrollbar-width:none;}
.nav-list::-webkit-scrollbar{display:none;}
.ni{position:relative;}
.nl{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:6px;padding:0 15px;height:46px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.65);white-space:nowrap;transition:color .18s,background .18s;letter-spacing:.025em;}
.nl:hover,.is-active .nl{color:#fff;background:rgba(255,255,255,.06);}
.nl:hover{color:#fff;}
.nd{width:6px;height:6px;border-radius:50%;background:var(--cc,#e84040);flex-shrink:0;opacity:0;-webkit-transition:opacity .18s,-webkit-transform .18s;transition:opacity .18s,transform .18s;-webkit-transform:scale(0.5);transform:scale(0.5);}
.nl:hover .nd,.is-active .nd{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ni::after{content:'';position:absolute;bottom:0;left:15px;right:15px;height:2.5px;background:var(--cc,#e84040);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .2s;transition:transform .2s;border-radius:2px 2px 0 0;}
.ni:hover::after,.is-active::after{-webkit-transform:scaleX(1);transform:scaleX(1);}

/* ── MOBILE NAV ────────────────────────────────────────────── */
.mob-nav{position:fixed;top:0;right:-320px;width:300px;height:100%;background:var(--surface);z-index:400;overflow-y:auto;transition:right .3s;box-shadow:-4px 0 24px rgba(0,0,0,.15);padding:0 0 40px;}
.mob-nav.is-open{right:0;}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:399;}
.mob-overlay.is-open{display:block;}
.mn-head{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}
.mn-head strong{font-size:16px;font-weight:800;}
.mn-head button{background:none;border:none;font-size:18px;color:var(--txt2);cursor:pointer;}
.mn-search{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border);}
.mn-search input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1.5px solid var(--border);border-radius:6px;padding:8px 12px;font-size:13px;background:var(--surf2);color:var(--txt);}
.mn-search button{background:var(--brand);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;}
.mn-cats{padding:12px 0;}
.mn-cats li a{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:14px;font-weight:600;transition:background .15s;}
.mn-cats li a:hover{background:var(--surf2);}
.mn-cats li a span{font-size:12px;color:var(--muted);font-weight:400;}
.ham-btn.is-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.ham-btn.is-open span:nth-child(2){opacity:0;}
.ham-btn.is-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ── HERO GRID ─────────────────────────────────────────────── */
.hero-section{padding:32px 0 24px;}
.hero-grid{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;}
.hero-main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;}
.hero-main .card-big{border-radius:var(--radius);overflow:hidden;position:relative;}
.hero-main .card-big img{width:100%;height:420px;object-fit:cover;display:block;}
.hero-main .card-big__body{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,transparent 100%);}
.hero-main .card-big__body .cat-label{margin-bottom:8px;}
.hero-main .card-big__body h2{font-family:var(--font-head);font-size:26px;font-weight:900;color:#fff;line-height:1.25;}
.hero-side{width:300px;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:16px;}

/* ── CARDS ─────────────────────────────────────────────────── */
.cat-label{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;color:#fff;}
.card{background:var(--surf2);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.card img{width:100%;height:180px;object-fit:cover;display:block;}
.card__body{padding:14px;}
.card__body h3{font-family:var(--font-head);font-size:16px;font-weight:700;line-height:1.35;margin:6px 0 8px;}
.card__body .meta{font-size:12px;color:var(--muted);}
.card-sm{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;align-items:flex-start;background:var(--surf2);border-radius:var(--radius);overflow:hidden;padding:12px;}
.card-sm img{width:80px;height:70px;object-fit:cover;flex-shrink:0;border-radius:6px;}
.card-sm__body h4{font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px;}
.card-sm__body .meta{font-size:11px;color:var(--muted);}

/* ── CATEGORY SECTIONS ─────────────────────────────────────── */
.section-hd{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border);}
.section-hd h2{font-family:var(--font-head);font-size:20px;font-weight:900;}
.section-hd h2::before{content:'';display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--cc,var(--brand));margin-right:8px;vertical-align:middle;}
.view-all{font-size:13px;font-weight:600;color:var(--brand);}
.posts-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;}
.posts-grid .card{-webkit-box-flex:1;-ms-flex:1 1 280px;flex:1 1 280px;}

/* ── SIDEBAR ───────────────────────────────────────────────── */
.content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;padding:32px 0;}
.main-col{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;}
.sidebar{width:300px;flex-shrink:0;}
.widget{background:var(--surf2);border-radius:var(--radius);padding:20px;margin-bottom:24px;}
.widget-title{font-family:var(--font-head);font-size:16px;font-weight:800;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--brand);}
.widget ul li{padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;}
.widget ul li:last-child{border:none;}

/* ── SINGLE POST ───────────────────────────────────────────── */
.post-header{padding:32px 0 24px;}
.post-title{font-family:var(--font-head);font-size:clamp(24px,4vw,42px);font-weight:900;line-height:1.2;margin:12px 0;}
.post-meta{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
.post-meta .author{font-weight:700;color:var(--txt);}
.post-feat-img{width:100%;border-radius:var(--radius);margin-bottom:32px;max-height:480px;object-fit:cover;}
.entry-content{font-size:17px;line-height:1.8;color:var(--txt);}
.entry-content h2{font-family:var(--font-head);font-size:26px;font-weight:800;margin:32px 0 12px;}
.entry-content h3{font-family:var(--font-head);font-size:20px;font-weight:700;margin:24px 0 10px;}
.entry-content p{margin-bottom:20px;}
.entry-content ul,.entry-content ol{margin:0 0 20px 24px;}
.entry-content li{margin-bottom:8px;}
.entry-content img{border-radius:var(--radius);margin:24px 0;}
.entry-content blockquote{border-left:4px solid var(--brand);padding:16px 20px;background:var(--surf2);border-radius:0 8px 8px 0;margin:24px 0;font-style:italic;}
.reading-bar{position:fixed;top:0;left:0;height:3px;background:var(--brand);z-index:999;transition:width .1s;}

/* ── FOOTER ────────────────────────────────────────────────── */
.footer-nl{background:var(--brand);padding:48px 0;text-align:center;}
.footer-nl h3{font-size:24px;font-weight:900;color:#fff;margin-bottom:8px;}
.footer-nl p{color:rgba(255,255,255,.8);margin-bottom:20px;}
.nl-form{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0;max-width:440px;width:100%;border-radius:999px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2);}
.nl-form input{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:14px 20px;border:none;outline:none;font-size:14px;}
.nl-form button{background:var(--dark);color:#fff;border:none;padding:14px 24px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;}
.site-footer{background:var(--dark);color:rgba(255,255,255,.75);padding:56px 0 0;}
.footer-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;margin-bottom:48px;}
.f-col{-webkit-box-flex:1;-ms-flex:1 1 160px;flex:1 1 160px;min-width:140px;}
.f-col--about{-webkit-box-flex:2;-ms-flex:2 1 240px;flex:2 1 240px;}
.f-col h4{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:16px;}
.f-col p{font-size:14px;line-height:1.7;}
.f-col ul li{margin-bottom:10px;}
.f-col ul li a{font-size:14px;color:rgba(255,255,255,.6);transition:color .15s;}
.f-col ul li a:hover{color:#fff;}
.f-recent li{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:12px;}
.f-recent li img{width:52px;height:52px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.f-recent li a{font-size:13px;font-weight:600;color:rgba(255,255,255,.75);line-height:1.3;}
.footer-bar{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(255,255,255,.4);}
.footer-bar a{color:rgba(255,255,255,.4);}
.footer-bar a:hover{color:#fff;}

/* ── UTILITIES ─────────────────────────────────────────────── */
.back-to-top{position:fixed;bottom:28px;right:28px;width:40px;height:40px;background:var(--brand);color:#fff;border:none;border-radius:50%;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;z-index:200;box-shadow:0 4px 12px rgba(232,64,64,.4);}
.back-to-top.visible{opacity:1;transform:none;}
.no-results{text-align:center;padding:80px 20px;}

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media(max-width:1100px){
  .tb-search{display:none;}
  .tb-inner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
  .ham-btn{display:-webkit-box;display:-ms-flexbox;display:flex;}
  .sidebar{display:none;}
  .content-wrap{flex-direction:column;}
  .hero-side{width:100%;}
}
@media(max-width:768px){
  .hero-grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
  .footer-grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
  .pin-btn span{display:none;}
  .pin-btn{padding:8px 10px;}
  .nl-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:var(--radius);}
}

/* ══ TOP BAR ADDITIONAL (belt + suspenders) ══════════════════ */
.top-bar { background: var(--surface); border-bottom: 1px solid var(--border); padding: 12px 0; }
.ts-row { display: -webkit-box; display: -ms-flexbox; display: flex !important; align-items: center; gap: 8px; background: var(--surf2); border: 1.5px solid var(--border); border-radius: 999px; padding: 0 6px 0 14px; }
.ts-row:focus-within { border-color: #e84040; }
.ts-btn { background: #e84040; color: #fff; border: none; border-radius: 999px; padding: 8px 18px; font-size: 13px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.ts-btn:hover { background: #c73030; }
.dm-btn { width: 36px; height: 36px; border: 1.5px solid var(--border); border-radius: 50%; background: var(--surf2); display: -webkit-box; display: -ms-flexbox; display: flex !important; align-items: center; justify-content: center; color: var(--txt2); cursor: pointer; }
.pin-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex !important; align-items: center; gap: 6px; background: #e60023; color: #fff !important; border-radius: 999px; padding: 8px 14px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.pin-btn:hover { background: #c0001e; }
.ham-btn { display: none; flex-direction: column; gap: 5px; background: none; border: 1.5px solid var(--border); border-radius: 6px; padding: 7px; cursor: pointer; }
.ham-btn span { display: block; width: 20px; height: 2px; background: var(--txt2); border-radius: 2px; transition: .25s; }

/* ══ TRENDING NOW — image cards ══════════════════════════════ */
.trending-section { padding: 32px 0 24px; }
.trending-hd { margin-bottom: 20px; }
.trending-badge { display: inline-flex; align-items: center; gap: 8px; background: #e84040; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .08em; padding: 8px 18px; border-radius: 6px; }
.trend-grid { display: -webkit-box; display: -ms-flexbox; display: flex !important; gap: 16px; }
.trend-card { position: relative; border-radius: 12px; overflow: hidden; flex: 1 1 0; min-height: 280px; background: #1a1830; }
.trend-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.75) 60%, rgba(0,0,0,.92) 100%); }
.trend-card__inner { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex !important; flex-direction: column; justify-content: space-between; height: 100%; min-height: 280px; padding: 16px; }
.trend-card__top { display: -webkit-box; display: -ms-flexbox; display: flex !important; align-items: flex-start; justify-content: space-between; }
.trend-num { font-size: 28px; font-weight: 900; color: rgba(255,255,255,.25); line-height: 1; font-family: Georgia, serif; }
.trend-cat { font-size: 10px; font-weight: 800; letter-spacing: .08em; padding: 4px 8px; border-radius: 4px; color: #fff; text-transform: uppercase; }
.trend-card__bottom { }
.trend-title { font-family: Georgia, "Times New Roman", serif; font-size: 15px; font-weight: 700; color: #fff; line-height: 1.35; margin-bottom: 8px; }
.trend-title a { color: #fff; }
.trend-title a:hover { color: #e84040; }
.trend-meta { font-size: 11px; color: rgba(255,255,255,.55); margin-bottom: 10px; }
.trend-more { font-size: 11px; font-weight: 700; color: #e84040; letter-spacing: .05em; text-transform: uppercase; }
.trend-more:hover { color: #fff; }
@media (max-width: 900px) { .trend-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .trend-card { -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; } }
@media (max-width: 600px) { .trend-card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 200px; } }

/* ══ SIDEBAR WIDGETS — new style ═════════════════════════════ */
.sidebar-widgets { display: -webkit-box; display: -ms-flexbox; display: flex !important; flex-direction: column; gap: 24px; }
.widget { background: var(--surf2); border-radius: 12px; padding: 20px; }
.widget-title { font-family: Georgia, serif; font-size: 15px; font-weight: 800; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid #e84040; color: var(--txt); }

/* Popular posts */
.sw-post { display: -webkit-box; display: -ms-flexbox; display: flex !important; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--border); }
.sw-post:last-child { border-bottom: none; }
.sw-post__img { flex-shrink: 0; display: block; border-radius: 8px; overflow: hidden; width: 70px; height: 60px; }
.sw-post__img img { width: 70px; height: 60px; object-fit: cover; display: block; }
.sw-post__body { flex: 1; min-width: 0; }
.sw-post__num { font-size: 11px; font-weight: 800; color: #e84040; display: block; margin-bottom: 3px; }
.sw-post__title { font-size: 13px; font-weight: 700; line-height: 1.35; color: var(--txt); display: block; margin-bottom: 4px; }
.sw-post__title:hover { color: #e84040; }
.sw-post__meta { font-size: 11px; color: var(--muted); }

/* Newsletter widget */
.widget--nl { background: linear-gradient(135deg, #0d0b1a 0%, #1a1040 100%); color: #fff; text-align: center; }
.sw-nl__icon { font-size: 32px; margin-bottom: 10px; }
.sw-nl h3 { font-size: 16px; font-weight: 800; margin-bottom: 6px; color: #fff; }
.sw-nl p { font-size: 13px; color: rgba(255,255,255,.65); margin-bottom: 16px; }
.sw-nl__form { display: -webkit-box; display: -ms-flexbox; display: flex !important; flex-direction: column; gap: 8px; }
.sw-nl__form input { padding: 10px 14px; border-radius: 8px; border: none; font-size: 13px; outline: none; }
.sw-nl__form button { background: #e84040; color: #fff; border: none; border-radius: 8px; padding: 10px; font-size: 13px; font-weight: 700; cursor: pointer; }
.sw-nl__form button:hover { background: #c73030; }

/* Recent widget */
.sw-recent { display: -webkit-box; display: -ms-flexbox; display: flex !important; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--border); }
.sw-recent:last-child { border-bottom: none; }
.sw-recent__link { font-size: 13px; font-weight: 600; color: var(--txt); flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex !important; align-items: center; gap: 8px; }
.sw-recent__link:hover { color: #e84040; }
.sw-recent__dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sw-recent__date { font-size: 11px; color: var(--muted); white-space: nowrap; }

/* Social widget */
.sw-social { display: -webkit-box; display: -ms-flexbox; display: flex !important; flex-direction: column; gap: 10px; }
.sw-social__btn { display: -webkit-box; display: -ms-flexbox; display: flex !important; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; color: #fff !important; transition: opacity .2s; }
.sw-social__btn--pin { background: #e60023; }
.sw-social__btn:hover { opacity: .85; }

/* Remove old Browse Topics / sidebar-cats styles */
.sidebar-cats { display: none; }

/* ══ FIX EMPTY SPACE ══════════════════════════════════════════ */
.content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex !important; gap: 32px; padding: 40px 0; align-items: flex-start; }
.main-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }
.sidebar { width: 300px; flex-shrink: 0; min-width: 0; }
@media (max-width: 1100px) { .sidebar { display: none; } .content-wrap { flex-direction: column; } .ham-btn { display: -webkit-box; display: -ms-flexbox; display: flex !important; } }


/* ══════════════════════════════════════════════════
   WCAG AA CONTRAST FIXES (Lighthouse Accessibility)
   ══════════════════════════════════════════════════ */

/* --- Category pill labels (Make Money Online, Tips & Guides) --- */
/* Old: color:#10b981 on rgba(16,185,129,0.1) bg ≈ 2.5:1 FAIL     */
/* New: #0a6640 on rgba(16,185,129,0.12) bg = 7.2:1 PASS           */
a[style*="background: rgba(16, 185, 129"],
span[style*="background: rgba(16, 185, 129"] {
  color: #0a6640 !important;
}
.d-card-cat[style*="color:#059669"],
.d-card-cat[style*="color: #059669"],
span.d-card-cat[style*="#059669"] {
  color: #0a6640 !important;
}

/* --- Amber category (Crypto #d97706) → #92510a = 7.4:1 on white --- */
.d-card-cat[style*="color:#d97706"],
.d-card-cat[style*="color: #d97706"],
span[style*="color:#d97706"],
span[style*="color: #d97706"] {
  color: #92510a !important;
}

/* --- Orange category (Home Improvement #ea580c) → #9a3a06 = 7.1:1 --- */
.d-card-cat[style*="color:#ea580c"],
.d-card-cat[style*="color: #ea580c"],
span[style*="color:#ea580c"],
span[style*="color: #ea580c"] {
  color: #9a3a06 !important;
}

/* --- d-card-meta author / date text: #888 → #595959 = 7.0:1 --- */
.d-card-meta,
.d-card-meta *,
span.d-card-meta {
  color: #595959 !important;
}

/* --- Tiny date text (#bbb) → #767676 = 4.54:1 on white --- */
span[style*="color:#bbb"],
span[style*="color: #bbb"] {
  color: #767676 !important;
}

/* --- Article meta "Aug 26, 2026 · 8 min read" (#888) --- */
span[style*="color:#888"],
span[style*="color: #888"] {
  color: #595959 !important;
}

/* --- Footer text (#aaa, #bbb) --- */
footer p[style*="color:#aaa"],
footer span[style*="color:#aaa"],
footer a[style*="color:#aaa"],
p[style*="color:#aaa"],
a[style*="color:#aaa"] {
  color: #767676 !important;
}

/* --- Highlight section subtitle rgba(255,255,255,.75) → full white --- */
div[style*="rgba(255,255,255,.75)"],
div[style*="rgba(255, 255, 255, 0.75)"] {
  color: #ffffff !important;
}

/* --- "Save your favourites" footer text (#888 on white) --- */
span[style*="color:#888"] {
  color: #595959 !important;
}

/* --- btn-pill Read Full Guide: crisp white text on brand button --- */
.btn-pill {
  color: #ffffff !important;
}
.btn-pill:hover,
.btn-pill:focus {
  color: #ffffff !important;
}

/* --- mob-nav: inert hidden state styles --- */
#mobNav[inert] { pointer-events: none; }

/* --- Heading size reset for d-card-title (now h2 not h3) --- */
h2.d-card-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px 0 !important;
}

/* ── Sidebar Post Item Spacing Fix ── */
.sw-item { margin-bottom: 10px !important; padding-bottom: 10px !important; gap: 10px !important; }
.sw-item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.sw-item-cat { margin-bottom: 2px !important; display: block; }
.sw-item-ttl { margin-bottom: 2px !important; line-height: 1.35 !important; }
.sw-item-meta { margin-top: 2px !important; }
.sw-item-body { gap: 2px !important; }