/* Blue brand colours, scoped to the Rolluikshop storefront. */
body.specialty-store-specialty-rolluik .domisol-navigation {
    --domisol-purple-600: #e0f2fb;
    --domisol-purple-700: #0088cc;
    --domisol-purple-950: #124563;
    --domisol-orange: #0088cc;
}

body.specialty-store-specialty-rolluik .domisol-navigation .navigation nav > ul > li:is(:hover, :focus-within, [data-active], :has(a[aria-current="page"])) {
    background: #e0f2fb;
    box-shadow: inset 0 -3px 0 #0088cc;
}

body.specialty-store-specialty-rolluik .domisol-navigation .navigation nav > ul > li:is(:hover, :focus-within, [data-active], :has(a[aria-current="page"])) > span > :is(a, button) {
    color: #124563;
}

body.specialty-store-specialty-rolluik .domisol-navigation .domisol-submenu-item > span:is(:hover, :focus-within) {
    color: #124563;
    background: #edf7fc;
}

body.specialty-store-specialty-rolluik .domisol-navigation a:focus-visible,
body.specialty-store-specialty-rolluik .domisol-navigation button:focus-visible {
    outline: 2px solid #0088cc;
    outline-offset: -3px;
}

body.specialty-store-specialty-rolluik .specialty-benefits {
    gap: 14px;
    padding: 18px;
    color: #416479;
    border: 1px solid #cee5f2;
    border-radius: 12px;
    background: linear-gradient(120deg, #f3faff, #deeff9);
}

body.specialty-store-specialty-rolluik .specialty-benefits > div {
    gap: 12px;
    min-width: 0;
    padding: 20px 16px;
    border: 1px solid #dcecf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 5px rgb(18 69 99 / 3%);
}

body.specialty-store-specialty-rolluik .specialty-benefits strong {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: #007bb8;
    font-size: 24px;
    line-height: 1;
    border-radius: 50%;
    background: #e2f3fc;
}

body.specialty-store-specialty-rolluik .specialty-benefits span {
    gap: 4px;
    line-height: 1.5;
}

body.specialty-store-specialty-rolluik .specialty-benefits b {
    color: #124563;
    line-height: 1.3;
}

@media (max-width: 1023px) {
    body.specialty-store-specialty-rolluik .domisol-mobile-menu-item.is-expanded > .domisol-mobile-menu-row {
        background: #e0f2fb;
    }

    body.specialty-store-specialty-rolluik .domisol-mobile-menu-item.is-expanded > .domisol-mobile-menu-row > .domisol-mobile-menu-toggle {
        background: #c7e7f8;
    }

    body.specialty-store-specialty-rolluik .domisol-mobile-submenu {
        background: #f3faff;
        box-shadow: inset 0 -1px 0 #cee5f2;
    }
}

@media (max-width: 639px) {
    body.specialty-store-specialty-rolluik .specialty-benefits {
        gap: 10px;
        padding: 12px;
    }
}