/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.nieuwsbriefbutton {background-color: #171717 !important;border-color: #171717 !important}


/* Account */
.woocommerce .woocommerce-MyAccount-navigation ul li a {color:#000;opacity: 0.8;}
.woocommerce .woocommerce-MyAccount-content p a {color:#000}
.woocommerce .woocommerce-MyAccount-content p a:hover {color:#d8c176}

/* Slide-in */
.hustle-ui.module_id_1 .hustle-layout .hustle-layout-body { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.hustle-ui.module_id_1 .hustle-layout button.hustle-button-close { right: 15px; top: 15px; } 
.cmplz-cookiebanner ul li {list-style: none;}

/* Header */
body #header-outer .full-width-section .row-bg-wrap, body .nectar_hook_global_section_footer .wpb_row.full-width-content, body .full-width-section .row-bg-wrap {margin-left: -50vw;width: 100vw;}

#header-outer[data-header-resize="1"]:not([data-transparent-header="true"]) #logo, #header-outer[data-header-resize="1"]:not([data-transparent-header="true"]) .logo-spacing {margin: 10px 0;}
.ocm-effect-wrap-inner #header-space {height: auto;}

body.material .ocm-effect-wrap #header-outer:not([data-format=left-header]) #top nav>.buttons>li {margin: 0 10px}

#menu-item-2623 {color: #A99B8B;}

.headertop {font-size: 12px;color: #000;}
.headertop .topnav {width: 100%;text-align: right;}
.headertop .topnav ul {display: inline-flex;gap: 8px;}
.headertop .topnav ul a {color: #000;}
.headertop .wpb_text_column a {color:#000;}

body #header-outer[data-format=centered-menu-under-logo] #top .span_9 nav {justify-content: space-between;}
.scrolled-down .nectar_hook_before_secondary_header {
    opacity: 0;
    max-height: 0;
    transform: translateY(-50px);
    z-index: 0 !important;
}

body #header-outer[data-format=centered-menu-bottom-bar] .span_3 {max-height: 70px;transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.4s ease, padding 0.4s ease, margin 0.4s ease;}
body #header-outer[data-format=centered-menu-bottom-bar].scrolled-down .span_3 {opacity:0;max-height: 0;transform:translateY(-20px);z-index:0 !important}
body #header-outer[data-format=centered-menu-bottom-bar].scrolled-down .span_9 {padding-top:20px}
#header-outer nav .category-overview ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0 !important;
}
#header-outer nav .category-overview ul li ul {
    left: 10px;
    opacity: 1;
    margin-top:5px;
}
#header-outer nav .category-overview ul li {
    padding: 5px 0;
    margin: 0;
}
#header-outer nav .category-overview ul li a {font-size: 16px;font-family: 'Roboto Condensed';color:#555;line-height:24px;}
#header-outer .sf-menu li ul li.menu-item a {font-size:16px !important;}

/* Navigatie */

body.material #top nav ul #custom-header-icon a span {font-size: 20px;}
body.material #top nav ul #custom-header-icon a {margin:0 !important;line-height: 0;padding:0 !important;}
body.material #top nav ul #custom-header-icon a:hover span {color:#262626 !important}
body.material #top nav ul #custom-header-icon a span {color:#171717}

#header-outer #top nav .nectar-global-section-megamenu ul li {padding:0}
#header-outer #top nav .nectar-global-section-megamenu ul li a {display:block;width:100%}

#header-outer li.sfHover .nectar-global-section-megamenu {overflow: hidden;}

.imgdropdown {padding:20px !important;}

body .ocm-effect-wrap-inner .nectar-slide-in-cart .widget_shopping_cart .cart_list a img {width:65px}

/* Footer */

.klantenservicelinks ul li {list-style:none;padding-left:0}
.klantenservicelinks ul {margin-left:0;}

.nectar_hook_global_section_footer h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'roboto condensed'; 
    font-weight: 400;
    letter-spacing:1px;
}
.nectar_hook_global_section_footer input[type=email] {background:rgba(255,255,255,0.9)}
.nectar_hook_global_section_footer p {
    font-size:15px;
    font-family: 'Roboto';
}
.nectar_hook_global_section_footer a {
    font-size:15px;
    font-family: 'Roboto';
}
.nectar_hook_global_section_footer {
    font-size: 0.9vw;
    font-family: 'Roboto';
}

#footer-outer {display: none;}

.betaalmethodes .wpb_wrapper {display: flex;}

/* .vc_row.vc_row-o-equal-height.vc_row-o-content-top>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {display: flex;align-items: center;justify-content: center;} */


/* Homepage */

.homepagetekst h1 {font-size: 42px;margin-bottom: 20px;}
.homepagetekst p {font-size: 16px;}
.homepagetekst p, .homepagetekst h1 {color:#fff;}

.nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content {font-family: 'Roboto Condensed';font-weight: 200;text-shadow: 1px 1px 1px #000;}
.nectar-slider-wrap[data-full-width="false"][data-button-sizing="regular"] .swiper-slide .button a {background-color: #171717 !important;}

.swiper-slide .content p {font-weight: 400 !important}

.nectar-cta[data-style="arrow-circle-animation"] .link_wrap {justify-content: flex-end;}

.nectar-post-grid[data-columns="4"].layout-mixed .nectar-post-grid-item .content .post-heading {
    font-weight: 200;
    font-size: 22px;
    font-family: 'Roboto Condensed';
    text-shadow: 1px 1px 2px black;
}

/* Pages */
#sidebar .klanten-nav .wp-block-heading {
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
}
#sidebar .klanten-nav .wp-block-list {
    padding-left: 10px;
}
.woocommerce.single-product div.product[data-tab-pos] {margin-bottom:35px;padding-bottom: 35px;}

/* Categorie */

ul.products li.minimal.product .product-wrap {display:flex;flex-direction:column;justify-content:space-between}

.products li.product.minimal .product-image-wrap {max-height: 500px;overflow: hidden;}

.category-overview {
    padding: 15px;
    margin: 0 !important;
}
.category-overview h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 !important;
    font-family: 'Roboto Condensed';
    color: #262626;
}


.woocommerce.archive #page-header-wrap + .container-wrap {padding-top:15px !important}

.term-description h2 {font-size: 24px;font-weight:400;text-transform:none}

.page-title {color:#000}

.tax-product_cat .term-description {background-color: #fff;padding: 25px;border-radius: 4px;} 
.tax-product_cat .woo-custom-brand {font-size: 26px;}

/* .bapf_slidr .irs--sharp .irs-max, .bapf_slidr .irs--sharp .irs-min, .bapf_slidr .irs--sharp .irs-from, .bapf_slidr .irs--sharp .irs-single, .bapf_slidr .irs--sharp .irs-to {background-color: #d8c176;}
.bapf_slidr .irs--sharp .irs-bar, .bapf_slidr .irs--sharp .irs-handle {background-color: #d8c176;}
.bapf_slidr .irs--sharp .irs-from:before, .bapf_slidr .irs--sharp .irs-single:before, .bapf_slidr .irs--sharp .irs-to:before, .bapf_slidr .irs--sharp .irs-handle>i:first-child {border-top-color: #d8c176;} */
.berocket_single_filter_widget h3 {color:#000;text-transform: uppercase;font-weight: normal;font-size: 20px;padding: 4px 7px;padding-left:0;}
.berocket_single_filter_widget .bapf_sfilter {background: #fff; border-radius: 4px;padding:10px 20px 20px 20px;}
.berocket_single_filter_widget .bapf-clean-rounded li label {border-radius: 0;border:1px solid #ccc;font-size:13px;}
.bapf_sfilter .bapf_colaps_smb, .bapf_sfilter .bapf_desci {right:7px !important;}

.woo-custom-brand {color: #000;text-transform: uppercase;display: inline-block;}
.woo-custom-product-name {display: block;font-size: 18px;}

.carousel-wrap .woo-custom-product-name {font-size: 18px;}
.woocommerce-result-count {display: none;}
.inner .bapf_hideckbox li label, .inner .bapf_hideckbox li label a {color:#000;}
.inner .bapf_hideckbox li label:hover, .inner .bapf_hideckbox li label:hover a {color:#d8c176}
#sidebar .berocket_single_filter_widget_42392 ul {margin-left: 15px !important}

/* Product page */
.product-template-default .woo-custom-brand {font-size:36px;}
.single-product .container-wrap {background: #F7F5F1;} 
.single-product .container-wrap div.product p.stock {padding-bottom:0;}
.single-product .container-wrap div.product div.quantity {background:#fff;border-radius:0;}
.woocommerce .variations, .woocommerce div.product form.cart .variations {margin-bottom: 0px !important}
.woocommerce div.product form.cart .variations label {font-weight: normal;font-size: 16px;text-transform: uppercase;}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
    width: 100%;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 0px;
    margin-bottom: 15px;
    border:1px solid rgba(0,0,0,0.2);
}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single a {color:#000}
.woocommerce-page button[type=submit].single_add_to_cart_button, body[data-form-submit=regular].woocommerce-page .container-wrap button[type=submit].single_add_to_cart_button {margin-top:15px;line-height: 25px;}
.woocommerce div.product form.cart {margin-bottom: 15px !important}
.bestelnummer_label {text-transform: capitalize;}
.woocommerce .single-product-summary {padding-left:0}
.single-product .product_title .woo-custom-product-name {font-size: 26px;font-weight:200;}
.nectar-woo-flickity.related-upsell-carousel .products.flickity-enabled {overflow:hidden}
.related-upsell-carousel.nectar-woo-flickity section > h2 {color:#000;}

.woocommerce #ajax-content-wrap .woocommerce-tabs[data-tab-style=fullwidth_stacked]>div:not(.tab-container) {padding: 20px !important;background:#fff;border-radius: 4px;margin-bottom:30px !important}

/* Winkelwagen pagina */
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices, 
.woocommerce-cart .wc-block-components-product-details.wc-block-components-product-details, 
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, 
.wp-block-woocommerce-cart-order-summary-totals-block, 
.wc-block-components-chip.is-removable .wc-block-components-chip__text {font-size: 16px;}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {color:#fff}
.wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text {opacity: 1 !important}

body.woocommerce-cart .is-large.wc-block-cart .wc-block-cart__totals-title, body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header {font-size:18px}

/* Checkout */

.wc-block-components-radio-control--highlight-checked, 
.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    background: #fff;
    border-radius:0;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {font-size:20px;}
body .wp-block-woocommerce-checkout-order-summary-block {
    border-radius: 0;
    background: #fff;
}

.merken-overzicht-lijst li {background:#fff}


@media only screen and (max-width:1300px) {
    body .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 {font-size:42px;}
    body .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p {font-size:22px;}
}

@media only screen and (max-width:1200px) {
    body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>li {
        margin: 0 3px;
    }
    #header-outer[data-lhe=default] #top nav>ul>li>a {padding: 0 6px;}
}
@media only screen and (min-width: 1000px) {
    #header-outer[data-format=centered-menu-bottom-bar] .span_3 #logo {margin-top:10px}
}
@media only screen and (max-width: 1000px) {
    .nectar_hook_before_secondary_header {display: none;}
    #header-outer header {padding:3px 0}
    body #header-outer {padding: 0 !important}
    body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title {padding-top:20px;}
    #top .mobile-wishlist-link {padding: 0 10px; order: -1; color: #a9a9a9}
    #top .mobile-wishlist-link span {color: #000 !important}
    body .wpb_column.max_width_desktop_30vw {max-width:60%}
    .nectar_hook_global_section_footer .link_wrap {display:inline-block;padding: 0 10px !important}
    .bottombar .col, .bottombar .col .wpb_wrapper p {text-align:center !important; font-size:13px;}
    .bottombar .col .wpb_wrapper a {font-size:13px;color:#f1f1f1}
    .bottombar .col {margin-bottom:10px !important}
    .woocommerce .woocommerce-ordering select {height:40px;}
    body.woocommerce .nectar-shop-header .nectar-shop-header-bottom .woocommerce-ordering {width:100%}
    #header-outer #top #mobile-cart-link i, #header-outer .mobile-search .icon-salient-search, #header-outer .mobile-user-account .icon-salient-m-user, #top .span_9>.slide-out-widget-area-toggle>div {color:#000}
}
@media (max-width: 767px) {
    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {height: 40px !important;}
    .homepagetekst h1 {font-size: 24px;}
    .home h2 {font-size: 25px;line-height: 30px;}
    p {font-size: 16px;}
    .products li.product.minimal .product-meta {padding: 15px 5px;}
    .tax-product_cat .woo-custom-brand {font-size: 18px;}
    .tax-product_cat .woo-custom-product-name {font-size:16px}
    .woocommerce ul.products li.product.minimal .price, .woocommerce-page ul.products li.product.minimal .price {font-size: 16px;}
    .single-product-summary .woo-custom-brand {font-size: 26px;}
    .berocket_single_filter_widget .bapf_sfilter.buttonfilter {
        background: none;
        text-align:center;
        padding:5px;
    }
    .berocket_single_filter_widget .bapf_sfilter.buttonfilter .bapf_button {
        background: #171717;
        font-size:14px;
    }
}
@media (max-width:691px) {
    .nectar_hook_global_section_footer {text-align:center}
    .nectar_hook_global_section_footer ul {margin-left:0}
    .nectar_hook_global_section_footer ul li {list-style:none}
    .nectar_hook_global_section_footer .nectar-cta[data-alignment=left] {text-align:center;}
    body .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content p {font-size: 20px;line-height: 30px;}
    body .nectar-shop-header .nectar-shop-header-bottom .right-side, body .nectar-shop-header .nectar-shop-header-bottom .left-side {width:50%;}
}
@media (max-width:500px) {
    .home h2 {font-size: 30px !important;}
    body .wpb_column.max_width_desktop_30vw {max-width:85%}
    .bottombar .col .wpb_wrapper a {font-size:11px;}
    /* Search */
    body .ocm-effect-wrap #header-outer {display: flex; flex-direction: column}
    body.material #header-outer #search-outer {height: 42px;min-height:20px;transform:translate3d(0,0,0);display:block;position:relative;order:2}
    body.material #header-outer #search-outer #search-box {transform:translate3d(0,0,0);opacity:1;}
    .material #header-outer #search-outer #search {background:#171717;}
    body.material #header-outer #search-outer #search input[type="text"] {text-align:center;color: #fff !important;padding:0px;font-size:14px;}
    body.material #header-outer #search-outer #search input[type="text"]::placeholder {color:#fff !important}
    #top .mobile-search {display:none}
    body[data-slide-out-widget-area-style=slide-out-from-right] .nectar-social.fixed {display:none}
    .woocommerce-variation-add-to-cart {
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        background: #fff;
        padding: 10px;
        z-index: 10;
        border-top: 1px solid #ddd;
    }
    .woocommerce div.product form.cart div.quantity {height:65px;}
    .woocommerce-page button[type=submit].single_add_to_cart_button, body[data-form-submit=regular].woocommerce-page .container-wrap button[type=submit].single_add_to_cart_button {margin-top:0 !important}
}

/* De Grid Container */
.lingerie-masonry-banner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 15px;
    width: 100%;
    height: 600px; /* Totale hoogte op desktop */
    margin-bottom: 30px;
}

.lingerie-masonry-banner .banner-item,
.lingerie-masonry-banner .banner-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

/* Zorg dat zowel afbeeldingen als video's de hele cel vullen */
.lingerie-masonry-banner .banner-item img,
.lingerie-masonry-banner .banner-item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    transition: transform 0.5s ease;
}

/* Zoom-effect bij hover op afbeelding óf video */
.lingerie-masonry-banner .banner-item:hover img,
.lingerie-masonry-banner .banner-item:hover video {
    transform: scale(1.04);
}

/* --- De Chique Titel Overlay --- */
.lingerie-masonry-banner .banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* Subtiel verloop van transparant naar donkergrijs voor leesbaarheid */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 30px 20px 20px 20px;
    color: #ffffff;
    pointer-events: none; /* Zorgt dat je door de tekst heen kunt klikken op de link */
    z-index: 2;
}

.lingerie-masonry-banner .banner-overlay span {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: block;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2); /* Extra bescherming voor leesbaarheid */
}

/* --- Grid Positionering --- */
.lingerie-masonry-banner .banner-item:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
.lingerie-masonry-banner .banner-item:nth-child(2) { grid-column: 2; grid-row: 1; }
.lingerie-masonry-banner .banner-item:nth-child(3) { grid-column: 2; grid-row: 2; }
.lingerie-masonry-banner .banner-item:nth-child(4) { grid-column: 3; grid-row: 1 / span 2; }

/* --- Responsiviteit --- */
@media (max-width: 991px) {
    .lingerie-masonry-banner {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        height: auto;
        grid-auto-rows: 300px;
    }
    .lingerie-masonry-banner .banner-item:nth-child(1),
    .lingerie-masonry-banner .banner-item:nth-child(4) { grid-row: span 2; grid-column: auto; }
    .lingerie-masonry-banner .banner-item:nth-child(2),
    .lingerie-masonry-banner .banner-item:nth-attr(3) { grid-row: span 1; grid-column: auto; }
}

@media (max-width: 767px) {
    .lingerie-masonry-banner {
        grid-template-columns: 1fr;
        grid-auto-rows: 350px;
    }
    .lingerie-masonry-banner .banner-item:nth-child(1),
    .lingerie-masonry-banner .banner-item:nth-child(4) { grid-row: span 1; }
}

/* Nieuwe Video Masonry Container */
.lingerie-video-masonry {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 300px; 
    gap: 15px;
    width: 100%;
    margin-bottom: 30px;
}

.lingerie-video-masonry .video-item,
.lingerie-video-masonry .video-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.lingerie-video-masonry .video-item img,
.lingerie-video-masonry .video-item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s ease;
}

.lingerie-video-masonry .video-item:hover img,
.lingerie-video-masonry .video-item:hover video {
    transform: scale(1.05);
}

/* ==========================================
   --- De Dynamische Grid Posities --- 
========================================== */

/* 1. Het grote vierkant (Voor Video of Foto 1) */
.lingerie-video-masonry .video-item.large-square {
    grid-column: span 2;
    grid-row: span 2;
}

/* 2. Staande elementen (Foto/Video rechtsboven, én de onderste rij indien staand) */
.lingerie-video-masonry .video-item.tall-photo {
    grid-column: span 1;
    grid-row: span 2;
}

/* 3. Kleine vierkanten (De onderste rij indien gekozen voor vierkant) */
.lingerie-video-masonry .video-item.small-square {
    grid-column: span 1;
    grid-row: span 1;
}

/* --- Overlays --- */

/* --- Overlays --- */
.lingerie-video-masonry .banner-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    padding: 30px 20px 20px 20px;
    color: #fff;
    z-index: 2;
    pointer-events: none;
}
.lingerie-video-masonry .banner-overlay span {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #000;
}

/* --- Mobiel --- */

@media (max-width: 767px) {
    .lingerie-video-masonry {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .lingerie-video-masonry .video-item {
        grid-column: auto !important;
    }
}

/* Basis styling voor de categorie boomstructuur */
.category-overview ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-overview ul ul {
    padding-left: 15px; /* Inspringing voor sub-subcategorieën */
    margin-bottom: 5px; /* Ruimte onder een lijstje subcategorieën */
}

/* Voorkom dat losse lijst-items of subgroepen breken over kolommen */
.category-overview > ul.category-tree-root > li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 5px; /* Ruimte tussen de hoofdcategorieën */
}

/* Kolommen verdeling op basis van CSS Multi-columns (voorkomt lege witruimtes) */
.category-overview.cat-cols-1 > ul.category-tree-root { column-count: 1; }
.category-overview.cat-cols-2 > ul.category-tree-root { column-count: 2; column-gap: 30px; }
.category-overview.cat-cols-3 > ul.category-tree-root { column-count: 3; column-gap: 30px; }
.category-overview.cat-cols-4 > ul.category-tree-root { column-count: 4; column-gap: 30px; }

/* Responsive: Op telefoons altijd terug naar 1 strakke kolom */
@media (max-width: 768px) {
    .category-overview[class*="columns-"] > ul.category-tree-list {
        column-count: 1;
    }
}