/**
Theme Name: Keepershandschoenenshop
Template: wuxnl-theme
Author: Wux
Author URI: https://wux.nl/
*/

@import url('/app/themes/wuxnl-theme/style.css');

@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Asap:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --clr-primary: #BB2427;

    --font-heading: 'Asap Condensed', sans-serif;
    --font-primary: 'Asap', sans-serif;

    --input-br: 1rem;
}

/*** ------ Typography ------ ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: var(--font-heading); }

/*** ------ Modal ------ ***/
.modal { --br: 1rem; }

/*** ------ Buttons ------ ***/
.btn, .button { --br: .6rem; }

/* .btn.btn--dark.wpb-cart-button::after { content: attr(data-count); display: inline-grid; place-items: center; width: 3.7rem; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; background: #F5F5F5; color: var(--clr-dark); } */

.btn--large { --br: 1rem; }

.blaze-slider .blaze-nav-container > button { border-radius: .6rem; }

@media (min-width: 768px) {
    .btn.btn--dark.wpb-cart-button { --bg-clr: var(--clr-primary); --border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .btn.btn--dark.wpb-cart-button::after { color: var(--clr-dark); border-radius: 0 .6rem .6rem 0; background-color: #F5F5F5; border: none; }
}

/*** ------ Cards ------ ***/
.wpb-card { --br: 1rem; } 
.wpb-card.wpb-card--article .wpb-card__header { padding: var(--p); }

/*** ------ Badge ------ ***/
.badge { --br: .3rem; }

/*** ------ Header home blok ------ ***/
.wpb-header .wpb-bg-assets .wpb-bg-style { --color-1: rgba(255, 255, 255, 0); --color-2: rgba(244, 250, 242, 1); background: linear-gradient(to bottom, var(--color-1) 40%, #F3F3F3 calc(40% + 1px), var(--color-1) calc(40% + 2px), var(--color-1) 60%, #F3F3F3 calc(60% + 1px), var(--color-1) calc(60% + 2px) ); }
.wpb-header .wpb-text p:has(+ :is(h1, h2, h3)) em { color: var(--clr-primary); }
.wpb-header.wpb-header--home .container { padding-inline: 1.8rem; }
.wpb-header.wpb-header--home .container--featured-cards { display: grid; grid-template-columns: 1fr; gap: 2.4rem; } 
.wpb-header.wpb-header--home .container--featured-cards .wpb-card { margin-top: 0; }
.wpb-header.wpb-header--home .btn-group { justify-content: start; }

@media (max-width: 767.98px) {
    .wpb-header.wpb-header--home .container--featured-cards .wpb-card { min-height: 30rem; }
}

@media (min-width: 768px) {
    .wpb-header.wpb-header--home .container--featured-cards { grid-template-columns: repeat(2, 1fr); }
}

/*** ------ Blok tekst media ------ ***/
.wpb-block--text-media .wpb-row { background-color: var(--clr-dark); overflow: clip; border-radius: 1.2rem; }
.wpb-block--text-media .wpb-row > .order-md-1 { margin: 0; }
.wpb-block--text-media .wpb-row .wpb-image { height: 100%!important; z-index: 1; }
/* .wpb-block--text-media .wpb-card .wpb-bg-assets { display: none; } */

/*** ------ Woocommerce ------ ***/
li.wpb-product { border-radius: .8rem; }  
li.wpb-product .product__header .badge-group { top: var(--p)!important; }
.prd-price:has(del) > :is(ins, bdi),
.personal-touch-options .personal-touch-options__selection label,
.wpb-size-variations .wpb-size-variations--item:has(input) { border-radius: .3rem!important; }
.quantity .minus { border-radius: .3rem 0 0 .3rem; }
.quantity input { border-radius: 0!important; }
.quantity .plus { border-radius: 0 .3rem .3rem 0; }