/*
 Theme Name:   Autodetail Child
 Theme URI:    https://reactheme.com/products/wordpress/autodetail
 Description:  Autodetail Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     autodetail
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* ===== Hide search popup by default ===== */
.sticky_form,
.rts-search-popup {
    display: none !important;
}
.sticky_form.show,
.rts-search-popup.show {
    display: block !important;
}

/* ===== Logo + Company Name (Elementor) ===== */
.elementor-widget-site-logo .elementor-image a,
.elementor-widget-theme-site-logo .elementor-image a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
}

.elementor-widget-site-logo .elementor-image img,
.elementor-widget-theme-site-logo .elementor-image img,
.elementor-widget-site-logo img,
.elementor-widget-theme-site-logo img {
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
}

/* Ensure Elementor widget container doesn't clip text */
.elementor-widget-site-logo .elementor-widget-container,
.elementor-widget-theme-site-logo .elementor-widget-container,
.elementor-widget-site-logo .elementor-image,
.elementor-widget-theme-site-logo .elementor-image {
    overflow: visible !important;
}

/* ===== Logo + Company Name (Theme fallback) ===== */
.logo-area a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
}

.logo-area .site-logo {
    max-height: 50px !important;
    width: auto !important;
}

/* Company name text */
.vl-name,
.logo-area .site-name,
.logo-area .vl-name {
    font-size: 20px !important;
    font-weight: 600 !important;
    font-family: 'Manrope', sans-serif !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
}

/* ===== Custom Logo link (get_custom_logo filter) ===== */
.custom-logo-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.custom-logo {
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
}

/* ===== Override all red (#ff0000, red) to #E75E02 ===== */

/* Preloader spinner */
.lds-roller div:after {
    background: #E75E02 !important;
}

/* Elementor buttons and accent elements that may use red */
.elementor-widget-button .elementor-button[style*="background-color: #ff0000"],
.elementor-widget-button .elementor-button[style*="background-color: red"],
.elementor-widget-button .elementor-button[style*="background-color:#ff0000"],
.elementor-widget-button .elementor-button[style*="background-color:#FF0000"] {
    background-color: #E75E02 !important;
}

/* Elementor inline color overrides for red text and backgrounds */
[style*="color: #ff0000"],
[style*="color:#ff0000"],
[style*="color:#FF0000"],
[style*="color: red"],
[style*="color:red"] {
    color: #E75E02 !important;
}

[style*="background-color: #ff0000"],
[style*="background-color:#ff0000"],
[style*="background-color:#FF0000"],
[style*="background-color: red"],
[style*="background-color:red"] {
    background-color: #E75E02 !important;
}

[style*="background: #ff0000"],
[style*="background:#ff0000"],
[style*="background:#FF0000"],
[style*="background: red"],
[style*="background:red"] {
    background: #E75E02 !important;
}

/* Elementor heading, text, icon widgets with red color */
.elementor-widget-heading .elementor-heading-title[style*="color: #ff0000"],
.elementor-widget-heading .elementor-heading-title[style*="color:#ff0000"],
.elementor-widget-heading .elementor-heading-title[style*="color:#FF0000"] {
    color: #E75E02 !important;
}

.elementor-icon[style*="color: #ff0000"],
.elementor-icon[style*="color:#ff0000"],
.elementor-icon[style*="color:#FF0000"] {
    color: #E75E02 !important;
}

/* SVG fills that might be red */
.elementor-icon svg[style*="fill: #ff0000"],
.elementor-icon svg[style*="fill:#ff0000"],
.elementor-icon svg[style*="fill:#FF0000"] {
    fill: #E75E02 !important;
}

/* WooCommerce sale badge and price colors */
.onsale,
.woocommerce span.onsale {
    background-color: #E75E02 !important;
}

/* General theme red overrides */
a:hover {
    color: #E75E02;
}

/* ===== Dark overlay for service page sections (Benefits / Issues) ===== */
.vellari-dark-overlay {
    position: relative !important;
    overflow: hidden !important;
}

.vellari-dark-overlay::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #000000 !important;
    opacity: 0.97 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Keep all child content above the overlay */
.vellari-dark-overlay > .e-con-inner,
.vellari-dark-overlay > .elementor-container,
.vellari-dark-overlay > .elementor-widget-wrap,
.vellari-dark-overlay > .e-con > *,
.vellari-dark-overlay > * {
    position: relative !important;
    z-index: 2 !important;
}

/* ── Hero slider text: narrower to not overlap with form ── */
.elementor-element-e795744 .global-content-for-style1 {
    width: 55% !important;
    left: 37% !important;
}
@media (max-width: 767px) {
    .elementor-element-e795744 .global-content-for-style1 {
        width: 100% !important;
        left: 0 !important;
        padding: 0 20px !important;
        text-align: left !important;
    }
}

/* ── Mobile Detailing: span full width of 2-column grid ── */
.elementor-3705 .elementor-element.elementor-element-a78de22 {
    grid-column: 1 / -1 !important;
}

/* ── Category service cards: uniform height + last odd spans full width ── */
.reactheme__service {
    height: 100%;
}
.reactheme__service .reactheme__service_img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}
.e-con[data-e-type="container"].e-grid > .elementor-widget-service:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* ── Hero Form: anchored from top, capped to hero height ── */
.elementor-3705 .elementor-element.elementor-element-6d46d49 {
    bottom: auto !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
}

/* ── Hero Form: stack below slider on mobile ── */
@media (max-width: 767px) {
    .elementor-element.elementor-element-6d46d49,
    .elementor-element.elementor-element-6d46d49[data-settings] {
        position: relative !important;
        bottom: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        inset: auto !important;
        width: 95% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        transform: none !important;
    }
    .elementor-element.elementor-element-4d5eb62 {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        padding-bottom: 20px !important;
    }
}

/* ── Privacy Policy & Terms: extra top padding to clear fixed header ── */
body.privacy-policy .main-contain #content,
body.page-id-217 .main-contain #content {
    padding-top: 140px !important;
}

/* ── Hide "Edit" link on frontend (only visible to logged-in users) ── */
.entry-footer .edit-link {
    display: none !important;
}

/* ── Mobile menu: full width on small screens ── */
@media (max-width: 768px) {
    .menu-wrap-off {
        max-width: 100% !important;
        width: 100% !important;
        padding: 20px !important;
        transform: translate3d(100%, 0, 0);
    }
    .menu-ofcn.off-open {
        transform: translate3d(0, 0, 0);
    }
}