/*
 * Doudoudis scoped brand themes for the Tractors and CARRAROSPRAY mega menus.
 * Loaded last so the approved shared layout remains untouched.
 */

/* TRACTORS — restrained agricultural green accents. */
.doudoudis-tractors-mega-trigger > .wd-dropdown-menu,
.doudoudis-tractors-mega-trigger > .sub-menu-dropdown {
    border-top-color: #5f8a43 !important;
}

.doudoudis-tractor-mega {
    background:
        radial-gradient(circle at 95% 0%, rgba(95, 138, 67, 0.11), transparent 30%),
        var(--dou-white) !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-title {
    color: #173c2b !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-title::after {
    background: #5f8a43 !important;
}

.doudoudis-tractor-mega .doudoudis-tractor-link-group-title {
    color: #5a725d !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-links a:hover,
.doudoudis-tractor-mega .doudoudis-mega-menu-links a:focus-visible {
    border-color: rgba(95, 138, 67, 0.28) !important;
    background: #f3f8f1 !important;
    color: #173c2b !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-links a:hover::before,
.doudoudis-tractor-mega .doudoudis-mega-menu-links a:focus-visible::before {
    background: #5f8a43 !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-brand:hover,
.doudoudis-tractor-mega .doudoudis-mega-menu-brand:focus-visible {
    border-color: rgba(95, 138, 67, 0.62) !important;
    background: #f4f9f1 !important;
    color: #173c2b !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-all-brands,
.doudoudis-tractor-mega .doudoudis-mega-menu-footer a {
    color: #245b3d !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-all-brands::after,
.doudoudis-tractor-mega .doudoudis-mega-menu-footer a::after {
    color: #5f8a43 !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-all-brands:hover,
.doudoudis-tractor-mega .doudoudis-mega-menu-footer a:hover {
    color: #5f8a43 !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-cta {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(163, 201, 87, 0.32), transparent 33%),
        linear-gradient(145deg, #285f3d 0%, #173c2b 74%) !important;
    box-shadow: 0 22px 48px rgba(23, 60, 43, 0.26) !important;
}

.doudoudis-tractor-mega .doudoudis-mega-menu-cta .doudoudis-site-eyebrow {
    color: #dff4c7 !important;
}

@media (min-width: 1025px) {
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link:hover > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link:focus-within > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link.wd-opened > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link.wd-active > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link.wd-event-hover > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link.menu-item-open > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-tractors-link > a[aria-expanded="true"] {
        background: #1f4d35 !important;
        color: #ffffff !important;
    }
}

/* CARRAROSPRAY — branded blue/cyan accents and official white wordmark. */
.doudoudis-carrarospray-mega-trigger > .wd-dropdown-menu,
.doudoudis-carrarospray-mega-trigger > .sub-menu-dropdown {
    border-top-color: #22a6c9 !important;
}

.doudoudis-carrarospray-mega {
    background:
        radial-gradient(circle at 95% 0%, rgba(34, 166, 201, 0.12), transparent 30%),
        var(--dou-white) !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-title {
    color: #075985 !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-title::after {
    background: #22a6c9 !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-links a:hover,
.doudoudis-carrarospray-mega .doudoudis-mega-menu-links a:focus-visible {
    border-color: rgba(34, 166, 201, 0.3) !important;
    background: #effaff !important;
    color: #075985 !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-links a:hover::before,
.doudoudis-carrarospray-mega .doudoudis-mega-menu-links a:focus-visible::before {
    background: #22a6c9 !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-all-brands,
.doudoudis-carrarospray-mega .doudoudis-mega-menu-footer a {
    color: #08789b !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-all-brands::after,
.doudoudis-carrarospray-mega .doudoudis-mega-menu-footer a::after {
    color: #22a6c9 !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-all-brands:hover,
.doudoudis-carrarospray-mega .doudoudis-mega-menu-footer a:hover {
    color: #22a6c9 !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-cta {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 222, 255, 0.34), transparent 34%),
        linear-gradient(145deg, #0b7893 0%, #064a72 76%) !important;
    box-shadow: 0 22px 48px rgba(6, 74, 114, 0.28) !important;
}

.doudoudis-carrarospray-mega .doudoudis-mega-menu-cta .doudoudis-site-eyebrow {
    color: #c9f4ff !important;
}

.doudoudis-carrarospray-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.doudoudis-carrarospray-logo img {
    display: block !important;
    width: clamp(158px, 13vw, 205px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 58px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
}

@media (min-width: 1025px) {
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link:hover > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link:focus-within > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link.wd-opened > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link.wd-active > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link.wd-event-hover > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link.menu-item-open > a,
    .whb-header-bottom .wd-nav-main > li.doudoudis-carrarospray-link > a[aria-expanded="true"] {
        background: #075985 !important;
        color: #ffffff !important;
    }
}

@media (min-width: 1025px) and (max-height: 900px) {
    .doudoudis-carrarospray-logo {
        margin-bottom: 12px !important;
    }

    .doudoudis-carrarospray-logo img {
        width: clamp(145px, 11vw, 184px) !important;
        max-height: 48px !important;
    }
}

@media (max-width: 1024px) {
    .doudoudis-carrarospray-logo {
        margin-bottom: 16px !important;
    }

    .doudoudis-carrarospray-logo img {
        width: min(190px, 72vw) !important;
        max-height: 54px !important;
    }
}