/*
Theme Name: Furious Child Theme
Theme URI: https://jayrentcar.com
Description: Furious Child Theme for Jay Rent Car with Apple San Francisco Typography & Minimalist Black & White Palette
Author: Jay Rent Car
Version: 1.2.0
Template: furious
*/

@import url('https://fonts.cdnfonts.com/css/sf-pro-display');

/* ==========================================================================
   01. APPLE MONOCHROME DESIGN SYSTEM & COLOR TOKENS
   ========================================================================== */
:root {
    --color-primary: #000000 !important;
    --color-primary-rgb: 0, 0, 0 !important;
    --jay-primary: #000000 !important;
    --jay-primary-hover: #27272a !important;
    --jay-dark: #000000 !important;
    
    /* Apple SF Pro Font Tokens */
    --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    --font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.theme-color-1,
.theme-color-2,
.theme-color-3 {
    --color-primary: #000000 !important;
}

/* ==========================================================================
   02. APPLE SAN FRANCISCO TYPOGRAPHY
   ========================================================================== */
html, body, button:not(#wpadminbar *), input:not(#wpadminbar *), select:not(#wpadminbar *), textarea:not(#wpadminbar *),
h1, h2, h3, h4, h5, h6, p:not(#wpadminbar *), a:not(#wpadminbar *), span:not(#wpadminbar *), li:not(#wpadminbar *),
.title, .heading, .navbar-nav, .nav-link,
.elementor, .elementor *:not(i):not([class*="fa-"]):not([class*="fal"]):not([class*="fas"]):not([class*="fab"]):not([class*="eicon"]):not([class*="dashicons"]), .elementor-heading-title,
.product-title, .btn, .new-price, .old-price,
.header-area *:not(i):not([class*="fa-"]), .footer-area *:not(i):not([class*="fa-"]) {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", -apple-system-body, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

h1, h2, h3, h4, h5, h6,
.title, .elementor-heading-title, .product-title {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: -0.025em !important;
    font-weight: 700 !important;
    color: #000000;
}

body, p, li, .elementor-widget-text-editor, .car-description {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: -0.011em !important;
    line-height: 1.65;
    color: #27272a;
}

/* ==========================================================================
   03. LOGO SIZING & ALIGNMENT
   ========================================================================== */
.main-navbar .navbar-brand,
.main-responsive-nav .logo {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

.main-navbar .navbar-brand img,
.main-responsive-nav .logo img,
.header-area .logo img,
.header-area .navbar-brand img {
    height: 40px !important;
    width: auto !important;
    max-height: 40px !important;
    max-width: 180px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    display: inline-block !important;
    transition: transform 0.2s ease-in-out;
}

.footer-widget .navbar-brand,
.footer-widget .logo {
    display: block !important;
    margin-bottom: 20px !important;
}

.footer-widget .navbar-brand img,
.footer-area img[src*="CONTENIDO_DEL_RENT_CAR"] {
    height: 64px !important;
    width: auto !important;
    max-height: 64px !important;
    object-fit: contain !important;
    display: inline-block !important;
}

/* ==========================================================================
   04. BLACK & WHITE BUTTONS & INTERACTIVE ELEMENTS
   ========================================================================== */
.btn-primary,
.theme-color-1 .btn-primary,
.btn-md.btn-primary,
.btn-lg.btn-primary,
button[type="submit"],
.wpcf7-submit {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    transition: all 0.2s ease !important;
}

.btn-primary:hover,
.theme-color-1 .btn-primary:hover,
.btn-md.btn-primary:hover,
.btn-lg.btn-primary:hover,
button[type="submit"]:hover,
.wpcf7-submit:hover {
    background-color: #27272a !important;
    border-color: #27272a !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Outline Buttons */
.btn-outline-dark,
.btn-outline-primary {
    border: 1.5px solid #000000 !important;
    color: #000000 !important;
    background: transparent !important;
    border-radius: 8px !important;
}
.btn-outline-dark:hover,
.btn-outline-primary:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   05. NIKE-INSPIRED MINIMALIST LUXURY BLACK HEADER
   ========================================================================== */
.header-area,
.header-area.header-1,
.header-area.is-sticky,
.header-area .main-navbar {
    background: #000000 !important;
    background-color: #000000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    transition: background 0.25s ease !important;
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 !important;
}

.header-area .main-navbar .container,
.header-area .main-navbar .container-fluid,
.nike-header-container {
    max-width: 1440px !important;
    width: 100% !important;
    height: 74px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
}

.nike-navbar,
.main-navbar .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* -------------------------------------------------------------
   LEFT: Nike-Style Brand Logo
   ------------------------------------------------------------- */
.nike-nav-left {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 180px !important;
}

.nike-logo-link,
.main-navbar .navbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
}

.nike-logo-img,
.main-navbar .navbar-brand img,
.main-responsive-nav .logo img,
.header-area .logo img,
.header-area .navbar-brand img {
    height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    max-width: 190px !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 0 !important;
    transition: opacity 0.2s ease !important;
}

.nike-logo-link:hover img,
.main-navbar .navbar-brand:hover img {
    opacity: 0.8 !important;
}

/* -------------------------------------------------------------
   CENTER: Typographic Menu (Uncluttered, Generous Spacing, No Pills)
   ------------------------------------------------------------- */
.nike-nav-center,
.main-navbar .navbar .navbar-collapse {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.nike-menu-list,
.main-navbar .navbar .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 40px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

.nike-menu-list .nav-item,
.main-navbar .navbar .nav-item {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.nike-menu-list .nav-link,
.main-navbar .navbar .nav-link {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.015em !important;
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
}

.nike-menu-list .nav-link:hover,
.main-navbar .navbar .nav-link:hover {
    color: #ffffff !important;
    opacity: 0.65 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.nike-menu-list .active > .nav-link,
.nike-menu-list .nav-item.current-menu-item > .nav-link,
.nike-menu-list .nav-item.current_page_item > .nav-link,
.main-navbar .navbar .active > .nav-link,
.main-navbar .navbar .nav-item.current-menu-item > .nav-link,
.main-navbar .navbar .nav-item.current_page_item > .nav-link {
    color: #ffffff !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* -------------------------------------------------------------
   RIGHT: Icons & Signature White Circular Action Button
   ------------------------------------------------------------- */
.nike-nav-right,
.main-navbar .more-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    min-width: 180px !important;
}

/* Clean Outline Icons (Search, User, Wishlist) */
.nike-icon-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.nike-icon-btn:hover {
    opacity: 0.7 !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
    background: transparent !important;
}

.nike-icon-btn svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
}

/* Minimalist Language Switcher (TranslatePress) */
.nike-lang-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nike-lang-wrapper .trp-header-language,
.trp-header-language {
    margin: 0 !important;
    padding: 0 !important;
}

.trp-header-language .trp-shortcode-switcher__wrapper {
    --bg: transparent !important;
    --bg-hover: rgba(255, 255, 255, 0.08) !important;
    --text: #ffffff !important;
    --text-hover: #ffffff !important;
    --border: none !important;
    --border-color: transparent !important;
    --border-radius: 6px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: background 0.15s ease !important;
}

.trp-header-language .trp-shortcode-switcher__wrapper:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.trp-header-language .trp-language-item {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    padding: 0 !important;
}

.trp-header-language .trp-language-item img.trp-flag-image {
    width: 17px !important;
    height: 13px !important;
    border-radius: 2px !important;
}

.trp-header-language .trp-shortcode-arrow path {
    stroke: #ffffff !important;
}

.trp-header-language .trp-switcher-dropdown-list {
    background: #111113 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85) !important;
    padding: 4px 0 !important;
    min-width: 130px !important;
}

.trp-header-language .trp-switcher-dropdown-list .trp-language-item {
    color: #e4e4e7 !important;
    padding: 8px 14px !important;
    width: 100% !important;
    display: flex !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

.trp-header-language .trp-switcher-dropdown-list .trp-language-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* Signature Nike Solid Circular Action Button (White Circle, Black Icon) */
.nike-circle-action-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #000000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2) !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, background 0.2s ease !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}

.nike-circle-action-btn:hover {
    transform: scale(1.08) !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 4px 18px rgba(255, 255, 255, 0.38) !important;
}

.nike-circle-action-btn:active {
    transform: scale(0.96) !important;
}

.nike-circle-action-btn svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    stroke: #000000 !important;
}

/* -------------------------------------------------------------
   MOBILE RESPONSIVE HEADER
   ------------------------------------------------------------- */
@media (max-width: 991.98px) {
    .main-navbar {
        display: none !important;
    }

    .main-responsive-nav {
        display: block !important;
        background: #000000 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 14px 20px !important;
    }

    .main-responsive-nav .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
        max-width: 100% !important;
    }

    .main-responsive-nav .logo img {
        height: 36px !important;
        max-height: 36px !important;
        width: auto !important;
    }

    .mobile-header-actions {
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
    }

    .menu-toggler {
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
    }

    .menu-toggler span {
        background: #ffffff !important;
        height: 2px !important;
        width: 22px !important;
        display: block !important;
        margin: 2.5px 0 !important;
        border-radius: 1px !important;
        transition: all 0.25s ease !important;
    }

    .menu-toggler.active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }

    .menu-toggler.active span:nth-child(2) {
        opacity: 0 !important;
    }

    .menu-toggler.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }

    .header-area .mobile-menu {
        background: #0d0d10 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .header-area .mobile-menu .nav-link {
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding: 13px 20px !important;
        background: transparent !important;
    }

    .header-area .mobile-menu .more-option {
        padding: 16px 20px !important;
        display: flex !important;
        gap: 14px !important;
    }
}

/* ==========================================================================
   06. FLEET CARDS (APPLE WHITE & BLACK MINIMALISM)
   ========================================================================== */
/* Hide Author on Cards */
.product-default .author {
    display: none !important;
}

/* Card Container */
.product-default {
    background: #ffffff !important;
    border: 1px solid #e5e5ea !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.25s ease !important;
    overflow: hidden;
}
.product-default:hover {
    border-color: #a1a1aa !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px);
}

/* Category Badge (Monochrome Pill) */
.product-default .product-category {
    background: #f4f4f5 !important;
    color: #18181b !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 20px !important;
    padding: 4px 10px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    display: inline-block !important;
}

/* Car Title */
.product-default .product-title a {
    color: #09090b !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    letter-spacing: -0.02em !important;
}
.product-default .product-title a:hover {
    color: #52525b !important;
}

/* Wishlist Heart Icon (Neutral) */
.product-default .btn-icon {
    color: #a1a1aa !important;
    border: 1px solid #e4e4e7 !important;
}
.product-default .btn-icon:hover {
    color: #000000 !important;
    border-color: #000000 !important;
    background: transparent !important;
}

/* Price Display (Bold Black) */
.product-default .product-price .new-price {
    color: #000000 !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    letter-spacing: -0.02em !important;
}
.product-default .product-price .new-price::after {
    content: " / día";
    font-size: 13px;
    font-weight: 500;
    color: #71717a;
}
html[lang="en"] .product-default .product-price .new-price::after,
html[lang="en-US"] .product-default .product-price .new-price::after {
    content: " / day";
}
.product-default .product-price .old-price {
    color: #a1a1aa !important;
    font-size: 13px !important;
}

/* ==========================================================================
   07. HERO BANNER SEARCH TABS & BUTTONS
   ========================================================================== */
.find-car-form .nav-tabs .nav-link.active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
.find-car-form .nav-tabs .nav-link {
    color: #18181b !important;
    border-radius: 6px 6px 0 0 !important;
    font-weight: 600 !important;
}
.find-car-form .btn-search {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}
.find-car-form .btn-search:hover {
    background-color: #27272a !important;
}

/* ==========================================================================
   08. FOOTER (DEEP LUXURY BLACK)
   ========================================================================== */
.footer-area {
    background-color: #000000 !important;
    border-top: 1px solid #27272a !important;
}
.footer-area .footer-title,
.footer-area h4 {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.footer-area p,
.footer-area .contact-info,
.footer-area .contact-info a {
    color: #a1a1aa !important;
}
.footer-area .contact-info a:hover {
    color: #ffffff !important;
}
.footer-area .widget-link li a {
    color: #a1a1aa !important;
}
.footer-area .widget-link li a:hover {
    color: #ffffff !important;
    padding-left: 4px;
}
.footer-area .copy-right-area {
    border-top: 1px solid #27272a !important;
    color: #71717a !important;
}
.footer-area .copy-right-area a {
    color: #ffffff !important;
}

/* Social Links in Footer */
.footer-area .social-link a {
    border: 1px solid #3f3f46 !important;
    color: #d4d4d8 !important;
    background: transparent !important;
}
.footer-area .social-link a:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

/* ==========================================================================
   09. PRELOADER & COUNTERS (MONOCHROME)
   ========================================================================== */
#preLoader .road .line.center-line {
    background: #000000 !important;
}
#preLoader .road .icon i {
    color: #000000 !important;
}
.counter-box .count,
.counter-box h3,
.counter-box h2 {
    color: #000000 !important;
    font-weight: 800 !important;
}

/* Links & Text Highlights */
a.color-primary,
.color-primary {
    color: #000000 !important;
}
a.color-primary:hover {
    color: #52525b !important;
}

/* ==========================================================================
   10. RESPONSIVE DESIGN
   ========================================================================== */
@media (max-width: 991.98px) {
    .main-responsive-nav .logo img {
        height: 44px !important;
        max-height: 44px !important;
    }
}

/* ==========================================================================
   11. APPLE MINIMALIST SLIDER BUTTONS & BULLETPROOF CHEVRONS
   ========================================================================== */
.slider-navigation .slider-btn,
.slider-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #1d1d1f !important;
    border: 1.5px solid #e5e5ea !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 4px !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.slider-navigation .slider-btn:hover,
.slider-btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}

.slider-navigation .slider-btn:active,
.slider-btn:active {
    transform: translateY(0) scale(0.98) !important;
}

.hero-banner .slider-navigation .slider-btn {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.hero-banner .slider-navigation .slider-btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.25) !important;
}

/* Bulletproof Vector Chevrons for Previous/Next */
.slider-btn i.fa-angle-left::before,
.slider-btn i.fa-chevron-left::before {
    content: "" !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-left: 2.2px solid currentColor !important;
    border-bottom: 2.2px solid currentColor !important;
    transform: rotate(45deg) !important;
    margin-left: 3px !important;
}

.slider-btn i.fa-angle-right::before,
.slider-btn i.fa-chevron-right::before {
    content: "" !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-right: 2.2px solid currentColor !important;
    border-top: 2.2px solid currentColor !important;
    transform: rotate(45deg) !important;
    margin-right: 3px !important;
}

.go-top i.fa-angle-up::before {
    content: "" !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-left: 2.2px solid currentColor !important;
    border-top: 2.2px solid currentColor !important;
    transform: rotate(45deg) !important;
    margin-top: 3px !important;
}


/* ==========================================================================
   ELEMENTOR HEADER #1443 OBSIDIAN LUXURY SYSTEM
   ========================================================================== */

#wpadminbar,
#wpadminbar .ab-sub-wrapper,
#wpadminbar ul,
#wpadminbar ul li,
#wpadminbar .menupop,
#wpadminbar .menupop > .ab-sub-wrapper {
    z-index: 99999999 !important;
}

#jay-elementor-header-wrap {
    width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 99900 !important;
    background: #000000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

body.admin-bar #jay-elementor-header-wrap {
    top: 32px !important;
}

@media (max-width: 782px) {
    body.admin-bar #jay-elementor-header-wrap {
        top: 46px !important;
    }
}

.elementor-1443,
.elementor-1443 .elementor-element.elementor-element-b6e69d6 {
    background-color: #000000 !important;
    min-height: 78px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

/* Elementor Header Logo & Atomic Class */
.elementor-1443 [data-id="401bd40"],
.elementor-1443 .e-401bd40-4a10715 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 80px !important;
    height: auto !important;
    margin: 0 !important;
    align-self: center !important;
}

.elementor-1443 [data-id="401bd40"] img,
.elementor-1443 .e-401bd40-4a10715 img,
.elementor-1443 [data-id="9bcfc9b"] img {
    height: 44px !important;
    width: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: invert(100%) brightness(200%) !important;
    display: block !important;
    transition: opacity 0.2s ease !important;
}

.elementor-1443 [data-id="401bd40"] a:hover img {
    opacity: 0.85 !important;
}

/* Elementor Nav Menu Widget */
.elementor-1443 [data-id="584085b"],
.elementor-1443 .elementor-widget-nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    margin: 0 !important;
}

.elementor-1443 .elementor-nav-menu--main {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-1443 .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", -apple-system-body, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    padding: 9px 16px !important;
    border-radius: 8px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    background: transparent !important;
}

.elementor-1443 .elementor-nav-menu--main .elementor-item:hover,
.elementor-1443 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-1443 .elementor-nav-menu--main .elementor-item.highlighted {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Elementor Reservar Button Widget 4af3112 */
.elementor-1443 [data-id="4af3112"],
.elementor-1443 .e-4af3112-c2a17d3,
.elementor-1443 button.e-button-base {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    letter-spacing: -0.01em !important;
    padding: 10px 26px !important;
    min-height: 42px !important;
    border-radius: 980px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.12) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

.elementor-1443 [data-id="4af3112"] strong,
.elementor-1443 .e-4af3112-c2a17d3 strong {
    color: #000000 !important;
    font-weight: 600 !important;
}

.elementor-1443 [data-id="4af3112"]:hover,
.elementor-1443 .e-4af3112-c2a17d3:hover,
.elementor-1443 button.e-button-base:hover {
    background-color: #f2f2f7 !important;
    color: #000000 !important;
    transform: translateY(-1.5px) scale(1.02) !important;
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.22) !important;
}

.elementor-1443 [data-id="4af3112"]:active,
.elementor-1443 .e-4af3112-c2a17d3:active,
.elementor-1443 button.e-button-base:active {
    transform: translateY(0) scale(0.98) !important;
}

/* Mobile / Tablet Responsive */
@media (max-width: 991px) {
    .elementor-1443,
    .elementor-1443 .elementor-element.elementor-element-b6e69d6 {
        padding: 0 18px !important;
        min-height: 64px !important;
        flex-wrap: nowrap !important;
    }

    .elementor-1443 [data-id="401bd40"] img,
    .elementor-1443 .e-401bd40-4a10715 img {
        height: 36px !important;
    }

    .elementor-1443 [data-id="4af3112"],
    .elementor-1443 .e-4af3112-c2a17d3 {
        padding: 8px 18px !important;
        font-size: 13px !important;
        min-height: 36px !important;
    }

    .elementor-1443 .elementor-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        cursor: pointer !important;
        padding: 6px !important;
        margin-right: 8px !important;
    }

    .elementor-1443 .elementor-menu-toggle svg {
        fill: #ffffff !important;
        width: 22px !important;
        height: 22px !important;
    }

    .elementor-1443 .elementor-nav-menu--dropdown {
        background-color: #111113 !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 14px !important;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7) !important;
        padding: 12px 0 !important;
    }

    .elementor-1443 .elementor-nav-menu--dropdown .elementor-item {
        color: #ffffff !important;
        font-size: 15px !important;
        padding: 12px 20px !important;
    }

    .elementor-1443 .elementor-nav-menu--dropdown .elementor-item:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #4281FF !important;
    }
}


/* ==========================================================================
   STACKING CONTEXT FIX: HERO SECTION & BOOKING ENGINE POPOVERS
   Ensure calendar, time, and location popovers ALWAYS float above
   all subsequent sections (Featured Vehicles, Choose, etc.)
   ========================================================================== */
.elementor-element-d410a80,
.elementor-element-d410a80 .elementor-container,
.elementor-element-d410a80 .elementor-column,
.elementor-element-d410a80 .elementor-widget-wrap,
.elementor-widget-bdevs-breadcrumb-section-1,
.hero-banner,
.hero-banner.hero-banner-1,
.hero-banner .container,
.hero-banner .row,
.booking-search-engine {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}

.booking-search-bar {
    position: relative !important;
    z-index: 10000 !important;
}

.bkg-calendar-popover,
.bkg-dropdown-popover,
.bkg-time-popover {
    position: absolute !important;
    z-index: 999999 !important;
}

/* ==========================================================================
   JAY RENT CAR - FEATURED VEHICLES SHOWROOM (DESTACADOS AUTOPLAY CAROUSEL)
   ========================================================================== */

.elementor-element-ee48138,
.category-area,
.category-area.category-1 {
    background: #09090b !important;
    position: relative !important;
    z-index: 1 !important;
    padding-top: 80px !important;
    padding-bottom: 90px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    overflow: hidden !important;
}

.category-area.category-1 .container {
    position: relative !important;
    z-index: 1 !important;
}

.jay-cat-title {
    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2 !important;
}

.jay-cat-desc {
    color: #a1a1aa !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
    max-width: 600px !important;
}

/* Swiper Carousel & Track */
.jay-slider-container {
    position: relative !important;
    padding: 10px 0 !important;
}

@media (min-width: 992px) {
    .jay-slider-container {
        padding: 10px 48px !important;
    }
    .jay-slider-arrow.jay-slider-prev {
        left: -2px !important;
    }
    .jay-slider-arrow.jay-slider-next {
        right: -2px !important;
    }
}

.jay-featured-slider {
    overflow: hidden !important;
    position: relative !important;
    padding: 10px 4px 20px 4px !important;
}

.jay-featured-slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
}

.jay-featured-slider .swiper-slide {
    height: auto !important;
    display: flex !important;
    box-sizing: border-box !important;
}

.jay-featured-slider .jay-featured-card {
    width: 100% !important;
}

/* Floating Navigation Arrows */
.jay-slider-arrow {
    position: absolute !important;
    top: 45% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(20, 20, 24, 0.88) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
    padding: 0 !important;
}

.jay-slider-arrow:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 24px rgba(255, 255, 255, 0.3) !important;
}

.jay-slider-arrow.swiper-button-disabled {
    opacity: 0.3 !important;
    pointer-events: none !important;
}

.jay-slider-prev {
    left: 5px !important;
}

.jay-slider-next {
    right: 5px !important;
}

/* Swiper Pagination Bullets */
.jay-feat-pagination {
    position: relative !important;
    margin-top: 15px !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.jay-feat-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3) !important;
    opacity: 1 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border-radius: 980px !important;
}

.jay-feat-pagination .swiper-pagination-bullet-active {
    background: #ffffff !important;
    width: 26px !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.6) !important;
}

@media (max-width: 768px) {
    .jay-slider-arrow {
        display: none !important;
    }
}

/* Featured Card Structure (Matched to reference layout) */
.jay-featured-card {
    background: #141417 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    position: relative !important;
}

.jay-featured-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6), 0 0 25px rgba(59, 130, 246, 0.12) !important;
}

/* Top Image Stage */
.jay-card-image-box {
    position: relative !important;
    background: linear-gradient(180deg, #1c1c20 0%, #151518 100%) !important;
    height: 190px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 15px 10px 15px !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.jay-card-img-anchor {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}

.jay-card-car-img {
    max-height: 135px !important;
    max-width: 90% !important;
    width: auto !important;
    object-fit: contain !important;
    position: relative !important;
    z-index: 2 !important;
    filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.7)) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.jay-featured-card:hover .jay-card-car-img {
    transform: scale(1.06) translateY(-2px) !important;
}

/* Badge (Top-Left Pill like reference image) */
.jay-card-cat-badge {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    background: #ffffff !important;
    color: #09090b !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 980px !important;
    z-index: 3 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    letter-spacing: -0.01em !important;
}

/* Heart Button (Top-Right Circle like reference image) */
.jay-card-heart-btn {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111113 !important;
    cursor: pointer !important;
    z-index: 3 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.jay-card-heart-btn:hover {
    transform: scale(1.1) !important;
    color: #ef4444 !important;
}

.jay-card-heart-btn.active {
    color: #ef4444 !important;
}

/* Card Body Content */
.jay-card-content {
    padding: 20px 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.jay-card-car-title {
    font-size: 18.5px !important;
    font-weight: 700 !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}

.jay-card-title-link {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.jay-card-title-link:hover,
.jay-featured-card:hover .jay-card-title-link {
    color: #60a5fa !important;
}

.jay-card-car-trim {
    color: #a1a1aa !important;
    font-size: 13px !important;
    margin: 0 0 6px 0 !important;
    font-weight: 500 !important;
}

.jay-card-car-specs {
    color: #71717a !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    margin: 0 0 16px 0 !important;
}

/* Card Footer */
.jay-card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.jay-card-price-wrap {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
}

.jay-card-price-value {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

.jay-card-price-unit {
    color: #a1a1aa !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
}

.jay-card-action-link {
    color: #e4e4e7 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.jay-card-action-link svg {
    transition: transform 0.2s ease !important;
}

.jay-card-action-link:hover,
.jay-featured-card:hover .jay-card-action-link {
    color: #3b82f6 !important;
}

.jay-card-action-link:hover svg,
.jay-featured-card:hover .jay-card-action-link svg {
    transform: translate(2px, -2px) !important;
}

/* Full Fleet CTA Button */
.jay-all-fleet-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 15px 38px !important;
    border-radius: 980px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 6px 25px rgba(255, 255, 255, 0.18) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.jay-all-fleet-cta:hover {
    background: #f4f4f5 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 35px rgba(255, 255, 255, 0.28) !important;
}

.jay-all-fleet-cta svg {
    transition: transform 0.25s ease !important;
}

.jay-all-fleet-cta:hover svg {
    transform: translateX(4px) !important;
}

/* Eliminate theme's legacy pseudo-elements that caused the dark horizontal bar */
.category-area.category-1 .btn-primary.fancy::before,
.category-area.category-1 .btn-primary.fancy::after,
.category-area.category-1 .category-item .category-img::before,
.category-area.category-1 .category-item .category-img::after {
    display: none !important;
    content: none !important;
}

/* Category Filter Pills on Fleet Grid */
.jay-fleet-filter-bar {
    gap: 10px !important;
    margin-bottom: 35px !important;
}

.jay-filter-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 9px 20px !important;
    border-radius: 980px !important;
    background: #18181b !important;
    color: #a1a1aa !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.jay-filter-pill span {
    font-size: 12px !important;
    opacity: 0.65 !important;
}

.jay-filter-pill:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.jay-filter-pill.active {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(255, 255, 255, 0.2) !important;
    font-weight: 600 !important;
}

.jay-filter-pill.active span {
    color: #000000 !important;
    opacity: 0.8 !important;
}