/* Replace the Mezan theme logo with the Clear Space logo and set to 100x100px for desktop */
.wdt-logo-container a img {
    content: url("https://cleangaragepros.com/wp-content/uploads/2026/06/Untitled-June-04-2026-at-18.19.46.svg") !important;
    height: 125px !important;
    width: 125px !important;
    object-fit: contain;
}

/* Make the logo smaller on mobile devices */
@media (max-width: 767px) {
    .wdt-logo-container a img {
        height: 60px !important;
        width: 60px !important;
    }
}

/* Move the header menu slightly to the right */
.elementor-element.elementor-element-1c644d0 {
    margin-left: 145px !important;
}

/* Hide slider pagination dots only on desktop for this specific slider */
@media (min-width: 1025px) {
    .wdt-swiper-pagination-9cdf078 {
        display: none !important;
    }
}

/* Hide specific slider dots and arrows only on desktop */
@media (min-width: 1025px) {
    .wdt-swiper-pagination-b3f308f,
    .wdt-carousel-arrow-pagination {
        display: none !important;
    }
}

/* Hide specific slider controls only on desktop */
@media (min-width: 1025px) {
    .wdt-swiper-pagination-b3f308f,
    .wdt-carousel-arrow-pagination,
    .wdt-swiper-pagination-87b4cc4 {
        display: none !important;
    }
}

/* Force the theme page title section to expand fully on mobile */
@media (max-width: 1024px) {
    div.main-title-section-bg,
    .main-title-section-bg .main-title-section,
    .main-title-wrapper {
        background-size: cover !important;
        background-position: center center !important;
        min-height: 280px !important; /* Forces the banner to remain tall */
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
}

/* Decrease the horizontal gap by roughly 5% on desktop */
@media (min-width: 1025px) {
    #wdt-heading-5c0d615 .wdt-heading-content-wrapper {
        padding-left: 18px !important;  /* Nudges the text a tiny bit outward on the left */
        padding-right: 18px !important; /* Nudges the text a tiny bit outward on the right */
        box-sizing: border-box !important;
    }
}

/* Clean, cross-browser global scale for desktop screens */
@media (min-width: 1025px) {
    /* 1. Prevent the browser window from spawning a horizontal scrollbar */
    html, body {
        overflow-x: hidden !important;
    }

    /* 2. Target ONLY the main website layout wrapper, leaving the header rails intact */
    #page, #wrapper, .site {
        transform: scale(0.9);
        transform-origin: top center; /* Keeps it perfectly balanced in the center */
        
        /* Expand the width math slightly so the background stretches edge-to-edge */
        width: 111.11% !important; 
        max-width: 111.11% !important;
        margin-left: -5.55% !important; /* Pulls the expanded canvas perfectly back into center frame */
    }

    /* 3. Keep your Elementor section grids perfectly aligned inside the new wrapper */
    .elementor-section {
        width: 100% !important;
    }
}