/*
Theme Name: GoTOM Rent App
Author: GoTOM / PT. Transportasi Optima Mandiri
Description: Mobile-first app theme untuk GoTOM Rent Marketplace. Terintegrasi dengan plugin melalui shortcode [gotom_rent].
Version: 1.1.0
Text Domain: gotom-rent-app
*/
:root{
 --gotom-blue:#0b4dbb;--gotom-blue2:#0c63d9;--gotom-bg:#f4f7fb;
 --gotom-ink:#10213a;--gotom-muted:#718096;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--gotom-bg);color:var(--gotom-ink)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.site-header{height:64px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:9999}
.site-brand{display:flex;align-items:center;gap:10px;font-weight:800}
.site-brand-mark{width:36px;height:36px;border-radius:11px;background:var(--gotom-blue);color:#fff;display:grid;place-items:center;font-weight:800}
.site-brand-name{font-size:16px;line-height:1.05}.site-brand-sub{display:block;color:#8a96a6;font-size:9px;font-weight:500;margin-top:2px}
.site-nav{display:flex;gap:18px;font-size:12px;color:#617087;font-weight:700}
.site-nav a:hover{color:var(--gotom-blue)}
.site-menu-btn{display:none;border:0;background:#edf4ff;color:var(--gotom-blue);border-radius:10px;width:38px;height:38px}
.site-main{min-height:calc(100vh - 64px)}
.site-footer{padding:22px 16px 100px;text-align:center;color:#8793a5;font-size:10px;background:#fff;border-top:1px solid #e8edf3}
.gotom-theme-wrap{width:100%}

/* Remove duplicate plugin header: theme owns the single app header. */
.gotom-theme-wrap .gotom-top{display:none!important}

/* App container */
.gotom-theme-wrap .gotom-app{
 margin:0 auto;max-width:1180px;min-height:calc(100vh - 64px);
 border-radius:0;overflow:visible;box-shadow:none;background:var(--gotom-bg);
 padding-bottom:88px;
}

/* Strong mobile-app treatment */
.gotom-theme-wrap .gotom-hero{
 border-radius:0 0 24px 24px;
 padding:34px 6%;
 min-height:240px;
}
.gotom-theme-wrap .search-card{z-index:3}
.gotom-theme-wrap .vehicle-card{box-shadow:0 2px 10px rgba(16,33,58,.05)}
.gotom-theme-wrap .vehicle-card:hover{transform:none}

/* Fixed bottom navigation */
.gotom-theme-wrap .bottom-nav{
 position:fixed!important;
 left:0!important;right:0!important;bottom:0!important;
 width:100%!important;height:70px!important;
 background:rgba(255,255,255,.98)!important;
 border-top:1px solid #e4e9ef!important;
 box-shadow:0 -8px 24px rgba(16,33,58,.08)!important;
 display:flex!important;justify-content:center!important;
 gap:0!important;z-index:99999!important;
 padding-bottom:env(safe-area-inset-bottom);
}
.gotom-theme-wrap .bottom-nav a{
 flex:1;max-width:130px;width:auto!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 padding:7px 4px 5px!important;
 color:#9aa7b7!important;font-size:20px!important;
 line-height:1!important;
 cursor:pointer;
}
.gotom-theme-wrap .bottom-nav a span{
 display:block!important;font-size:9px!important;
 margin-top:5px!important;font-weight:600!important;
}
.gotom-theme-wrap .bottom-nav a.active{color:var(--gotom-blue)!important}
.gotom-theme-wrap .bottom-nav a.active span{font-weight:800}

/* Keep content clear of fixed navigation */
.gotom-theme-wrap .trust-strip{margin-bottom:12px}

@media(max-width:700px){
 .site-header{height:60px}
 .site-nav{display:none;position:absolute;left:12px;right:12px;top:66px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.12);flex-direction:column;gap:4px}
 .site-nav.is-open{display:flex}
 .site-nav a{padding:10px}
 .site-menu-btn{display:block}
 .site-main{min-height:calc(100vh - 60px)}
 .gotom-theme-wrap .gotom-app{min-height:calc(100vh - 60px)}
 .gotom-theme-wrap .gotom-hero{padding:32px 20px 42px}
 .gotom-theme-wrap .gotom-hero h1{font-size:30px}
 .gotom-theme-wrap .search-card{margin-left:14px;margin-right:14px}
 .gotom-theme-wrap .gotom-main{padding-left:14px;padding-right:14px}
 .gotom-theme-wrap .section-head h2{font-size:22px}
 .gotom-theme-wrap .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .gotom-theme-wrap .vehicle-card>img{height:128px}
 .gotom-theme-wrap .vehicle-body{padding:10px}
 .gotom-theme-wrap .vehicle-body h3{font-size:13px;line-height:1.25}
 .gotom-theme-wrap .vehicle-body p{font-size:10px}
 .gotom-theme-wrap .price-row{display:block}
 .gotom-theme-wrap .price-row strong{font-size:15px}
 .gotom-theme-wrap .rent-btn{width:100%;margin:9px 0 0}
 .gotom-theme-wrap .trust-strip{margin-left:14px;margin-right:14px}
}
@media(min-width:701px){
 .gotom-theme-wrap .bottom-nav{position:sticky!important;bottom:0!important;max-width:760px;margin:24px auto 0;border:1px solid #e4e9ef!important;border-radius:18px 18px 0 0}
}