/*
Theme Name: YoCars Goa
Theme URI: https://yocarsgoa.com
Author: YoCars Goa
Description: Custom tourist-oriented car rental and taxi service WordPress theme.
Version: 1.0.0
Text Domain: yocars-goa
*/

:root {
    --primary: #FF5A5F;
    --secondary: #00A699;
    --dark: #0F172A;
    --light: #F8FAFC;
    --white: #FFFFFF;
    --gray: #64748B;
    --whatsapp: #25D366;
    --badge-bg: #EFE8DE;
    --badge-text: #B28362;
    --green-btn: #415245;
    --section-bg: #F5F1E9;
    --shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08);
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Plus Jakarta Sans", sans-serif; scroll-behavior: smooth; }
body { background-color: var(--light); color: var(--dark); line-height: 1.6; padding-top: 110px; }
a { text-decoration: none; color: inherit; }
.top-bar { position: fixed; top: 0; width: 100%; background: var(--dark); color: #FFF; font-size: 0.85rem; padding: 0.5rem 2rem; z-index: 1001; }
.top-bar-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
header { position: fixed; top: 36px; width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.navbar { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 2rem; }
.logo-img { height: 48px; width: auto; }
.nav-links { display: flex; gap: 1.8rem; list-style: none; }
.nav-links a { font-weight: 600; color: var(--dark); }
.btn-whatsapp { background: var(--whatsapp); color: #FFF; padding: 0.65rem 1.25rem; border-radius: 50px; font-weight: 700; display: inline-flex; align-items: center; gap: 0.5rem; }
.btn-primary { background: var(--primary); color: #FFF; padding: 0.65rem 1.25rem; border-radius: 50px; font-weight: 700; border: none; cursor: pointer; }
.float-wa { position: fixed; bottom: 25px; right: 25px; background: var(--whatsapp); color: #FFF; border-radius: 50px; padding: 12px 20px; display: flex; align-items: center; gap: 10px; font-weight: 700; box-shadow: 0 10px 20px rgba(0,0,0,0.2); z-index: 9999; }
.hero { padding: 3rem 2rem 4rem; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3rem; align-items: center; }
.hero-card { background: #FFF; padding: 2rem; border-radius: 24px; box-shadow: var(--shadow); }
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; font-weight: 600; margin-bottom: 0.4rem; font-size: 0.85rem; }
.form-group input, .form-group select { width: 100%; padding: 0.75rem; border: 1px solid #E2E8F0; border-radius: 10px; outline: none; }
.testimonials-section { background-color: var(--section-bg); padding: 5rem 2rem; }
.testimonials-container { max-width: 1250px; margin: 0 auto; display: grid; grid-template-columns: 380px 1fr; gap: 2rem; }
.reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.review-card { background: #FFF; border-radius: 24px; padding: 2rem; }
footer { background: var(--dark); color: #FFF; padding: 4rem 2rem 2rem; }
.footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2.5rem; }