/*
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
*/

/* OVERZICHTSPAGINA PRODUCTEN */

body:not(.single-product) { }

body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] { display: grid!important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px; row-gap: 20px; width: 100%!important; }
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"]:before,
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"]:after { content: none; }
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] li.product { margin: 0!important; width: 100%!important; border-radius: 5px; overflow: hidden; background-color: #f5f5f5; }
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] li.product h2 { margin-top: 0; padding: 25px 30px; font-weight: 700!important; }
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] li.product h2:after { content: none; }
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] li.product span.price { position: relative; margin: 0; margin-top: -20px; padding: 30px 30px; padding-top: 0; }
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] li.product a:hover img { opacity: 0.8; }

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count { margin-bottom: 0; bottom: 20px; right: 250px; }

a.button.product_type_variable,
a.button.product_type_variable span { font-size: 0!important; }
a.button.product_type_variable:before { position: relative; top: 1px; content: "Bekijk product"; font-size: 16px; }


@media only screen and (min-width: 1px) and (max-width: 999px) {

    .nectar-shop-header .woocommerce-breadcrumb { line-height: 20px; }
    
    body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] { display: flex!important; }
    
    a.button.product_type_variable { bottom: 20px!important; left: 20px!important; padding: 6px 15px!important; width: calc(100% - 40px)!important; }

}


/* PRODUCTPAGINA */

body.single-product { }
body.single-product .container-wrap { padding-bottom: 0; }

/* product-slider */
.single-product .images .product-slider { margin-bottom: 15px; width: 100%; aspect-ratio: 4/3; border: 1px solid #ccc; border-radius: 5px; }
.single-product .images .product-slider .slider,
.single-product .images .product-slider .slider .flickity-viewport { height: 100%!important; }
.single-product .images .product-slider .slider .flickity-viewport { }
.single-product .images .product-slider .slider .flickity-viewport .flickity-slider { height: 100%; }
.single-product .images .product-slider .slider .flickity-viewport .flickity-slider .slide { height: 100%; }
.single-product .images .product-slider .slider .flickity-viewport .flickity-slider .slide .easyzoom { height: 100%; }
.single-product .images .product-slider .slider .flickity-viewport .flickity-slider .slide .easyzoom a { display: flex; align-items: center; justify-content: center; height: 100%; }
.single-product .images .product-slider .slider .flickity-viewport .flickity-slider .slide .easyzoom a img { width: auto; max-width: 90%; height: auto; max-height: 90%; }

/* product-slider - thumbs */
.single-product .product-thumbs .flickity-slider .thumb { aspect-ratio: 4/3; overflow: hidden; }
.single-product .product-thumbs .flickity-slider .thumb .thumb-inner { height: 100%; overflow: hidden; }
.single-product .product-thumbs .flickity-slider .thumb .thumb-inner img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.single-product .product-thumbs .flickity-slider .thumb.is-nav-selected img { border-radius: 5px; }

/* summary */
.single-product div.product h1.product_title { font-size: 40px; font-weight: 700; }
.single-product .product[data-tab-pos] .summary.entry-summary { padding: 60px; border: 1px solid #ccc; border-radius: 5px; }
body:not(.woocommerce-cart) .main-content th { padding-left: 0; }

.woocommerce div.product .cart.variations_form .tawcvs-swatches { margin-bottom: 0!important; }
.woocommerce div.product .cart.variations_form table .tawcvs-swatches .swatch-item-wrapper { margin-bottom: 5px!important; }

.single_variation_wrap { display: flex; flex-wrap: wrap; }
.single_variation_wrap .woocommerce-variation.single_variation { width: 100%; }
.woocommerce.single-product .product .yith-ywraq-add-to-quote { margin-top: 8px; }

/* tabs (rows) */
.woocommerce div.product .woocommerce-tabs { padding-top: 60px!important; }
.woocommerce .woocommerce-tabs .panel { position: relative; padding: 90px 0!important; font-size: 18px; }

.woocommerce .woocommerce-tabs > div h2,
.single-product .related.products h2 { position: relative; margin-bottom: 60px; }
.woocommerce .woocommerce-tabs > div h2:after,
.single-product .related.products h2:after { position: absolute; bottom: -15px; left: 0; width: 60px; height: 3px; content: ""; background-color: #ea5e3b; }

/* tabs - omschrijving */
.woocommerce .woocommerce-tabs .panel#tab-description { padding: 90px 0!important; color: #fff; }
.woocommerce .woocommerce-tabs .panel#tab-description h2 { margin-bottom: 15px; color: #fff; font-weight: 400; text-transform: none; }
.woocommerce .woocommerce-tabs .panel#tab-description h2:after { content: none; }
.woocommerce .woocommerce-tabs .panel#tab-description p:last-of-type { margin-bottom: 1.5em!important; }
.woocommerce .woocommerce-tabs .panel#tab-description:after { position: absolute; content: ""; top: 0; left: -50%; width: 200%; height: 100%; z-index: -1; background-color: #262348; background: radial-gradient(circle at top left, rgb(22,17,50) 10%, rgb(49,50,126) 90%); }

/* tabs - extra informatie */
.woocommerce .woocommerce-tabs .panel#tab-additional_information:after { position: absolute; content: ""; top: 0; left: -50%; width: 200%; height: 100%; border-bottom: 1px solid #ccc; pointer-events: none; z-index: 1; }
.woocommerce .woocommerce-tabs .panel#tab-additional_information table th { padding: 5px 10px; }
.woocommerce .woocommerce-tabs .panel#tab-additional_information table td { padding: 5px 10px; font-size: 16px; }

/* tabs - downloads */
.woocommerce .woocommerce-tabs .panel#tab-downloads { z-index: 2; }
.woocommerce .woocommerce-tabs .panel#tab-downloads:after { position: absolute; content: ""; top: 0; left: -50%; width: 200%; height: 100%; z-index: -1; background-color: #fafafa; }

/* tabs - gerelateerde producten */
.related.products { padding: 90px 0!important; }
.related.products ul.products { display: grid!important; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 20px; row-gap: 20px; }
.related.products ul.products:before,
.related.products ul.products:after { content: none; }
.related.products ul.products li.product { margin: 0!important; width: 100%!important; border-radius: 5px; overflow: hidden; background-color: #f5f5f5; }
.related.products ul.products li.product h2 { margin-top: 0; padding: 25px 30px; font-weight: 700!important; }
.related.products ul.products li.product h2:after { content: none; }
.related.products ul.products li.product span.price { position: relative; margin: 0; margin-top: -20px; padding: 30px 30px; padding-top: 0; }
.related.products ul.products li.product a:hover img { opacity: 0.8; }


@media only screen and (min-width: 1px) and (max-width: 999px) {
    
    .nectar-prod-wrap { display: flex; flex-direction: column; }
    
    body[data-header-resize="1"] .container-wrap,
    body[data-header-resize="1"] .project-title { padding-top: 30px; }
    .woocommerce-breadcrumb [class*=fa-] { line-height: 22px; }
    
    .woocommerce div.product div.summary { margin-bottom: 0; }
    .single-product .product[data-tab-pos] .summary.entry-summary { padding: 0; padding-top: 20px; border: none; border-radius: 0; }
        
    .single-product div.product h1.product_title { font-size: 30px; }
    .woocommerce div.product .summary p.price { font-size: 20px; }

    .woocommerce .woocommerce-tabs > div h2,
    .single-product .related.products h2 { margin-bottom: 45px; }

    .woocommerce .woocommerce-tabs .panel { padding: 45px 0!important; }
    .woocommerce .woocommerce-tabs .panel#tab-description { padding: 45px 0!important; }
    
    body:not(.woocommerce-cart) .main-content table tr { display: flex; flex-direction: column; }
    body:not(.woocommerce-cart) .main-content table tr th,
    body:not(.woocommerce-cart) .main-content table tr td { width: 100%; }
    body:not(.woocommerce-cart) .main-content table tr td { border-left: 1px solid #ececec; }
    body:not(.woocommerce-cart) .main-content table tr td p { margin: 0; padding: 0; }

    .related.products { padding: 45px 0!important; }
    .related.products ul.products { display: flex!important; }
    .related.products ul.products li.product h2 { padding: 20px 20px; }
    
}
.sf-menu ul {
    width: 25em !important;
}
/* auteur foto rond maken */
.author-gravatar {
    border-radius: 50%;
    object-fit: cover;
    width: 150px; /* Dezelfde breedte als de shortcode-grootte */
    height: 150px; /* Dezelfde hoogte als de shortcode-grootte */
}