/*
Theme Name: RUSH CARZ
Theme URI: https://rushcarz.com/
Author: RUSH CARZ
Author URI: https://rushcarz.com/
Description: Premium self-drive car rental WordPress theme for RUSH CARZ Bangalore. Fully responsive, featuring live WhatsApp booking integration, fleet category filtering, interactive booking modal, customizable hubs, Partner With Us models, and comprehensive Bangalore location-based SEO landing templates.
Version: 1.0.4
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rushcarz
Tags: automotive, car-rental, self-drive, responsive-layout, custom-logo, custom-menu, translation-ready
*/

/* Core styles are loaded from assets/css/main.css */

/* ==========================================================================
   RUSH CARZ - OFFICIAL BRANDING & CRITICAL SVG / COMPONENT FIXES
   ========================================================================== */

/* 1. Global SVG Safety Constraints */
svg {
    box-sizing: border-box;
}

/* 2. Strict SVG sizing for WhatsApp & Phone icons in buttons and enquiry form */
.btn-whatsapp svg,
.btn-call svg,
#enquiry-form button svg,
form button[type="submit"] svg,
a[href*="wa.me"] svg,
a[href*="tel:"] svg {
    flex-shrink: 0 !important;
}

/* WhatsApp Icon constraints - prevents giant green square bug */
svg.whatsapp-icon,
svg[viewBox="0 0 24 24"][fill="currentColor"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

/* Header & Floating action specific icon sizing */
.fixed.bottom-4.right-4 a svg,
aside.fixed a svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

@media (min-width: 640px) {
    .fixed.bottom-4.right-4 a svg,
    aside.fixed a svg {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
    }
}

/* 3. Hero Enquiry Submit Button Layout */
#enquiry-form button[type="submit"],
form button[type="submit"].bg-\[\#25D366\],
button.hero-whatsapp-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 14px 26px !important;
    background-color: #25D366 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    box-shadow: 0 10px 15px -3px rgba(37, 211, 102, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.2s ease-in-out !important;
}

#enquiry-form button[type="submit"]:hover,
form button[type="submit"].bg-\[\#25D366\]:hover,
button.hero-whatsapp-submit:hover {
    background-color: #20BA5A !important;
    box-shadow: 0 14px 20px -3px rgba(37, 211, 102, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Ensure CTA text inside the submit button is always prominent and never squashed */
#enquiry-form button[type="submit"] span,
form button[type="submit"].bg-\[\#25D366\] span,
button.hero-whatsapp-submit span {
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 0.025em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

/* Send plane icon in submit button */
#enquiry-form button[type="submit"] svg.lucide-send,
form button[type="submit"] svg.lucide-send,
button.hero-whatsapp-submit svg.lucide-send {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    stroke: #ffffff !important;
    flex-shrink: 0 !important;
}

/* 4. Button Utility Helpers */
.btn-primary {
    background-color: #155B2D !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
    transition: all 0.2s ease !important;
}
.btn-primary:hover {
    background-color: #104622 !important;
}

.btn-whatsapp {
    background-color: #25D366 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    transition: all 0.2s ease !important;
}
.btn-whatsapp:hover {
    background-color: #20BA5A !important;
}

.btn-call {
    background-color: #F7F5ED !important;
    color: #155B2D !important;
    border: 1px solid #E5E0CF !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    transition: all 0.2s ease !important;
}
.btn-call:hover {
    background-color: #ECE7D5 !important;
}