
/* v8: surgical fixes only. Footer markup/styles are untouched. */

/* The footer lives inside #page. The production theme paints #page white,
   which creates the large white canvas after the footer. Change only the
   surrounding canvas, not the footer itself. */
html,
body,
#page.pls-site-wrapper {
    background-color: #100014 !important;
    background: #100014 !important;
}

/* Product carousel: keep the production cards, add the visual gap shown
   in the reference, without adding/removing any navigation buttons. */
#section-71715 .swiper-wrapper,
#section-16457 .swiper-wrapper,
#section-nyheder .swiper-wrapper {
    column-gap: 0 !important;
}

#section-71715 .swiper-slide,
#section-16457 .swiper-slide,
#section-nyheder .swiper-slide {
    margin-right: 20px !important;
}

@media (max-width: 767px) {
    #section-71715 .swiper-slide,
    #section-16457 .swiper-slide,
    #section-nyheder .swiper-slide {
        margin-right: 12px !important;
    }
}


/* Mobile mini-cart: keep the existing close action, but restore the visible X. */
@media (max-width: 768px) {
    .pls-minicart-slide .pls-minicart-header .pls-close-btn {
        position: relative !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 36px !important;
        color: #111 !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-indent: 0 !important;
        overflow: visible !important;
        text-decoration: none !important;
    }

    .pls-minicart-slide .pls-minicart-header .pls-close-btn::before {
        content: '×' !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #111 !important;
        font-family: Arial, sans-serif !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        pointer-events: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .pls-minicart-slide .pls-minicart-header .pls-close-btn > svg {
        display: none !important;
    }
}


/* Homepage carousel consistency: all three sliders use the same card width/visibility treatment. */
#section-71715,
#section-16457,
#section-nyheder {
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
}
#nyheder_section .e-con-inner,
.elementor-element-37a7a0cf .e-con-inner {
    overflow:visible !important;
}
#section-71715 .swiper-slide,
#section-16457 .swiper-slide,
#section-nyheder .swiper-slide {
    box-sizing:border-box !important;
}
@media (max-width: 767px) {
    #section-71715 .swiper-slide,
    #section-16457 .swiper-slide,
    #section-nyheder .swiper-slide {
        width:50% !important;
        min-width:50% !important;
        max-width:50% !important;
        flex:0 0 50% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    #section-71715 .pls-product-inner,
    #section-16457 .pls-product-inner,
    #section-nyheder .pls-product-inner {
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
    }
}

/* ==========================================================
   HOMEPAGE PRODUCT CAROUSELS: MAKE NEWS & FAVORITES IDENTICAL
   TO THE SALE CAROUSEL
   ========================================================== */

/* Same outer geometry as the first (SALE) carousel. */
body.home #most_poupolar_sec,
body.home #nyheder_section,
body.home .elementor-element-37a7a0cf {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.home #most_poupolar_sec .e-con-inner,
body.home #nyheder_section .e-con-inner,
body.home .elementor-element-37a7a0cf .e-con-inner {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Same viewport behavior as the first carousel. */
body.home #section-71715,
body.home #section-nyheder,
body.home #section-16457 {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.home #section-71715 .swiper-slide,
body.home #section-nyheder .swiper-slide,
body.home #section-16457 .swiper-slide {
    box-sizing: border-box !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-shrink: 0 !important;
}

/* The first carousel is 2-up on mobile. Remove the older 1-card overrides
   that existed only for NYHEDER/FAVORITTER. */
@media (max-width: 767px) {
    body.home #section-71715 .swiper-slide,
    body.home #section-nyheder .swiper-slide,
    body.home #section-16457 .swiper-slide {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding: 8px 6px !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .pls-product-inner,
    body.home #section-nyheder .pls-product-inner,
    body.home #section-16457 .pls-product-inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px 6px !important;
        align-items: stretch !important;
        text-align: left !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .pls-product-image,
    body.home #section-nyheder .pls-product-image,
    body.home #section-16457 .pls-product-image {
        width: 100% !important;
        max-width: none !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 0 8px !important;
        border-radius: var(--pls-border-radius) !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .pls-product-image img,
    body.home #section-nyheder .pls-product-image img,
    body.home #section-16457 .pls-product-image img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        border-radius: var(--pls-border-radius) !important;
        object-fit: contain !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .pls-product-info,
    body.home #section-nyheder .pls-product-info,
    body.home #section-16457 .pls-product-info {
        width: 100% !important;
        max-width: none !important;
        align-items: stretch !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .product-title,
    body.home #section-71715 .product-title a,
    body.home #section-nyheder .product-title,
    body.home #section-nyheder .product-title a,
    body.home #section-16457 .product-title,
    body.home #section-16457 .product-title a,
    body.home #section-71715 h3.product-title,
    body.home #section-nyheder h3.product-title,
    body.home #section-16457 h3.product-title,
    body.home #section-71715 .woocommerce-loop-product__title,
    body.home #section-nyheder .woocommerce-loop-product__title,
    body.home #section-16457 .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        height: 2.6em !important;
        min-height: 2.6em !important;
        max-height: 2.6em !important;
        text-align: center !important;
        margin-bottom: 4px !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .pls-product-price,
    body.home #section-nyheder .pls-product-price,
    body.home #section-16457 .pls-product-price,
    body.home #section-71715 .price,
    body.home #section-nyheder .price,
    body.home #section-16457 .price {
        font-size: 14px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.home #section-71715 .pls-cart-button .button,
    body.home #section-nyheder .pls-cart-button .button,
    body.home #section-16457 .pls-cart-button .button,
    body.home #section-71715 .ajax_add_to_cart,
    body.home #section-nyheder .ajax_add_to_cart,
    body.home #section-16457 .ajax_add_to_cart {
        width: 100% !important;
        font-size: 12px !important;
        padding: 8px 12px !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }
}

/* Same navigation geometry as the first carousel, including mobile. */
body.home #section-71715 .pls-slider-navigation,
body.home #section-nyheder .pls-slider-navigation,
body.home #section-16457 .pls-slider-navigation {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 10px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none !important;
    z-index: 25 !important;
    box-sizing: border-box !important;
}

body.home #section-71715 .pls-slider-prev,
body.home #section-71715 .pls-slider-next,
body.home #section-nyheder .pls-slider-prev,
body.home #section-nyheder .pls-slider-next,
body.home #section-16457 .pls-slider-prev,
body.home #section-16457 .pls-slider-next {
    position: absolute !important;
    top: 50% !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 30 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

body.home #section-71715 .pls-slider-prev,
body.home #section-nyheder .pls-slider-prev,
body.home #section-16457 .pls-slider-prev {
    left: 10px !important;
    right: auto !important;
}

body.home #section-71715 .pls-slider-next,
body.home #section-nyheder .pls-slider-next,
body.home #section-16457 .pls-slider-next {
    right: 10px !important;
    left: auto !important;
}

@media (max-width: 767px) {
    body.home #section-71715 .pls-slider-navigation,
    body.home #section-nyheder .pls-slider-navigation,
    body.home #section-16457 .pls-slider-navigation {
        top: 50% !important;
        padding: 0 4px !important;
    }

    body.home #section-71715 .pls-slider-prev,
    body.home #section-71715 .pls-slider-next,
    body.home #section-nyheder .pls-slider-prev,
    body.home #section-nyheder .pls-slider-next,
    body.home #section-16457 .pls-slider-prev,
    body.home #section-16457 .pls-slider-next {
        width: 34px !important;
        height: 34px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    body.home #section-71715 .pls-slider-prev,
    body.home #section-nyheder .pls-slider-prev,
    body.home #section-16457 .pls-slider-prev {
        left: 2px !important;
        right: auto !important;
    }

    body.home #section-71715 .pls-slider-next,
    body.home #section-nyheder .pls-slider-next,
    body.home #section-16457 .pls-slider-next {
        right: 2px !important;
        left: auto !important;
    }
}


/* v8.1: Make the two lower homepage product sliders truly full-bleed,
   matching the visible edge geometry of the first SALE slider. Only the
   product-slider widget is offset, leaving headings/other section content intact. */
body.home #nyheder_section .elementor-widget-pls-products-grid-slider,
body.home .elementor-element-37a7a0cf .elementor-widget-pls-products-grid-slider {
    width: calc(100% + 70px) !important;
    max-width: none !important;
    margin-left: -35px !important;
    margin-right: -35px !important;
    box-sizing: border-box !important;
}

body.home #nyheder_section #section-nyheder,
body.home .elementor-element-37a7a0cf #section-16457 {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

/* Third carousel navigation: match the SALE slider's button geometry. */
body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-navigation {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-prev,
body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-next {
    width: 44px !important;
    height: 44px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 40 !important;
    box-sizing: border-box !important;
}

body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-prev {
    left: 10px !important;
    right: auto !important;
}

body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-next {
    right: 10px !important;
    left: auto !important;
}

@media (max-width: 767px) {
    body.home #nyheder_section .elementor-widget-pls-products-grid-slider,
    body.home .elementor-element-37a7a0cf .elementor-widget-pls-products-grid-slider {
        width: calc(100% + 70px) !important;
        max-width: none !important;
        margin-left: -35px !important;
        margin-right: -35px !important;
    }

    body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-navigation {
        padding: 0 10px !important;
    }

    body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-prev,
    body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-next {
        width: 34px !important;
        height: 34px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-prev {
        left: 2px !important;
    }

    body.home .elementor-element-37a7a0cf #section-16457 .pls-slider-next {
        right: 2px !important;
    }
}

/* ==========================================================
   FINAL HOMEPAGE PRODUCT CAROUSEL GEOMETRY
   Four complete desktop cards. One card per scroll.
   ========================================================== */
body.home #section-71715,
body.home #section-nyheder,
body.home #section-16457 {
    overflow: hidden !important;
}

body.home #section-71715 .swiper-wrapper,
body.home #section-nyheder .swiper-wrapper,
body.home #section-16457 .swiper-wrapper {
    column-gap: 0 !important;
    row-gap: 0 !important;
}

@media (min-width: 1024px) {
    body.home #section-71715 .swiper-slide,
    body.home #section-nyheder .swiper-slide,
    body.home #section-16457 .swiper-slide {
        width: calc((100% - 60px) / 4) !important;
        min-width: calc((100% - 60px) / 4) !important;
        max-width: calc((100% - 60px) / 4) !important;
        flex: 0 0 calc((100% - 60px) / 4) !important;
        margin-right: 20px !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body.home #section-71715 .swiper-slide,
    body.home #section-nyheder .swiper-slide,
    body.home #section-16457 .swiper-slide {
        width: calc((100% - 32px) / 3) !important;
        min-width: calc((100% - 32px) / 3) !important;
        max-width: calc((100% - 32px) / 3) !important;
        flex: 0 0 calc((100% - 32px) / 3) !important;
        margin-right: 16px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    body.home #section-71715 .swiper-slide,
    body.home #section-nyheder .swiper-slide,
    body.home #section-16457 .swiper-slide {
        width: calc((100% - 12px) / 2) !important;
        min-width: calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
        flex: 0 0 calc((100% - 12px) / 2) !important;
        margin-right: 12px !important;
        box-sizing: border-box !important;
    }
}
