/*
Theme Name: Barkah Rentcar Solo Premium
Theme URI: https://www.barkahrentsolo.com/
Author: Barkah Rentcar Solo
Description: Tema WordPress premium dan mudah diedit untuk Barkah Rentcar Solo. Armada, layanan, testimoni, kontak, WhatsApp, dan tampilan dapat dikelola dari Dashboard WordPress.
Version: 2.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: barkah-rentcar-solo
*/

:root{
 --black:#090b0d;--black2:#111519;--gold:#f5b82e;--gold2:#ffc94d;
 --white:#fff;--muted:#8e98a4;--line:#252b31;--green:#19b957;
 --bg:#f5f6f7;--card:#fff;--shadow:0 18px 55px rgba(0,0,0,.10);--radius:20px;--max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:#15191e;line-height:1.6}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;height:auto}
.container{width:min(var(--max),92%);margin:auto}
.top{background:#050607;color:#dfe4e8;font-size:12px;border-bottom:1px solid #1d2227}
.top-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-wa-link{display:inline-flex;align-items:center;gap:7px;color:#dfe4e8;text-decoration:none;white-space:nowrap}
.top-wa-link:hover{color:#fff}.wa-mini{width:15px;height:15px;display:inline-flex;flex:0 0 15px}.wa-mini svg,.wa-icon svg{width:100%;height:100%;display:block;fill:currentColor}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(9,11,13,.97);backdrop-filter:blur(14px);border-bottom:1px solid #20252a}
.nav{min-height:76px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:24px;position:relative}
.logo{display:flex;align-items:center;width:190px;height:70px;overflow:hidden}
.logo-image{display:block;width:190px;height:auto;max-height:68px;object-fit:contain;object-position:left center;background:transparent}
.navlinks{min-width:0;display:flex;justify-content:center;align-items:center}
.primary-menu{display:flex;align-items:center;justify-content:center;gap:22px;margin:0;padding:0;list-style:none}
.primary-menu li{margin:0;padding:0;list-style:none}.primary-menu a{display:block;color:#fff;opacity:.9;font-size:12px;font-weight:800;letter-spacing:.2px;padding:10px 0;white-space:nowrap}.primary-menu a:hover{color:var(--gold);opacity:1}
.nav-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #85651e;border-radius:10px;padding:10px 13px;color:var(--gold);font-size:12px;font-weight:900;white-space:nowrap;min-width:128px}
.nav-wa:hover{background:rgba(245,184,46,.08);border-color:var(--gold)}
.wa-icon{width:19px;height:19px;display:inline-flex;flex:0 0 19px}.menu{display:none;background:none;border:0;color:#fff;padding:9px;width:44px;height:44px;cursor:pointer}.menu span{display:block;width:24px;height:2px;background:#fff;margin:5px auto;border-radius:2px}
.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background-position:center;background-size:cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--black2))}
.hero-content{position:relative;z-index:2;padding:90px 0 125px;color:#fff;max-width:700px}
.kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.hero h1{font-size:clamp(43px,6vw,76px);line-height:.98;letter-spacing:-2.8px;margin:17px 0 22px}
.hero h1 span{color:var(--gold)}
.hero p{font-size:18px;color:#d7dde2;max-width:620px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:11px;border:1px solid transparent;font-weight:900;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#111}.btn-outline{border-color:#727a82;color:#fff;background:rgba(0,0,0,.15)}.btn-green{background:var(--green);color:#fff}
.quick{position:relative;z-index:5;margin-top:-62px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#111519;color:#fff;border:1px solid #252b31;border-radius:17px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.22)}
.quick-item{padding:23px 25px;border-right:1px solid #2a3035}.quick-item:last-child{border:0}.quick-item b{display:block;color:#fff}.quick-item span{color:#9ca6af;font-size:13px}.icon{color:var(--gold);font-size:23px;margin-bottom:4px}
section{padding:88px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.section-title h2{margin:0;font-size:clamp(30px,4vw,47px);line-height:1.05;color:var(--black);letter-spacing:-1.4px}.section-title p{margin:0;color:#68737e;max-width:540px}.gold{color:#c68a08}
.fleet{background:#fff}.fleet-layout{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}.fleet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.car{background:#fff;border:1px solid #e2e5e8;border-radius:17px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.06);transition:.28s}.car:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.11)}
.car-photo{height:215px;position:relative;overflow:hidden;background:#dfe4e7}.car-photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.car:hover img{transform:scale(1.045)}
.num{position:absolute;top:13px;left:13px;background:var(--gold);color:#111;font-weight:900;border-radius:7px;padding:5px 8px;font-size:12px}
.car-body{padding:17px}.car-body h3{margin:0 0 7px;font-size:20px}.car-body p{margin:0 0 13px;color:#69747e;font-size:13px}.meta{display:flex;gap:13px;color:#59636d;font-size:12px;margin-bottom:14px}.car-body .btn{width:100%;padding:11px}
.booking-card{position:sticky;top:100px;background:#fff;border-radius:18px;padding:24px;border:1px solid #e0e3e6;box-shadow:var(--shadow)}.booking-card h3{font-size:27px;margin:0 0 4px}.booking-card>p{color:#77818a;font-size:13px;margin-top:0}
.field{margin-top:12px}.field label{font-size:12px;font-weight:900;display:block;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid #dfe3e6;border-radius:9px;padding:11px 12px;outline:0;background:#fff}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,184,46,.13)}.booking-card .btn{width:100%;margin-top:15px}.note{font-size:10px;color:#8b949c;text-align:center;margin:10px 0 0}
.services{background:#101417;color:#fff}.services .section-title h2{color:#fff}.services .section-title p{color:#aab3bb}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service{padding:25px;border:1px solid #282f35;border-radius:17px;background:#151a1e;transition:.25s}.service:hover{border-color:#9b731d;transform:translateY(-3px)}.service .big{font-size:31px;color:var(--gold)}.service h3{margin:10px 0 7px}.service p{margin:0;color:#9da7af;font-size:13px}

.testi{background:#fff}.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.testi-card{border:1px solid #e1e5e8;border-radius:18px;padding:28px;min-height:260px}.quote{font-size:40px;color:var(--gold);line-height:1}.review-form input,.review-form textarea{margin-bottom:10px}
.articles{background:#f4f5f6}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article{background:#fff;border-radius:17px;overflow:hidden;border:1px solid #e0e4e7}.article img{height:180px;width:100%;object-fit:cover}.article-body{padding:20px}.article small{color:#b07800;font-weight:900}.article h3{margin:7px 0;font-size:20px}.article p{color:#717b84;font-size:13px}.article a{color:#a36d00;font-weight:900}
.contact{background:#0e1215;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-box{padding:34px;border:1px solid #282f35;border-radius:18px;background:#14191d}.contact-box h2{font-size:37px;line-height:1.1;margin-top:0}.contact-line{padding:14px 0;border-bottom:1px solid #282f35}.contact-line:last-child{border:0}.contact-line b{display:block;color:var(--gold)}
footer{background:#07090a;color:#8e979f;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer-grid h3{color:#fff;margin-top:0}.footer-grid a:hover{color:var(--gold)}.copyright{border-top:1px solid #22272b;margin-top:35px;padding-top:20px;font-size:12px}
.float-wa{position:fixed;right:22px;bottom:22px;width:61px;height:61px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:29px;z-index:200;box-shadow:0 15px 35px rgba(25,185,87,.35);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(25,185,87,.35),0 15px 35px rgba(25,185,87,.2)}50%{box-shadow:0 0 0 12px rgba(25,185,87,0),0 15px 35px rgba(25,185,87,.2)}}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:950px){
 .nav{grid-template-columns:1fr auto auto;min-height:68px;gap:10px}.logo{width:170px;height:60px}.logo-image{width:170px;max-height:58px}.navlinks{display:none}.navlinks.mobile{display:flex;position:absolute;top:68px;left:0;right:0;background:#090b0d;padding:18px 5%;flex-direction:column;align-items:flex-start;gap:16px;border-bottom:1px solid #252b31;box-shadow:0 15px 30px rgba(0,0,0,.28)}.navlinks.mobile a{display:block;width:100%}.menu{display:block}.nav-wa{display:none}
 .quick-grid{grid-template-columns:1fr 1fr}.quick-item:nth-child(2){border-right:0}.quick-item:nth-child(-n+2){border-bottom:1px solid #2a3035}
 .fleet-layout{grid-template-columns:1fr}.booking-card{position:relative;top:auto}.service-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .top .container{min-height:0;padding:8px 0;justify-content:center;text-align:center}.top .container span:last-child{display:none}
 .nav{min-height:68px}.logo-image{width:165px;max-height:54px}
 .hero{min-height:650px}.hero-content{padding:70px 0 110px}.hero h1{font-size:48px}.hero p{font-size:16px}
 .quick-grid{grid-template-columns:1fr}.quick-item{border-right:0!important;border-bottom:1px solid #2a3035!important}.quick-item:last-child{border-bottom:0!important}
 section{padding:65px 0}.section-title{display:block}.section-title p{margin-top:12px}
 .fleet-grid,.testi-grid,.contact-grid,.service-grid,.article-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}.float-wa{width:55px;height:55px;right:16px;bottom:16px}
}

/* WhatsApp & transparent logo */
.top-wa-link{color:inherit;text-decoration:none}.top-wa-link:hover{text-decoration:underline}.nav-wa{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important}.wa-icon,.wa-round-icon,.wa-inline-icon{display:inline-flex;align-items:center;justify-content:center}.wa-icon{width:20px;height:20px}.wa-round-icon{width:32px;height:32px}.wa-inline-icon{width:20px;height:20px;vertical-align:-5px;margin-right:7px}.wa-icon svg,.wa-round-icon svg,.wa-inline-icon svg,.float-wa svg{width:100%;height:100%;display:block;fill:currentColor}.quick-wa-link,.contact-wa-link,.footer-wa a{color:inherit;text-decoration:none}.quick-wa-link:hover,.contact-wa-link:hover,.footer-wa a:hover{text-decoration:underline}.footer-wa{font-size:20px;font-weight:900}.footer-wa a{display:inline-flex;align-items:center}.float-wa{display:flex!important;align-items:center;justify-content:center}.float-wa svg{width:31px;height:31px}

/* Header/navbar stability overrides */
@media (max-width:1100px) and (min-width:951px){
 .nav{grid-template-columns:170px minmax(0,1fr) auto;gap:14px}.logo{width:170px}.logo-image{width:170px;max-height:62px}.primary-menu{gap:14px}.primary-menu a{font-size:11px}.nav-wa{min-width:112px;padding:9px 10px}.nav-wa-label{font-size:11px}
}
@media (max-width:950px){
 .nav{min-height:68px;display:grid;grid-template-columns:1fr auto;gap:10px}.logo{width:175px;height:62px}.logo-image{width:175px;max-height:58px}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#090b0d;border-top:1px solid #20252a;box-shadow:0 18px 35px rgba(0,0,0,.28);padding:8px 5% 16px}.navlinks.mobile{display:block}.primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}.primary-menu li{border-bottom:1px solid #20252a}.primary-menu li:last-child{border-bottom:0}.primary-menu a{padding:13px 4px;font-size:13px;width:100%}.nav-wa{display:none}.menu{display:block;justify-self:end}
}
@media (max-width:650px){
 .top-inner{min-height:34px;justify-content:center}.top-inner>span{font-size:11px}.top-wa-link{display:none}.nav{min-height:64px}.logo{width:155px;height:58px}.logo-image{width:155px;max-height:54px}.menu{width:42px;height:42px}
}

.barkah-form-notice{position:fixed;right:20px;bottom:20px;z-index:9999;max-width:420px;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #dfe5e8;box-shadow:0 12px 30px rgba(0,0,0,.14);font-size:14px}.barkah-form-notice.success{border-left:4px solid #2e9d5b}.barkah-form-notice.error{border-left:4px solid #c74b4b}


/* Google Login / Account */
.barkah-login-card,.barkah-account-card{max-width:520px;margin:50px auto;padding:32px;border-radius:18px;background:#fff;box-shadow:0 15px 45px rgba(0,0,0,.08);text-align:center}
.barkah-google-login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border:1px solid #dadce0;border-radius:10px;background:#fff;color:#202124;text-decoration:none;font-weight:600;box-sizing:border-box}
.barkah-google-login:hover{box-shadow:0 2px 8px rgba(0,0,0,.16);transform:translateY(-1px)}
.barkah-google-g{display:grid;place-items:center;width:24px;height:24px;font-size:18px;font-weight:700;font-family:Arial,sans-serif}
.barkah-google-config-note{font-size:13px;color:#777}
.barkah-account-button{display:inline-block;margin-top:16px;padding:11px 20px;border-radius:8px;text-decoration:none}