/*
Theme Name: BLE Motor Hub
Theme URI: https://blemotorhub.id/
Author: BLE Motor Hub
Description: Custom WordPress theme converted from the original BLE Motor Hub static website.
Version: 1.1.0
Text Domain: ble-motor-hub
*/

/* WordPress compatibility helpers */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
img { max-width: 100%; height: auto; }
.ble-wp-content{max-width:920px;margin:0 auto;padding:140px 24px 80px;min-height:70vh;}
.ble-wp-content h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 24px;}
.ble-wp-content h2{margin-top:2.2em;}
.ble-wp-content p,.ble-wp-content li{font-size:1.05rem;line-height:1.8;}
.ble-wp-meta{opacity:.65;margin-bottom:32px;}
.ble-post-list{display:grid;gap:28px;}
.ble-post-card{border-top:1px solid currentColor;padding-top:24px;}
.ble-post-card a{text-decoration:none;color:inherit;}

/* WordPress inner pages */
body:not(.home){background:#f2efe9;color:#111;}
body:not(.home) .site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:space-between;padding:18px clamp(24px,5vw,90px);}
body:not(.home) .site-header .logo{width:165px;max-height:72px;object-fit:contain;filter:none;}
body:not(.home) .site-header nav{display:flex;gap:34px;align-items:center;}
body:not(.home) .site-header nav a{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#111;}
body:not(.home) footer{background:#111;color:#fff;padding:56px clamp(24px,5vw,90px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
body:not(.home) footer .logo{width:150px;}
.ble-archive-intro{max-width:680px;margin-bottom:50px;}
.ble-post-card h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.12;margin:.2em 0 .55em;}
.ble-post-card .text-link{display:inline-block;margin-top:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;}
.ble-404{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.ble-404 h1{font-size:clamp(5rem,14vw,11rem);margin-bottom:10px;}
.ble-404 .button{margin-top:22px;}
@media (max-width:760px){body:not(.home) .site-header{padding:14px 18px;flex-wrap:wrap;gap:12px;}body:not(.home) .site-header .logo{width:128px;}body:not(.home) .site-header nav{gap:14px;flex-wrap:wrap;}body:not(.home) .site-header nav a{font-size:10px}.ble-wp-content{padding-top:80px;}}

/* v1.2 — editorial WordPress article system */
.ble-article-page{background:#f4f1ec;min-height:100vh;padding:0 0 80px}.ble-article-shell{max-width:1240px;margin:0 auto;padding:64px 6vw 0}.ble-article-breadcrumbs{display:flex;gap:10px;align-items:center;color:#7a756e;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:52px}.ble-article-breadcrumbs a:hover{color:var(--red)}.ble-article-hero{max-width:1020px}.ble-article-kicker{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:18px}.ble-article-hero h1{font-size:clamp(48px,7.2vw,104px);line-height:.88;letter-spacing:-.075em;margin:0;max-width:1080px;font-weight:800}.ble-article-meta{display:flex;gap:18px;align-items:center;margin-top:30px;color:#6f6a63;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.ble-article-meta span+span:before{content:"•";margin-right:18px;color:var(--red)}.ble-article-cover{margin:54px 0 0;overflow:hidden;background:#ddd6cd;aspect-ratio:16/8}.ble-article-cover img{width:100%;height:100%;object-fit:cover;display:block}.ble-article-layout{display:grid;grid-template-columns:210px minmax(0,720px);gap:72px;justify-content:center;border-top:1px solid #cbc5bc;margin-top:64px;padding-top:54px}.ble-article-side{align-self:start;position:sticky;top:130px}.ble-article-side>span{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.16em}.ble-article-side p{font-size:11px!important;line-height:1.55!important;font-weight:900;letter-spacing:.08em;margin:16px 0 32px!important}.ble-article-side a{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--red);padding-bottom:5px}.ble-article-body{font-size:18px;line-height:1.82;color:#282623}.ble-article-body>p:first-child{font-size:22px;line-height:1.65;color:#4c4842;margin-top:0}.ble-article-body p{margin:0 0 26px}.ble-article-body h2{font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-.055em;margin:68px 0 22px;color:#111}.ble-article-body h3{font-size:25px;line-height:1.1;letter-spacing:-.035em;margin:46px 0 15px}.ble-article-body ul,.ble-article-body ol{padding-left:22px;margin:0 0 28px}.ble-article-body li{margin-bottom:9px}.ble-article-body blockquote{border-left:5px solid var(--red);margin:45px 0;padding:8px 0 8px 26px;font-size:24px;line-height:1.45;font-weight:700;letter-spacing:-.025em}.ble-article-body img{margin:42px 0}.ble-article-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.ble-article-cta{background:var(--ink);color:#fff;margin-top:92px;padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:40px}.ble-article-cta span{color:#fff;font-size:9px;font-weight:900;letter-spacing:.16em}.ble-article-cta h2{font-size:clamp(28px,3.8vw,48px);line-height:.95;letter-spacing:-.055em;max-width:720px;margin:12px 0 0}.ble-article-cta .button-light{white-space:nowrap}.article-index-page+.site-footer{margin-top:0}
@media(max-width:850px){.ble-article-shell{padding:42px 20px 0}.ble-article-breadcrumbs{margin-bottom:36px}.ble-article-hero h1{font-size:clamp(46px,14vw,68px)}.ble-article-meta{flex-wrap:wrap;gap:8px;margin-top:22px}.ble-article-meta span+span:before{margin-right:8px}.ble-article-cover{margin-top:36px;aspect-ratio:4/3}.ble-article-layout{grid-template-columns:1fr;gap:32px;margin-top:42px;padding-top:34px}.ble-article-side{position:static;border-bottom:1px solid #cbc5bc;padding-bottom:28px}.ble-article-side p{margin-bottom:18px!important}.ble-article-body{font-size:16px;line-height:1.75}.ble-article-body>p:first-child{font-size:19px}.ble-article-body h2{margin-top:52px}.ble-article-cta{margin-top:65px;padding:32px 24px 95px;flex-direction:column;align-items:flex-start}.ble-article-cta .button{width:100%}}