/* =====================================================================
   black.css - Black Week theme, loaded after mimmis.css only when Black Week is on.
   In the head view, right after the mimmis.css line:
     @if (Request.Params["beef"] != null || 1 == 2)
     {
         <link href="/Themes/Native/Content/CSS/black.css?v=1.000" rel="stylesheet" type="text/css" />
     }
   ===================================================================== *//* =====================================================================
   BLACK WEEK THEME (Design 2) - only with ?beef, in Native _Root.cshtml
   - Soft-black content column; ambient pink glow in the desktop margins
     (painted as backgrounds, the layout is not touched)
   - One brand pink #FF7AB8 for CTAs, badges, prices and highlights
   - Top bar has two variants, set by a class on .sub-header-wrapper2:
       (none / bw-bar-dark): black bar, light text, pink pill   (Option 1)
       bw-bar-pink:          pink bar, black text                (Option 2)
   - One card per product, BLACK PRICE badge (no discount %), Veil. price under the price
   Uses the colour variables from mimmis.css.
   ===================================================================== */

:root {/* content column: soft black with a plum tint (pure #000 makes the pink glow) *//* top bar, a step darker *//* desktop margins, darkest *//* product cards, a step lighter than the column *//* search field, pills, checkboxes *//* strike-through prices *//* text on pink buttons (7.7:1; white on this pink is only 2.4:1) */
    --pink: #FF7AB8;
    --pink-light: #FF7AB8;
    --pink-hover: #FF94C6;
    --text: #F2ECEF;
    --muted: #BDB1B8;
    --line: #2E282C;
    --border: #3E363B;
    --good: #7FCBA9;
    --warn: #E8A06A;
    --bw-black: #151216;      
    --bw-bar: #0B090B;        
    --bw-outer: #070607;      
    --bw-card: #1F1A1E;       
    --bw-card-line: #352C32;
    --bw-soft: #2A2428;       
    --bw-old: #D6CBD1;        
    --bw-ink: #1A0F16;        
}
/* ---------- Canvas ---------- */


html, html body { background: var(--bw-black) !important; color: var(--text); }
html body div.master-wrapper-page { background: var(--bw-black) !important; }
html .master-wrapper-content, html .master-wrapper-main, html .center-1, html .center-2, html .side-2, html .page, html .page-body, html .home-page, html .product-details-page, html .full-description { background: none !important; }
html h1, html h2, html h3, html h4, html h5, html .page-title h1, html .title, html .title strong { color: var(--text); }
html a { color: inherit; }
/* Desktop: the 1220px content column keeps the soft black (same width as the
   white column in the normal design). Outside it: a soft pink glow at the
   left, a plum glow to the right and below, and a faint pink edge along
   the column. Only the backgrounds change; no widths or layout. */


@media (min-width: 1221px) {
    html, html body { background: var(--bw-outer) !important; }
    html body div.master-wrapper-page {/* the glows stay in view while scrolling */
        background:
            linear-gradient(var(--bw-black), var(--bw-black)) center top / 1220px 100% no-repeat,
            linear-gradient(90deg, transparent, rgba(255, 122, 184, .16) 45%, rgba(255, 122, 184, .05) 46.5%, transparent 46.5%, transparent 53.5%, rgba(255, 122, 184, .05) 53.5%, rgba(255, 122, 184, .16) 55%, transparent) center top / 1480px 100% no-repeat,
            radial-gradient(700px 600px at 6% 260px, rgba(255, 122, 184, .22), transparent 70%),
            radial-gradient(700px 600px at 94% 520px, rgba(170, 80, 160, .20), transparent 70%),
            radial-gradient(900px 800px at 50% 100%, rgba(140, 70, 120, .22), transparent 70%),
            var(--bw-outer) !important;
        
        background-attachment: scroll, scroll, fixed, fixed, fixed !important;
    }
}
/* ---------- Top announcement bar ---------- */


html .sub-header-wrapper { display: none !important; }
html .sub-header-wrapper2 {
    display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 12px;
    background: var(--bw-bar) !important; border-bottom: 1px solid var(--line);
}
html .sub-header-wrapper2 a { display: block; width: 100%; text-align: center; text-decoration: none; }
html .sub-header-wrapper2 a span { font-size: 13px; font-weight: 500; letter-spacing: .01em; color: #fff !important; }
html .sub-header-wrapper2 b { font-weight: 700; color: var(--pink); }
html .sub-header-wrapper2 #htmlBannerCountdown {
    display: inline-block; margin-left: 6px; padding: 3px 10px; border-radius: 999px;
    background: var(--pink); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--bw-ink) !important;
}
/* Option 2: pink bar */

html .sub-header-wrapper2.bw-bar-pink { background: var(--pink) !important; border-bottom: 0; }
html .sub-header-wrapper2.bw-bar-pink a span, html .sub-header-wrapper2.bw-bar-pink b { color: var(--bw-ink) !important; }
html .sub-header-wrapper2.bw-bar-pink #htmlBannerCountdown { background: #000; color: var(--pink) !important; }
/* ---------- Header ---------- */


html .master-wrapper-page > .sub-header { background: var(--bw-black); border-bottom-color: var(--line); }
html .sub-header .mega-menu > li > a { color: var(--text); }
html .sub-header .mega-menu > li.sticky-category > a { color: var(--pink); }
html .header .ico-login::before, html .header .ico-account::before, html .header .ico-logout::before, html .header .ico-wishlist::before, html .header .ico-cart::before { background: var(--text) !important; }
html .header .cart-sum, html .header .ico-login, html .header .ico-account { color: var(--text); }
html .wishlist-qty, html .cart-qty { background: var(--pink) !important; color: var(--bw-ink) !important; }
html #small-searchterms { background: var(--bw-soft) !important; border-color: var(--line) !important; color: var(--text) !important; }
html #small-searchterms::placeholder { color: var(--muted); }
html .search-box-button { background-color: var(--text) !important; }
html .header-logo img#oLogo, html img#mLogo { filter: invert(1) hue-rotate(180deg) saturate(1.5) brightness(1.15); mix-blend-mode: lighten; }
/* ---------- Front page hero (split banner) ---------- */


html .slider-wrapper.theme-split { border-radius: 16px; overflow: hidden; }
html .slider-wrapper.theme-split, html .slider-wrapper.theme-split .slide-link, html .slider-wrapper.theme-split .nivoSlider { background: var(--bw-black) !important; }
html .slider-wrapper.theme-split .slide-text, html .slider-wrapper.theme-split .nivo-caption { background: none !important; color: var(--text); }
html .slider-wrapper.theme-split img.nivo-main-image { filter: grayscale(.15) brightness(.85); }
/* Headline = the h1 in the slide title (e.g. "BLACK WEEKS"): 56px, 800, brand pink */

html .slider-wrapper.theme-split .slide-text h1, html .slider-wrapper.theme-split .nivo-caption h1 {
    margin-bottom: 12px; font-size: 56px; font-weight: 800; line-height: .95; letter-spacing: -.03em;
    text-transform: uppercase; color: var(--pink);
}
html .slider-wrapper.theme-split .slide-text h2, html .slider-wrapper.theme-split .nivo-caption h2 { font-size: 22px; font-weight: 600; color: var(--text); }
html .slider-wrapper.theme-split .slide-text p, html .slider-wrapper.theme-split .nivo-caption p { color: var(--muted); }
html .slider-wrapper.theme-split .slide-kicker { color: var(--text) !important; }
html .slide-btn { background: var(--pink) !important; color: var(--bw-ink) !important; font-weight: 700; }
html .slider-wrapper.theme-overlay .slide-text { color: #fff; }
/* ---------- Product cards (category, carousels, related) ----------
   Picture, title and price in one dark card with a subtle border */


html .products-carousel, html .jcarousel-wrapper, html .home-page-category-grid, html .category-grid, html .product-grid, html .item-grid, html .item-box, html .jcarousel-item { background: none !important; }
html .sub-category-item .title a, html .home-page-category-grid .title a { color: var(--text); }
html .item-box .product-item, html .jcarousel-item .item-holder {
    position: relative; height: auto; min-height: 100%; padding: 8px 8px 14px;
    border: 1px solid var(--bw-card-line); border-radius: 16px; background: var(--bw-card) !important;
    transition: border-color .15s;
}
html .item-box .product-item:hover, html .jcarousel-item .item-holder:hover { border-color: rgba(255, 122, 184, .55); }
html .item-box .picture, html .item-picture { position: relative; border-radius: 12px; overflow: hidden; background: #fff !important; }
html .item-box .picture img, html .item-picture img { mix-blend-mode: normal; }
html .item-box .details { display: flow-root; height: auto !important; padding: 10px 6px 0; }
/* contains the floated stock/price rows */ 
html .jcarousel-item .item-info { padding: 10px 6px 0; }
html .item-box .product-title, html .item-box .product-title a, html .jcarousel-product-title a { color: var(--text); }
html .item-box .product-item .details, html .item-box .product-item .add-info, html .item-box .product-item .prices { position: static !important; }
/* Prices: a heavier current price ("Veil." line comes from mimmis.css and uses --muted) */


html .item-box .actual-price, html .jcarousel-item .actual-price { font-size: 17px; font-weight: 800; }
/* Badge: "BLACK PRICE" (from the view) top left. No discount % bubbles. *//* Cards without the view's badge (front-page carousels and others) but with a recommended
   price: the same "BLACK PRICE" badge, made in CSS */



html .jcarousel-item .item-holder:has(.old-price) .item-picture, html .item-box .product-item:not(:has(.badge)):has(.old-price) .picture { position: relative; }
html .jcarousel-item .item-holder:has(.old-price) .item-picture::after, html .item-box .product-item:not(:has(.badge)):has(.old-price) .picture::after {
    content: "Black price"; position: absolute; top: 10px; left: 10px; z-index: 5; padding: 5px 10px; border-radius: 999px;
    background: #000; box-shadow: inset 0 0 0 1px var(--pink);
    font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: .05em; text-transform: uppercase; color: var(--pink);
}
html .item-box .badge {
    display: block !important; position: absolute; top: 16px; left: 16px; right: auto; bottom: auto; z-index: 5;
    width: auto; margin: 0; padding: 5px 10px; border-radius: 999px; opacity: 1;
    background: #000; box-shadow: inset 0 0 0 1px var(--pink);
}
html .item-box .badge .badge-text {
    display: block; padding: 0; font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: .05em; text-transform: uppercase; color: var(--pink);
}
html .item-box .product-tag.topp, html .item-box .product-tag.testvinner { top: 46px; left: 16px; z-index: 6; padding: 4px 9px; border-radius: 999px; }
html .item-box [data-productid]:has(.product-tag.topp) .product-tag.testvinner { top: 74px; }
html .item-box input[type="button"].product-box-add-to-cart-button, html .jcarousel-item .item-info .button { background: var(--pink); color: var(--bw-ink); font-weight: 700; }
html .item-box input[type="button"].product-box-add-to-cart-button:hover, html .jcarousel-item .item-info .button:hover { background: var(--pink-hover); }
/* ---------- Product page ---------- */


html .overview, html .overview .short-description, html .full-description, html .full-description .panel { color: var(--text); }
html .full-description .panel, html .full-description .accordion { background: none !important; }
html .full-description .panel * { color: inherit; }
html .full-description .accordion h3 { color: var(--text); }
html .product-tag { color: #2b2329 !important; }
html .overview .product-price { font-weight: 700; color: var(--pink); }
/* a step bolder than the normal 600 */   
html .overview .add-to-cart-button { background: var(--pink) !important; color: var(--bw-ink) !important; font-weight: 700; }
html .overview .add-to-cart-button:hover { background: var(--pink-hover) !important; }
html .overview .product-price::after {/* normal weight: must not compete with the button */
    content: "Black Week-pris"; display: inline-block; margin-left: 12px; padding: 5px 11px; vertical-align: middle;
    border-radius: 999px; background: #000; box-shadow: inset 0 0 0 1px var(--pink);
    font-size: 12px; font-weight: 500; letter-spacing: .02em; color: var(--pink);   
}
html .overview .veilpris { font-weight: 400; color: var(--muted); text-decoration: none; }
html #prdUrg li.uspa, html #priceInfoBox { color: var(--muted); }
html #butFavorite { background: #fff; }
/* Lipscore review strip keeps a white card (the widget has dark text) */


html .lipscore-service-review-testimonial { background: #fff; border-radius: 16px; color: #2b2329; }
/* ---------- Mobile / tablet ---------- */


@media (max-width: 1000px) {
    html .responsive-nav-wrapper, html .master-wrapper-page > .search-box { background: var(--bw-black) !important; border-color: var(--line) !important; }
    html .responsive-nav-wrapper .menu-title { color: var(--text); }
    html .responsive-nav-wrapper .menu-title::before, html .responsive-nav-wrapper #resCart a::before, html .responsive-nav-wrapper .ico-wishlist::before { background: var(--text) !important; }
    html .sub-header-wrapper2 .bf-long { display: none; }
    html .sub-category-grid .item-box .sub-category-item .title a { background: var(--bw-soft); color: var(--text); }
    html .overview .add-to-cart .inner-add-to-cart { background: var(--bw-black); border-top-color: var(--line); }
    html .overview .product-price::after { display: none; }
    html .item-box .badge { top: 14px; left: 14px; }
/* 56px does not fit "BLACK WEEKS" on one line on a phone */
    
    html .slider-wrapper.theme-split .slide-text h1, html .slider-wrapper.theme-split .nivo-caption h1 { font-size: 44px; }
}
/* ---------- Filters, breadcrumb, sort, info icon ---------- *//* Filters (desktop sidebar): readable text, dark checkboxes */



html .nopAjaxFilters7Spikes .filtersGroupPanel li a { color: var(--text) !important; }
html .nopAjaxFilters7Spikes .filtersGroupPanel li a::before { background: var(--bw-soft); border-color: #5A4F56; }
html .nopAjaxFilters7Spikes .filtersGroupPanel li a.filterItemSelected::before { border-color: var(--pink); background-color: var(--pink); }
html .nopAjaxFilters7Spikes .selected-options-list .option { background: var(--bw-soft); color: var(--text); }
html .block-category-navigation .listbox a { color: var(--text); }
html .block-category-navigation .listbox li.active > a { color: var(--pink); }
/* Breadcrumb: clearer on the dark background */


html .breadcrumb, html .breadcrumb a, html .breadcrumb span { font-size: 13px; color: #D6CBD1 !important; }
html .breadcrumb strong, html .breadcrumb .current-item { color: var(--text) !important; }
/* Info icon next to "Veil. pris": just the icon, no grey circle */


html .overview .veilpris .toggleinfo { background: none !important; box-shadow: none; }
html .overview .veilpris .toggleinfo i { color: var(--muted); }
/* Sort + filter buttons and the sort list (all sizes) */


html .category-page .product-selectors .toplevel { background: var(--bw-soft) !important; border-color: var(--border) !important; color: var(--text) !important; }
html .category-page .product-selectors .toplevel p, html .category-page .product-selectors .toplevel span { color: var(--text) !important; }
html .category-page .product-sorting .sortOptionsDropDown .sublevel { background: var(--bw-card); border-color: var(--border); }
html .category-page .product-sorting .sortOptionsDropDown .sublevel li span { color: var(--text); }
html .category-page .product-sorting .sortOptionsDropDown .sublevel li span:hover { background: var(--bw-soft); }
/* ---------- Round 3 ---------- *//* Card prices: 700 (800 was too heavy) */



html .item-box .actual-price, html .jcarousel-item .actual-price { font-weight: 700 !important; }
/* Mega menu: dark panel */


html .mega-menu .dropdown { background: var(--bw-card) !important; border-color: var(--line) !important; box-shadow: 0 24px 48px rgba(0, 0, 0, .5) !important; }
html .mega-menu .dropdown .picture { background: #fff !important; border-radius: 12px; }
html .mega-menu .dropdown a, html .mega-menu .dropdown .title, html .mega-menu .dropdown .title strong, html .mega-menu .dropdown li { color: var(--text) !important; }
html .mega-menu .dropdown a:hover { color: var(--pink) !important; }
html .mega-menu .dropdown li::before, html .mega-menu .dropdown li::marker { color: var(--muted); }
/* Search: suggestions (Lynx) and instant search on dark */


html #lynx .lynx-hover, html #lynx .lynx-hover-box, html #small-searchterms-list {
    background: var(--bw-card) !important; border-color: var(--line) !important; box-shadow: 0 16px 40px rgba(0, 0, 0, .5) !important; color: var(--text) !important;
}
html #small-searchterms-list { border-radius: 0 0 14px 14px; overflow: hidden; }
html #lynx strong, html #lynx .lynx-sponsbox, html #lynx .lynx-sponsbox * { color: var(--muted) !important; }
html #lynx a, html #lynx .lynx-keywords a { color: var(--text) !important; }
html #lynx a:hover { color: var(--pink) !important; }
/* Lynx chips: dark text on the pink hover, brand chips and "Se alle merker" not muted */

html #lynx .lynx-hover-box .lynx-chips a:hover, html #lynx .lynx-hover-box .lynx-chips a:focus-visible { color: var(--bw-ink) !important; }
html #lynx .lynx-sponsbox .lynx-chips a, html #lynx .lynx-sponsbox .lynx-all-brands { color: var(--text) !important; }
html #lynx .lynx-sponsbox .lynx-chips a:hover, html #lynx .lynx-sponsbox .lynx-all-brands:hover { color: var(--pink) !important; }
html #small-searchterms-list .instant-search-item { background: none !important; color: var(--text) !important; }
html #small-searchterms-list .k-item:hover .instant-search-item, html #small-searchterms-list .k-item.k-state-focused .instant-search-item { background: var(--bw-soft) !important; }
html #small-searchterms-list .instant-search-item .title { color: var(--text) !important; }
html #small-searchterms-list .instant-search-item .price { color: var(--pink) !important; }
html #small-searchterms-list .instant-search-item .img-block { background: #fff; border-radius: 8px; overflow: hidden; }
/* No white flash while the search is loading */

html .header #small-searchterms.instant-search-busy, html .master-wrapper-page > .search-box #small-searchterms.instant-search-busy { background-color: var(--bw-soft) !important; }
/* Mini shopping cart (hover on the cart): dark like the page */


html .flyout-cart .mini-shopping-cart { background: var(--bw-card) !important; border: 1px solid var(--line) !important; color: var(--text) !important; }
html .flyout-cart .mini-shopping-cart * { color: inherit; border-color: var(--line) !important; }
html .flyout-cart .mini-shopping-cart .picture { background: #fff; border-radius: 8px; overflow: hidden; }
html .flyout-cart .mini-shopping-cart .count a, html .flyout-cart .mini-shopping-cart .price span, html .flyout-cart .mini-shopping-cart .totals strong { color: var(--pink) !important; }
html .flyout-cart .mini-shopping-cart input[type="button"] { background: var(--pink) !important; color: var(--bw-ink) !important; border: 0 !important; }
/* Wishlist */


html .wl-item { background: var(--bw-card); border-color: var(--bw-card-line); }
html .wl-name { color: var(--text); }
html .wl-qty, html .wl-attr { color: var(--muted); }
html .wishlist-page .wl-qty .qty-input, html .wishlist-page .wl-qty .qty-dropdown, html .wishlist-page .wl-share-url { background: var(--bw-soft); border-color: var(--border); color: var(--text); }
html .wl-buy { background: transparent; box-shadow: inset 0 0 0 1.5px var(--pink); color: var(--pink); }
html .wl-buy:hover { background: var(--pink); color: var(--bw-ink); }
html .wl-remove { background: var(--bw-soft); }
html .wl-remove::before { background: var(--muted); }
html .wl-share, html .wl-empty { background: var(--bw-card); border: 1px solid var(--bw-card-line); }
html .wl-share-text strong, html .wl-empty p { color: var(--text); }
html .wl-share-text, html .wl-empty span { color: var(--muted); }
/* Cart page: the summary frame and cross-sells on the dark page */


html .order-summary-content { background: var(--bw-card) !important; border-color: var(--bw-card-line) !important; box-shadow: none !important; color: var(--text) !important; }
html .order-summary-content .cross-sells .title { color: var(--text); }
/* Footer (new rounded footer, round 5) */


html .footer, html .footer-lowest { background: none !important; color: var(--text); }
html .mm-foot { background: var(--bw-card); color: var(--text); }
html .mm-foot__card, html .mm-foot .footer-social-links > ul a { background: var(--bw-soft); color: var(--text); }
html .mm-foot__card:hover { box-shadow: 0 0 0 1.5px var(--pink); }
html .mm-foot__card-text span, html .mm-foot__copy { color: var(--muted); }
html .mm-foot__icon { background: var(--bw-black); color: var(--pink); }
html .mm-foot__icon--leaf { background: var(--bw-black); color: #7FCBA9; }
html .mm-foot .accordion.mm-foot__head { background: none !important; }
html .mm-foot .accordion.mm-foot__head h3 { color: var(--text) !important; }
html .mm-foot__links a { color: var(--bw-old) !important; }
html .mm-foot__links a:hover { color: var(--pink) !important; }
html .mm-foot__links .mm-foot__note { color: #7FCBA9; }
html .mm-foot__links a.mm-foot__chat, html .mm-foot__links a.mm-foot__chat:hover { background: var(--pink); color: var(--bw-ink) !important; }
html .mm-foot__links a.mm-foot__chat:hover { background: var(--pink-hover); }
html .mm-foot__bottom { border-top-color: var(--line); }
/* Payment logos keep their own colours on small light chips */

html .mm-foot .footer-badges .paybadge { box-sizing: border-box; height: 30px; margin: 3px; padding: 3px 5px; border-radius: 7px; background: #fff; }
/* Lipscore badge is drawn by Lipscore with dark text: light chip behind it */

html .mm-foot__badge { box-sizing: content-box; padding: 4px; border-radius: 10px; background: #fff; }
@media (max-width: 1000px) {
    html .mm-foot__col { background: var(--bw-soft); }
    html .mm-foot .footer-badges .paybadge { height: 26px; margin: 2px; padding: 2px 4px; }
    html .mm-foot .accordion.mm-foot__head::after { background: var(--text); }
}
/* Product gallery: picture area a little softer than pure white */


html .picturo .slick-list { background: #ebe6e9; }
html .picturo img { filter: brightness(.96); }
/* Sort button on manufacturer and search pages too */


html :is(.manufacturer-page, html .search-page) .product-selectors .toplevel { background: var(--bw-soft) !important; border-color: var(--border) !important; color: var(--text) !important; }
html :is(.manufacturer-page, html .search-page) .product-selectors .toplevel p { color: var(--text) !important; }
html :is(.manufacturer-page, html .search-page) .product-sorting .sortOptionsDropDown .sublevel { background: var(--bw-card); border-color: var(--border); }
html :is(.manufacturer-page, html .search-page) .product-sorting .sortOptionsDropDown .sublevel li span { color: var(--text); }
/* Pager */


html .pager li * { background: var(--bw-soft); border-color: var(--border); color: var(--text); }
html .pager li a:hover { background: var(--bw-soft); border-color: var(--pink); color: var(--pink); }
html .pager li span { background: var(--pink); border-color: var(--pink); color: var(--bw-ink); }
/* New pager: dark text on the pink "Neste side" button */

html .pager.mm-pager li.next-page a, html .pager.mm-pager li.next-page a:hover { color: var(--bw-ink) !important; }
/* Cart texts were hard-coded dark (#323232 / #222 / #000) */

html .page.shopping-cart-page .order-summary-content :where(a, html span, html td, html th, html label):not(:where(.bw-save, html .actual-price, html .old-price, html .badge-text)) { color: var(--text) !important; }
/* Discount badge on a product line and the "code applied" pill */

html .page.shopping-cart-page .order-summary-content .discount-bubble { background: var(--pink) !important; color: var(--bw-ink) !important; font-weight: 600; }
html .page.shopping-cart-page .order-summary-content .coupon-pill, html .page.shopping-cart-page .order-summary-content .coupon-pill * { background: rgba(127, 203, 169, .12) !important; border-color: rgba(127, 203, 169, .45) !important; color: var(--good) !important; }
html .page.shopping-cart-page .order-summary-content .coupon-pill * { background: none !important; }
html .page.shopping-cart-page .order-summary-content .order-total { color: var(--pink) !important; font-weight: 700; }
html #superbutton { background: var(--pink) !important; border-color: var(--pink) !important; color: var(--bw-ink) !important; }
html #superbutton span, html #superbutton * { color: var(--bw-ink) !important; }
html .wl-buy-all, html .wl-share-btn, html .wl-empty-btn { color: var(--bw-ink); }
html .wl-buy-all:hover, html .wl-share-btn:hover, html .wl-empty-btn:hover { background: var(--pink-hover); color: var(--bw-ink); }
/* ---------- Round 4 ---------- *//* Sort list: the chosen option */



html :is(.category-page, html .manufacturer-page, html .search-page) .product-sorting .sortOptionsDropDown .sublevel li.selected span, html :is(.category-page, html .manufacturer-page, html .search-page) .product-sorting .sortOptionsDropDown .sublevel li span:hover { background: var(--bw-soft); color: var(--pink); }
/* Mobile filter panel (opens over the page): dark like the page */


@media (max-width: 1000px) {
    html .nopAjaxFilters7Spikes, html .nopAjaxFilters7Spikes .filtersPanel, html .nopAjaxFilters7Spikes .close-filters, html .nopAjaxFilters7Spikes .filter-block .title a { background-color: var(--bw-black) !important; }
    html .nopAjaxFilters7Spikes .filter-block .title a, html .nopAjaxFilters7Spikes .filtersTitle { color: var(--text) !important; }
/* Close icon: the plugin's dark X image, inverted to light */
    
    html .nopAjaxFilters7Spikes .close-filters span { color: transparent !important; filter: invert(1); }
    html .nopAjaxFilters7Spikes .filter-block { border-color: var(--line) !important; }
}
/* "Lagt i handlekurven" popup and the small bar notification */


html .k-window.ajaxCart { background: var(--bw-card) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .6); }
html div.k-overlay { background-color: #000 !important; opacity: .6 !important; }
html .k-window.ajaxCart .k-window-titlebar.k-header .k-window-actions a.k-window-action { background: var(--bw-soft); }
html .k-window.ajaxCart .k-window-titlebar.k-header .k-window-actions a.k-window-action:hover { background: var(--border); }
html .productAddedToCartWindow .productAddedToCartWindowImage { background: #fff; }
html .productAddedToCartWindow .productAddedToCartWindowDescription h1 a, html .productAddedToCartWindow .productAddedToCartWindowTitle { color: var(--text) !important; }
html .productAddedToCartWindow .continueShoppingLink { background: transparent; border-color: var(--border); color: var(--text); }
html .productAddedToCartWindow .productAddedToCartWindowCheckout { background: var(--pink); color: var(--bw-ink); }
html .productAddedToCartWindow .productAddedToCartWindowCheckout:hover { background: var(--pink-hover); color: var(--bw-ink); }
html .productAddedToCartWindow .related-products-grid { background: var(--bw-black); border-top-color: var(--line); }
html #bar-notification { background: var(--bw-card) !important; border-color: var(--bw-card-line); box-shadow: 0 12px 32px rgba(0, 0, 0, .55); color: var(--text); }
html #bar-notification .content { color: var(--text); }
html #bar-notification .content a, html #bar-notification .content a:hover { color: var(--bw-ink); }
html #bar-notification .content a:hover { background: var(--pink-hover); }
html #bar-notification .close { background: var(--bw-soft); }
/* Contact us / FAQ accordions */


html .accordion__trigger { background: var(--bw-card) !important; color: var(--text) !important; }
html .accordion__trigger:hover { background: var(--bw-soft) !important; }
html .accordion__trigger .accordion__trigger__title { color: var(--text) !important; }
html .accordion__trigger__icon { color: var(--pink) !important; }
html .accordion__content, html .accordion__content * { color: var(--text); }
html .accordion__content a { color: var(--pink); }
html #input-search { background: var(--bw-soft) !important; border-color: var(--border) !important; color: var(--text) !important; }
/* ---------- Cart page ---------- *//* Line between the products: subtle instead of light grey */



html .shopping-cart-page .rz li.or { border-bottom-color: var(--bw-card-line) !important; }
/* + / - buttons */

html .shopping-cart-page .qbm { background-color: #353234 !important; border-color: #353234 !important; box-shadow: none !important; color: #ebdbdb !important; }
html .shopping-cart-page .qbm:hover { border-color: var(--pink) !important; color: var(--pink) !important; }
/* "Klikk her for a oppgi rabattkode" */

html .shopping-cart-page #rabattkodeLink { background: var(--bw-soft) !important; border-color: var(--border) !important; box-shadow: none !important; color: var(--text) !important; }
html .shopping-cart-page #rabattkodeLink:hover { border-color: var(--pink) !important; color: var(--pink) !important; }
html .shopping-cart-page #rabattkodeLink i { color: var(--pink) !important; }
html .shopping-cart-page #kodeBox input[type="text"] { background: var(--bw-soft); border-color: var(--border); color: var(--text); }
html .shopping-cart-page #kodeBox input[type="submit"] { background: transparent; border-color: var(--pink); color: var(--pink); }
html .shopping-cart-page #kodeBox p { color: var(--muted) !important; }
/* "Prioritert ordre" */

html .shopping-cart-page .checkout-attributes .option-list li { background: var(--bw-soft) !important; border-color: var(--border) !important; }
html .shopping-cart-page .checkout-attributes .option-list label, html .shopping-cart-page .checkout-attributes .option-list b { color: var(--text) !important; }
html .shopping-cart-page .checkout-attributes .option-list span { color: var(--muted) !important; }
html .shopping-cart-page .checkout-attributes .option-list input[type="checkbox"] { accent-color: var(--pink); }
/* "Prisen kan stige om du venter" */

html .shopping-cart-page .checkout-message-offers { background: rgba(255, 122, 184, .1) !important; border: 1px solid rgba(255, 122, 184, .45) !important; color: var(--text) !important; }
html .shopping-cart-page .checkout-message-offers img { filter: invert(1); }
/* Info boxes (bestillingsvare, no coupons) */

html .shopping-cart-page .order-summary-content > div[style*="20, html 86, html 227"], html .shopping-cart-page #ingenKode > div {
    background: rgba(140, 170, 255, .1) !important; border-color: rgba(140, 170, 255, .45) !important; color: #C9D6FF !important;
}
html .shopping-cart-page .order-summary-content > div[style*="20, html 86, html 227"] *, html .shopping-cart-page #ingenKode > div * { color: inherit !important; }
/* "Til kassen": pink with dark text (white on #FF7AB8 is too weak) */

html .shopping-cart-page button#checkout, html .shopping-cart-page button#checkout:hover {
    background: var(--pink) !important; color: var(--bw-ink) !important; box-shadow: 0 8px 24px rgba(255, 122, 184, .25);
}
html .shopping-cart-page button#checkout:hover { background: var(--pink-hover) !important; }
html .shopping-cart-page button#checkout span { color: var(--bw-ink) !important; }
/* ---------- Round 5: front page blocks ---------- */


html .mm-usp a.mm-usp__item, html .topic-html-content .mm-usp a.mm-usp__item { background: var(--bw-card); border-color: var(--bw-card-line); color: var(--text); }
html .mm-usp a.mm-usp__item:hover, html .topic-html-content .mm-usp a.mm-usp__item:hover { border-color: var(--pink); color: var(--text); }
html .mm-usp__item::before { background: var(--bw-soft); }
html .mm-usp__item::after { background: var(--pink); }
html .mm-usp__item span { color: var(--muted); }
html .mm-ship { background: var(--bw-card); border-color: var(--pink); color: var(--text); }
html .mm-ship__icon { background: var(--pink); color: var(--bw-ink); }
html .mm-ship__kicker { color: var(--pink); }
html .mm-ship__sub { color: var(--muted); }
html .mm-ship__btn { border-color: var(--text); color: var(--text); }
html .mm-ship__btn:hover { border-color: var(--pink); color: var(--pink); }
html .mm-about { background: var(--bw-card); border-color: var(--bw-card-line); color: var(--text); }
html .mm-about h2 { color: var(--text); }
html .mm-about p { color: var(--bw-old); }
html .mm-about__kicker, html .mm-about__link, html .mm-about__facts b { color: var(--pink); }
html .mm-about__facts li { border-bottom-color: var(--bw-card-line); }
@media (max-width: 1000px) {
    html .mm-ship__btn { color: var(--pink); }
}
/* ---------- Round 6: search page and blog ---------- *//* Pink buttons get dark text in Black Week */



html .search-page .search-input .search-button, html .page.blogpost-page .post-body a[style*="background"], html .page.blogpost-page .new-comment .buttons .button-1, html .login-page .returning-wrapper .login-button { color: var(--bw-ink) !important; }
/* Checkout: payment card like the cart card */

html .opc-page #checkout-step-payment-info .payment-info { background: var(--bw-card); border-color: var(--bw-card-line); }
/* Search page, mobile: light icons on the sort pill */


@media (max-width: 1000px) {
html .search-page select.products-orderby {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ecef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M3 8l4-4 4 4M17 20V4M13 16l4 4 4-4'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ecef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-color: transparent;
}
}
/* /salg daily deal: dark text on the pink button */


html .mm-deal__btn, html .mm-deal__btn:hover { color: var(--bw-ink) !important; }

/* Brand list (/manufacturer/all): the view's own grey link colour */
html .spbrand a.brand { color: var(--text); }
html .spbrand a.brand:hover { color: var(--pink); }
/* Product reviews (Lipscore): grey body and footer become dark; the text box blends into them */
html .lipscore-review-content,
html .lipscore-review-footer,
html .lipscore-dropdown-menu {
    background: var(--bw-soft) !important; border-color: var(--bw-card-line) !important; color: var(--text) !important;
}
html .lipscore-review-content-wrapper {
    background: transparent !important; color: var(--text) !important;
}
html .lipscore-review-reply {
    background: rgba(255, 255, 255, .05) !important; border-color: var(--bw-card-line) !important; color: var(--text) !important;
}