/*
Theme Name: Automobile Bazar
Theme URI: https://auto.biharboardco.in/
Author: Automobile Bazar
Description: Lightweight automotive magazine child theme for Twenty Twenty-Five. Responsive article cards, category archives, and clean article layouts.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Template: twentytwentyfive
Text Domain: automobile-bazar
*/
:root{--auto-ink:#17212b;--auto-muted:#65727e;--auto-red:#e53935;--auto-red-dark:#bd2524;--auto-line:#e8edf1;--auto-soft:#f4f7f9;--auto-card:#fff;--auto-radius:14px}
html{scroll-behavior:smooth}
body{background:#f7f9fb;color:var(--auto-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
a:hover{color:var(--auto-red)}
.wp-site-blocks{padding-top:0}
.bbco-topbar{background:#101820;color:#d9e0e5;font-size:12px;padding:7px 18px}
.bbco-topbar-inner,.bbco-header-inner,.bbco-nav-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bbco-header{background:#fff;border-bottom:1px solid var(--auto-line);padding:18px}
.bbco-brand{font-size:25px;font-weight:900;letter-spacing:-.8px;line-height:1.1}
.bbco-brand span{color:var(--auto-red)}
.bbco-tagline{font-size:12px;color:var(--auto-muted);margin-top:4px}
.bbco-nav{background:#fff;border-bottom:3px solid var(--auto-red);padding:0 18px}
.bbco-nav-inner{min-height:48px;justify-content:flex-start;flex-wrap:wrap}
.bbco-nav a{font-size:13px;font-weight:750;padding:13px 12px;display:inline-block}
.bbco-nav a:hover{background:var(--auto-soft);color:var(--auto-red)}
.bbco-shell{max-width:1200px;margin:28px auto;padding:0 18px}
.bbco-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:850;color:var(--auto-red)}
.bbco-section-title{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:22px;line-height:1.25;font-weight:900;letter-spacing:-.5px}
.bbco-section-title:after{content:"";height:3px;background:var(--auto-red);flex:1;border-radius:3px}
.bbco-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:30px}
.bbco-feature{position:relative;min-height:350px;background:#18222b;border-radius:var(--auto-radius);overflow:hidden;color:white}
.bbco-feature img{width:100%;height:100%;min-height:350px;object-fit:cover;display:block}
.bbco-feature:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}
.bbco-feature-content{position:absolute;z-index:1;left:24px;right:24px;bottom:22px}
.bbco-feature-content a:hover{color:#fff;text-decoration:underline}
.bbco-feature h2{font-size:clamp(22px,3vw,34px);line-height:1.2;margin:8px 0;font-weight:900;letter-spacing:-.7px}
.bbco-feature .bbco-meta{color:#e2e7eb}
.bbco-side-feature-list{display:grid;gap:12px}
.bbco-mini-feature{display:grid;grid-template-columns:130px 1fr;gap:13px;align-items:center;background:#fff;border:1px solid var(--auto-line);border-radius:12px;padding:10px;min-height:104px}
.bbco-mini-feature img{width:130px;height:84px;object-fit:cover;border-radius:8px}
.bbco-mini-feature h3{font-size:15px;line-height:1.35;margin:5px 0;font-weight:800}
.bbco-tag{display:inline-block;color:var(--auto-red);font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:900}
.bbco-meta{font-size:12px;color:var(--auto-muted)}
.bbco-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.bbco-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bbco-card{background:#fff;border:1px solid var(--auto-line);border-radius:var(--auto-radius);overflow:hidden;min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.bbco-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,34,45,.08)}
.bbco-card-image{display:block;aspect-ratio:16/9;background:#e9eef1;overflow:hidden}
.bbco-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.bbco-card:hover .bbco-card-image img{transform:scale(1.03)}
.bbco-card-body{padding:15px}
.bbco-card h3{font-size:17px;line-height:1.38;margin:7px 0 8px;font-weight:850;letter-spacing:-.25px}
.bbco-card p{font-size:13px;color:var(--auto-muted);margin:0}
.bbco-sidebar-box{background:#fff;border:1px solid var(--auto-line);border-radius:var(--auto-radius);padding:18px;margin-bottom:18px}
.bbco-sidebar-box h3{font-size:16px;margin:0 0 13px;padding-bottom:10px;border-bottom:2px solid var(--auto-red)}
.bbco-sidebar-list{list-style:none;margin:0;padding:0}
.bbco-sidebar-list li{padding:10px 0;border-bottom:1px solid var(--auto-line);font-size:13px;font-weight:700;line-height:1.45}
.bbco-sidebar-list li:last-child{border:0}
.bbco-category-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.bbco-category-pills a{background:#fff;border:1px solid var(--auto-line);border-radius:99px;padding:7px 13px;font-size:12px;font-weight:750}
.bbco-category-pills a:hover{border-color:var(--auto-red);color:var(--auto-red)}
.bbco-article{background:#fff;border:1px solid var(--auto-line);border-radius:var(--auto-radius);padding:clamp(20px,4vw,42px)}
.bbco-article h1{font-size:clamp(30px,4vw,46px);line-height:1.16;letter-spacing:-1.1px;font-weight:950;margin:8px 0 14px}
.bbco-article .wp-block-post-featured-image img{width:100%;height:auto;border-radius:12px}
.bbco-article .wp-block-post-content{font-size:17px;line-height:1.85}
.bbco-article .wp-block-post-content h2,.bbco-article .wp-block-post-content h3{line-height:1.3;margin-top:1.7em}
.bbco-article .wp-block-post-content a{text-decoration:underline;text-decoration-color:#f0aaa8;text-underline-offset:3px}
.bbco-article .wp-block-post-content img{height:auto;max-width:100%;border-radius:10px}
.bbco-article .wp-block-post-content table{display:block;overflow-x:auto;border-collapse:collapse}
.bbco-article .wp-block-post-content th,.bbco-article .wp-block-post-content td{border:1px solid var(--auto-line);padding:10px}
.bbco-pagination{margin:26px 0}
.bbco-pagination a,.bbco-pagination span{display:inline-block;padding:9px 13px;border-radius:8px;background:#fff;border:1px solid var(--auto-line);margin:3px;font-size:13px}
.bbco-pagination .current{background:var(--auto-red);color:#fff;border-color:var(--auto-red)}
.bbco-footer{background:#111a22;color:#cbd3d9;margin-top:50px;padding:34px 18px}
.bbco-footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bbco-footer a{color:#fff}
.bbco-footer small{color:#aab5bd}
.wp-block-post-template{padding:0}
@media(max-width:900px){.bbco-hero-grid{grid-template-columns:1fr}.bbco-feature,.bbco-feature img{min-height:300px}.bbco-content-layout{grid-template-columns:1fr}.bbco-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbco-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bbco-sidebar-box{margin:0}}
@media(max-width:600px){.bbco-shell{padding:0 12px;margin:20px auto}.bbco-header{padding:14px 12px}.bbco-brand{font-size:22px}.bbco-nav{padding:0 8px}.bbco-nav-inner{gap:0}.bbco-nav a{padding:11px 9px;font-size:12px}.bbco-card-grid{grid-template-columns:1fr 1fr;gap:10px}.bbco-card-body{padding:11px}.bbco-card h3{font-size:14px}.bbco-card p{font-size:12px}.bbco-mini-feature{grid-template-columns:100px 1fr;gap:10px}.bbco-mini-feature img{width:100px;height:72px}.bbco-mini-feature h3{font-size:13px}.bbco-feature,.bbco-feature img{min-height:270px}.bbco-feature-content{left:16px;right:16px;bottom:16px}.bbco-sidebar{grid-template-columns:1fr}.bbco-article{padding:18px}.bbco-article .wp-block-post-content{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bbco-card,.bbco-card-image img{transition:none}}