/**
 * Clkweb overrides — scoped examples; adjust selectors to match your markup.
 * Loaded only via Vite dev proxy (not on production Magento until you deploy).
 */

.page-footer .block.newsletter {
    display: none !important;
}

body .page-wrapper .nav-sections {
    background: #7a8187;
}

body#html-body .page-wrapper .nav-sections .nav-sections-item-content>.navigation {
    background: #7a8187;
}

body .products-grid .product-item .product-item-actions .actions-primary .tocart,
body .widget-product-carousel .product-item .product-item-actions .actions-primary .tocart {
    background: #e60512 !important;
}

.catalog-product-view #product-addtocart-button {
    color: #fff !important;
    background: #e60512 !important;
    border-color: #e60512;
}

body .page-wrapper header.page-header .header.content img {
    display: none;
}

body .page-wrapper header.page-header .header.content .logo {
    width: 100%;
    height: 50px;
    display: block;
    background-image: url('/media/theme-mods/images/klickfix.svg?v=20260612');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

@media screen and (min-width: 768px),
print {

    body#html-body .page-wrapper .nav-sections .nav-sections-item-content>.navigation,
    body .page-wrapper .nav-sections,
    .navigation .level0 .submenu {
        background-color: #e60512 !important;
    }

    .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li>a {
        border-bottom: 2px solid white;
    }

    .navigation .level0 .submenu a {
        line-height: inherit;
        color: white;
    }
}