/* New wordmark, everywhere */
.ivn-logo-mark {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #16233A;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    font-size: 32px;
}
.ivn-logo-mark:hover {
    color: #16233A;
    text-decoration: none;
}
.ivn-logo-dot {
    color: #C05407;
}

/* Accent button hover — admin regenerates dynamic_stylesheet_0.css from its own
   DB-stored theme settings whenever design settings are saved there, which wipes
   any hand-patched rule it doesn't know about (hover shade, breadcrumb/link
   overrides below). Keeping them here instead, in a file the admin never touches. */
.rm-btn.primary:hover {
    background-color: rgb(163, 71, 6) !important;
}

/* Breadcrumbs: quiet grey, accent + underline only on hover */
.rm-breadcrumb-item a {
    color: rgb(138, 138, 147) !important;
    text-decoration: none !important;
}
.rm-breadcrumb-item a:hover {
    color: rgb(192, 84, 7) !important;
    text-decoration: underline !important;
}

/* Body/content links: muted blue, underline only on hover */
.form-checkbox-group label a, .rm-content a, .blue-link, .rm-category-wall-item:hover span,
.rm-promotional-product-item:hover a, #oct-menu-ul .group-title a, .rm-last-reviews-item:hover .rm-last-reviews-item-title,
.rm-module-item:hover .rm-module-title > a, .rm-module-item:hover .rm-module-title > a:visited,
.rm-news-item:hover .rm-news-item-title, .rm-livesearch-list-item-name a, .category-landing-links-item-link span,
.modal-content a, .rm-manufacturer-item a:hover span, .table td a, .rm-alert-text a,
.rm-day-discounts-item:hover a, .rm-header-location-phones a .rm-footer-phones-link, .rm-footer-mail-link,
.rm-contact-location a, .rm-account-list-item:hover a, .rm-menu-list-item:hover > div:first-child .rm-menu-list-item-link,
.rm-menu-list-item.active > div:first-child .rm-menu-list-item-link, .rm-footer-phones-link {
    color: rgb(61, 107, 140) !important;
    text-decoration: none !important;
}
.rm-content a:hover, .blue-link:hover, .rm-footer-mail-link:hover, .table td a:hover,
.rm-alert-text a:hover, .rm-contact-location a:hover, .form-checkbox-group label a:hover,
.modal-content a:hover, .rm-footer-phones-link:hover {
    text-decoration: underline !important;
}

/* Headings: the theme ships them at weight 400, which reads as thin/anonymous
   next to the new bold wordmark and buttons. Bumping everywhere, both breakpoints. */
h1 {
    font-weight: 700 !important;
}

/* Filter (OCFilter extension): accent-color the slider and checkboxes instead of
   the extension's default blue, both breakpoints — a pure color swap, safe on
   the mobile slide-in drawer too. */
.ocf-noUi-connect:before, .ocf-noUi-handle {
    background-color: #C05407 !important;
}
.ocf-selected .ocf-value-input::before {
    border-color: #C05407 !important;
    background-color: #C05407 !important;
}

/* Compact single-row header — desktop only (matches the site's own d-lg-* breakpoint, 992px).
   Mobile header is untouched. */
@media (min-width: 992px) {
    /* Filter sidebar: give it the same card treatment as the rest of the site
       (checkout blocks, etc.) — white surface, soft border, 14px radius. The
       mobile filter is a full-screen drawer by design, so it keeps its own
       edge-to-edge layout and isn't wrapped in a card here. */
    .ocf-container.ocf-left, .ocf-container.ocf-right {
        background: #fff;
        border: 1px solid #ECECF1;
        border-radius: 14px;
        padding: 20px;
    }
    header {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .ivn-logo-mark {
        font-size: 26px;
    }
    .rm-header-address {
        display: none !important;
    }
    .rm-header-phones-list-link {
        display: none !important;
    }
    #menu_toggle_button {
        height: 36px;
        padding: 0 14px;
    }
    #search {
        height: 36px;
        margin-top: 0;
    }
    .rm-header-phones-icon img {
        width: 11px;
        height: 23px;
    }
    #cart {
        padding-top: 0;
        padding-bottom: 0;
        height: 36px;
        justify-content: center;
    }
    .rm-header-cart-text {
        display: none !important;
    }
    .rm-header-cart-icon {
        margin-bottom: 0 !important;
    }
}