/*
Theme Name: Rental Mobil Solo Ultra
Theme URI: https://barkahrentsolo.com/
Author: KOREK
Author URI: https://barkahrentsolo.com/
Description: Tema WordPress lengkap untuk jasa rental mobil Solo: landing page, galeri 10 gambar, booking WhatsApp + validasi, testimoni (Google/WA demo), Google Maps, blog wisata Jateng, schema JSON-LD, halaman harga, widget sidebar booking, shortcode booking, Customizer WA & Google Client ID. Desain gradasi merah-emas, ringan dan SEO-friendly.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rental-mobil-solo-ultra
*/

*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:#333;background:#fafafa;line-height:1.6}
a{color:inherit;text-decoration:none}

/* Header */
.site-header{position:sticky;top:0;z-index:999;background:rgba(178,34,34,.9);backdrop-filter:saturate(120%) blur(6px);transition:background .3s,box-shadow .3s,padding .3s}
.site-header.scrolled{background:linear-gradient(90deg,#b22222,#daa520);box-shadow:0 6px 16px rgba(0,0,0,.15)}
.header-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo img{max-height:60px;filter:brightness(1.08) saturate(1.05)} /* logo sedikit lebih terang */
.site-title{color:#fff;font-weight:800}

/* Nav */
.main-nav .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:18px;flex-wrap:wrap}
.main-nav .nav-menu a{color:#fff;font-weight:600;padding:8px 10px;border-radius:10px;transition:background .2s}
.main-nav .nav-menu a:hover{background:rgba(255,255,255,.18)}

/* WhatsApp CTA */
.whatsapp-btn{background:#25D366;color:#fff!important;padding:10px 16px;border-radius:999px;font-weight:800;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 14px rgba(0,0,0,.18);transition:transform .2s,filter .2s}
.whatsapp-btn:hover{transform:translateY(-1px);filter:saturate(110%)}
.whatsapp-btn .dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.9}

/* Hero */
.hero{display:grid;place-items:center;text-align:center;padding:84px 20px;background:radial-gradient(1200px 400px at 50% -10%,rgba(255,215,0,.35),transparent),linear-gradient(160deg,#111 10%,#5a0d0d 60%,#b22222 100%);color:#fff}
.hero h2{font-size:2rem;margin:0 0 12px}
.hero p{max-width:760px;opacity:.92}
.hero .cta{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Sections */
section{max-width:1200px;margin:40px auto;padding:0 20px}
section h2{margin:0 0 14px}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
.gallery-grid img{width:100%;height:160px;object-fit:cover;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .2s}
.gallery-grid img:hover{transform:translateY(-2px)}

/* Cards / Grids */
.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 20px rgba(0,0,0,.06)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid-3{grid-template-columns:1fr}}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#f1f5f9;font-size:.8rem}

/* Booking (landing) */
#booking form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#fff;padding:16px;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.06)}
#booking input,#booking select,#booking textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:10px;font:inherit}
#booking textarea{grid-column:span 2;min-height:90px}
#booking button{grid-column:span 2;padding:12px 16px;border:0;border-radius:12px;background:linear-gradient(90deg,#daa520,#b22222);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.16)}
#booking button:hover{filter:saturate(110%)}
.field-error{border:2px solid #dc2626!important}

/* Testimoni */
.testi-card{background:#fff;padding:16px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.06)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.testi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.testi-grid{grid-template-columns:1fr}}
.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.google-btn,.wa-verify-btn{border:0;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}
.google-btn{background:#fff;border:1px solid #e5e7eb}
.wa-verify-btn{background:#25D366;color:#fff}

/* Map */
.map-embed iframe{width:100%;height:360px;border:0;border-radius:16px;box-shadow:0 8px 18px rgba(0,0,0,.06)}

/* Footer */
.site-footer{background:#111;color:#ddd;padding:26px 20px}
.site-footer .footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.site-footer a{color:#fff;opacity:.9}
.site-footer a:hover{opacity:1}
.site-footer .brand{color:#ffd700;font-weight:800;letter-spacing:.3px}
@media(max-width:800px){.site-footer .footer-inner{grid-template-columns:1fr}}

/* Sidebar */
.sidebar{padding:16px}
.widget{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 20px rgba(0,0,0,.06);margin-bottom:16px}
.widget h3{margin-top:0}