/* FTD */
.productimage-aspect-ratio {
    height: auto !important;
}

.card-title > * {
	margin-bottom: 0;
}

.embeddedContent iframe {
    max-width: 100%;
}

:root {
    /* Oude handmatige kleuren, niet meer in gebruik, bewaren ter referentie - 1 is darkest, 4 is lightest */
    --blue-1: #060E1F;
    --blue-2: #031842;
    --blue-3: #1D3C5B;
    --blue-4: #647183;
  
    --green-1: #009E05;
    --green-2: #00B706;
    --green-3: #7DE10A;
    --green-4: #9AF355;

    --orange-1: #FF8000;
    --orange-2: #FFAA00;
    --orange-3: #E6E3DA;

    --gray-1: #252525;
    --gray-2: #323232;
    --gray-3: #676767;
    --gray-4: #E6E6E6;
    --gray-5: #F1F1F1;

    --shadow: 0 0.5rem 1rem 0 rgb(37 37 37 / 10%);
    --shadow-lg: 0 0 26px 0 rgba(37, 37, 37, .15);

    --border-radius: var(--border-radius-xl);
    --border-radius-small: var(--border-radius-md);
    --stars-color: var(--accent-400);
}

.homepage-categories-swiper,
.homepage-products-swiper {
	--border-radius: var(--border-radius-lg);
  	--card-border-radius: var(--border-radius);
}

.categories_imagecontainer img {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

:root :not(.categories) {
    --card-border-width: 3px;
}

.card.card-dark {
    --bs-card-bg: var(--grey-800);
    --bs-card-color: #fff;
    /*background-image: url(/images/textures/texture-dust-black-sm.png); */
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    background-blend-mode: soft-light;
}

@media only screen and (max-width: 991px) {
    .lead {
        font-size: 1rem;
    }
}


/****** GLOBAL ELEMENTS ******/
/* SITE NAV */
[class*="st-icon-caret-"] svg {
    --st-icon-caret-height: .75em;
}

.site-nav {
    --site-nav-item-padding-x: .75rem;
}
.site-nav-item-link--level-0 {
    letter-spacing: -.02em;
    font-size: var(--text-size-sm);
}

/* proactieve aanpassing Erwin Shoptrader ivm voorbeelden pagina*/
.wrapper.bigScreen.header_bottom {
	max-width: 100% !important;
}

/* socials */
.social-buttons .social-media-item.btn .st-icon {
    --st-icon-size: 1.5em;
  color:#fff;
}

/* FOOTER */
.site-footer {
    --footer-font-size: inherit;
    --footer-caret-icons-display: none;
}

.site-footer .rating_stars {
    color: var(--stars-color);
}

/* FOOTER REVIEW BOX */
.reviews .btn.btn-transparent {
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 0.25rem 0.5rem;
    color: #fff;
}

.reviews .btn.btn-transparent:hover {
    background-color: #fff;
    color: #222 !important;
    border-color: inherit;
}

.site-footer .reviews-block__stars {
    margin-right: .5rem;
}

.footer__payment-methods img {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 255 255 / 5%);
}



/****** HOME ******/
/* FTD - zorgen dat shadow on hover niet afgekapt wordt. */
.homepage-categories-slide {
    margin-bottom: 10px;
}

/* FAQ */
@media (min-width: 992px) {
    .widget-faq-d572d5dc-cd9f-4629-8eae-07a4230eaec6 {
        margin-right: calc(100% / 12)
    }
}

/* card met hover border */
.widget-card.card-dark {
	--card-border-color: var(--orange-3);
}
.widget-card:has(.stretched-link):hover {
    --card-border-color: var(--accent-400);
}

/* REVIEW UTILITY */
.text-underline {
    text-decoration: underline;
    text-decoration-thickness: 0.1em !important;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 0.05em !important;
    text-decoration-color: rgb(128 219 131 / 50%);
}

/*============================== INFORMATIE PAGINA'S ==============================*/
.warning-text {
    padding: 0.5rem 1rem;
    border: 3px solid var(--warning-300);
    border-radius: var(--border-radius);
    background-color: var(--warning-100);
    color: var(--warning-900);
    max-width: fit-content;
}

/*
.card.dark-card {
 	background-color: var(--card-background-color);
    margin: .5rem;
    border-radius: var(--border-radius);
  	border: var(--card-border);
    padding: 1rem 1.5rem;
    color: var(--white);
  	box-shadow: var(--shadow);
}

.card.dark-card a {
 	 color: #fff !important;
}

.card.dark-card a:hover {
 	 color: var(--grey-100) !important;
}

.card.dark-card .company-info {
 	margin-bottom: 2rem;
}

.card.dark-card .openingstijden strong {
 	 margin-right: .5rem;
}
*/

section[aria-labelledby="bankinginfo-title"] p {
    margin-bottom: 1rem;
}