/* Font family site aanpassing */

html {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* clerk search */
.search-results__product-name {
color:#004380;
font-weight: 500;
font-size:15px;
}

@media only screen and (max-width: 600px) {
    .search-results__product-name { font-size:12px;å }
    .search-results__button {
        height: 50px;
        padding-left: 1.05rem;
        padding-right: 1.05rem;
        font-size: 13px;
    }
    #thumbs {display:none;}
    #breadcrumbs {display:none;}    

}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

.page-layout-homepage .banners {
margin-bottom: 30px;
}

.main-menu .level-0 .link-wrapper a {
    font-weight:600;
    font-size:14px;
}

.my-4.text-red-500 {
	display:none;
}

.checkout-default .text-th-blue {
	font-size:20px;
}

.text-th-blue .page-title{
font-size:26px;	
}

.product-block-content .h4 strong {
	color:#004380;
}

b, strong{
	font-weight:500;
}

.product-block-content .h4 {
	color:#004380;
}

ul.bullet {
    list-style-type: disc; /* Standard bullet (you can change this) */
    padding-left: 20px;    /* Adds left padding for the bullets */
}


#description > div.product-block-content > ul.bullet {
    list-style-type: disc; /* Standard bullet (you can change this) */
    padding-left: 20px;    /* Adds left padding for the bullets */
}

.cart-wrapper .py-6 {
    padding-bottom: 0rem;
}

.cart-wrapper .font-bold {
	color:#3f8b50!important;
}

.\!border-postnl-orange {
    border-color: #2f8b00 !important;
}

#shipping-details > div:nth-child(3) > div > div.bg-gray-100.p-2.rounded-b-lg.space-y-2 {
	background-color:#FFF;
}

#customer-menu > span.absolute{
  top: 55% !important;
}

.space-y-4>:not([hidden])~:not([hidden]){
	margin-top:0px;
}

#maincontent > div.columns > div > div.cart-form.clearfix > div > div.w-full.lg\:w-2\/6.lg\:float-right.lg\:order-2.top-32.lg\:sticky > div > div:nth-child(2) {
	display:none;
}



/* 2025 algemene card styling */
.product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f3f4f6;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

  .product-card:hover {
    border-color: #004380;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }

/* Afbeelding styling v2 */
  .product-item.product-card .product-item-photo .object-contain {
    padding: 20px;
  }

/* Product info styling v2 2025 */
    .product-item.product-card .product-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
        border-radius: 10px;
      }
      
      .product-item.product-card .product-info .text-center {
        text-align: left;
      }
      
      /* Product Title/Link */
      .product-item.product-card .product-item-link {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
        color: #004380;
        transition: all 0.3s ease;
      }
      
      .product-item.product-card .product-item-link:hover {
        color: #004380;
        text-decoration: none !important;
      }

      .product-item.product-card .product-info .text-th-blue {
        border-top: 1px solid #cbd4dc;
        padding-top: 10px;
      }

         /* Price Container */
          .product-item.product-card .price-container {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
          }

         .product-item.product-card .price-box.price-final_price {
            display: block;
            background-color: white;
            border: 1px solid #cbd4dc;
            border-radius: 10px;
            padding: 8px 15px;
          }
          
          .product-item.product-card .price-label {
            font-size: 14px;
            margin-bottom: 0;
          }
          
          .product-item.product-card .product-item .price-container .price {
            color: #004380;
                font-weight: 900;
            font-size: 16px;
          }
          
          /* Product Actions Container */
          .product-item.product-card .product-actions {
            display: block;
            padding: 15px 0;
          }
          
          /* Action Button Styling */
          .product-item.product-card .product-info .product-actions a.btn {
            display: inherit;
            width: 100%;
            background: #004380;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 8px 20px;
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.2s ease;
          }
          
          /* Primary Button with Icon */
          .product-item.product-card .product-info .btn.btn-primary {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
          }
          
          /* Arrow Icon as Pseudo-element */
          .product-item.product-card .product-info .btn.btn-primary::after {
            content: '';
            display: inline-block;
            width: 13px;
            height: 11px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="11" viewBox="0 0 13 11" fill="none"><path d="M7.10227 10.1818L6.22727 9.31818L9.82955 5.71591H0.5V4.46591H9.82955L6.22727 0.875L7.10227 0L12.1932 5.09091L7.10227 10.1818Z" fill="%23fff"/></svg>');
            background-repeat: no-repeat;
            background-position: center;
          }

          @media only screen and (max-width: 640px) {  
            .products ul {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 12px !important; /* kleiner dan gap-8 om uit beeld schuiven te voorkomen */
            padding-left: 0 !important;
            padding-right: 0 !important;
          }
          
          .products.wrapper.mode-grid.products-grid > ul {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* kritieke fix */
            gap: 12px !important;              /* nette spacing */
            list-style: none !important;       /* geen bullets */
            padding: 0 !important;             /* haal evt. UL-padding weg */
            margin: 0 !important;              /* neutraliseer mx-auto e.d. */
            width: 100% !important;
            box-sizing: border-box;
          }

          /* Laat grid-items krimpen binnen hun kolom (voorkomt uitschuiven) */
          .products.wrapper.mode-grid.products-grid > ul > li {
            min-width: 0 !important;
          }
        }
         
          /* Homepage */ 
           .product-item.product-card .product-info .price-final_price .sly-old-price 
           {display:none;}
          

/* Prijs container styling */
.price-box.price-final_price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0; /* Voorkomt dat de prijs krimpt */
}

/* Prijs label styling */
.price-label {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    display: block;
    margin-bottom: 0.25rem;
}

/* Prijs styling */
.price-container .price {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(58 58 58 / var(--tw-text-opacity));
    display: block;
}

/* Button container styling */
.product-card__addtocart-form {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1; /* Laat de button container de resterende ruimte innemen */
}

/* Button styling */
.product-card__button {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(63 139 80 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(63 139 80 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    font-size: 13px !important;
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.product-card__button-label {
    color: #ffffff !important;
}

/* Verberg het originele SVG icoon */
.product-card__icon-checkmark {
    display: none;
}

.product-card__addtocart-form{
        justify-content: left;
}

/* Mobile responsiviteit */
@media only screen and (max-width: 450px) {
    .fb-product-grid {
        grid-gap: 1rem !important;
    }
    .product-card__name {
        font-size: 14px;
    }
    .product-card__shop {
        flex-direction: column;
        align-items: stretch;
        gap: 10px; /* Verminderde ruimte voor mobiele weergave */
    }
    .price-box.price-final_price {
        margin-bottom: 0.5rem;
    }
    .product-card__addtocart-form {
        justify-content: stretch;
    }
    .product-card__button {
        width: 100%;
    }
}


.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}


.category-description {
	max-width:100%;
	width: 100%; 
}

.amasty-reward-points-product .font-bold.text-th-blue {
font-size:15px;
}

.product-block-content .list-checkmarks li:before {
  background-image: url('https://www.vitalize.nl/media/css/vitalize/V_vitalize.svg')!important;
  }
  
 .list-checkmarks li:before {
  background-image: url('https://www.vitalize.nl/media/css/vitalize/V_vitalize.svg')!important;
  }
  
.freegift-button {
    display: none;
}

.message.info, .message.notice {
    border-color: #efb898;
    background-color: #efb89838;
}

.amblog-post-item.-author a {
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.amblog-short,
.amblog-content h2,
.amblog-content h3,
.amblog-content h4 {
  color: #004380;
}

.amblog-content p {
	color:#000000;
}

.amblog-content h3 {
  color: #004380;
}

.amblog-content h4 {
 font-size: 1.0rem;
 font-weight:bold;
}

.amblog-content a {
color: #0098FF;
}

/* Advies link in main menu */
.boldadvies {
	font-weight:500;
	color: #374151;
	 cursor: pointer;
	 font-size:14px;
}

.menu-heading{
font-size: 0.9rem;
font-weight:500;
color:#004380;
}



@media only screen and (max-width: 450px) {
.amblog-content h2 {
	        font-size: 1.4rem;
			font-weight:600;
			color:#004380;
}
}

.amblog-content h3 {
	        font-size: 1.2rem;
			font-weight:400;
			color:#004380;
			font-weight:bold;
}

.xl\:mx-2{
	margin-left:0px;
	margin-right:0px;
}

.mobile-additional.py-6.bg-th-blue4 {
background-color: #004380;
}

.mobile-additional .text-th-blue3 {
	color:#FFF;
}

@media only screen and (max-width: 450px) {
#cart-drawer .py-6 {
	padding-top: 0rem;
    padding-bottom: 0rem;
}
}

span.absolute.top-0.right-0.h-5.w-5.py-1.-mt-3.-mr-3.text-xs.font-bold.text-center.text-white.leading-none.rounded-full.bg-primary.block.transform.-translate-x-1.translate-y-1.bg-opacity-90 {
    background-color: #1e8f00;
}

.amblog-post-item.-author a {
	 pointer-events: none;
    cursor: default;
}

body.vitalize_pt_6 .bg-th-blue.text-white.px-10 {
	display:none;
}


body.vitalize_pt_6 #payment-method-option-mollie_methods_paypal {
    margin-bottom: 10px; /* Adjust the value as needed */
}

body.vitalize_pt_6 .flex.flex-col.gap-4.mt-4.mb-6 li:nth-child(2) {
    display: none;
}

/* .Pt wijziging betaalmethoden */

body.vitalize_pt_6 #payment-method-option-buckaroo_magento2_multibanco  {
margin-bottom:15px;
}

body.vitalize_pt_6 #payment-method-option-buckaroo_magento2_mbway  {
margin-bottom:15px;
}

.minicart-actions a.btn-primary:nth-of-type(2) {
    display: none;
}

.minicart-actions a.btn-primary:nth-of-type(1) {
    margin-bottom:10px;
}

 /* Tidio chat button hoogte */
@media only screen and (max-width: 450px) {
.bottom-10 {
    bottom: 4.9rem;
}
}

svg circle {
  fill: #004380 !important;
  width:15px;
}

.text-sm {
    font-size: 0.800rem;
}

.text-gray-400 {
    font-size: 13px;
}

fieldset .field.field-reserved, form .field.field-reserved {
    margin-bottom: 0.75rem;
}

nav.nav-main.md\:mb-0.overflow-hidden.rounded-lg.bg-gray-100.p-2{
	background-color:unset;
}

.product-price.text-right {
	    text-align: left;
    margin-left: -3px;
    font-weight: 500;
}

.text-th-gray6 {
    color: #a9a5a5;
}

.logo-img {
    margin-left: 10px;
}
/*title pdp */
.text-th-blue .page-title {
    font-size: 22px;
}
}

/* Color arrow beside packshot pdp */

.text-th-blue2 {
    color: #004380;
}

.postnl-widget{
	border-style:none!important;
}

/* border selectie PDP */
.border-2 {
    border-width: 1px;
	border-color: #004380;
}


.category-banner__list-item:before {
    position: relative;
    top: .25rem;
    margin-right: .75rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%20%2F%3E%3C%2Fsvg%3E)!important;
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
}

.custom-bullets {
  list-style-type: none; /* Verwijder de standaard bullet points */
  margin-left: 5px; /* Voeg ruimte links toe om de lijst in te laten springen */
  padding-left: 0;
}

.custom-bullets li {
  position: relative; /* Maak het mogelijk om de bullet met ::before te positioneren */
  margin-bottom: 5px; /* Voeg wat ruimte toe tussen de lijstitems */
  padding-left: 24px; /* Voeg ruimte toe zodat de tekst niet overlapt met de bullet */
  color:#000;
}

.custom-bullets li::before {
  content: '•'; /* Gebruik een bullet-symbool */
  color: #000; /* Stel de gewenste kleur in */
  font-size: 1.3em; /* Pas de grootte van de bullet aan */
  position: absolute; /* Positioneer de bullet relatief aan de li */
  left: 0; /* Plaats de bullet aan de linkerkant */
  top: 0%; /* Plaats de bullet in het midden van de tekst */
  transform: translateY(-50%); /* Corrigeer de verticale uitlijning */
  padding-top: 20px;
}

.custom-list {
list-style-type: decimal;
padding-left:20px;
}

.custom-list li {
  position: relative; /* Maak het mogelijk om de bullet met ::before te positioneren */
  margin-bottom: 5px; /* Voeg wat ruimte toe tussen de lijstitems */
  padding-left: 10px; /* Voeg ruimte toe zodat de tekst niet overlapt met de bullet */
  color: #000;
}

.custom-list li::before {
  color: #004380; /* Stel de gewenste kleur in */
  font-size: 1.8em; /* Pas de grootte van de bullet aan */
  position: absolute; /* Positioneer de bullet relatief aan de li */
  left: 0; /* Plaats de bullet aan de linkerkant */
  top: 50%; /* Plaats de bullet in het midden van de tekst */
  transform: translateY(-50%); /* Corrigeer de verticale uitlijning */
}
/* PDP related products old price */
.product-item .old-price .price-container {
	display:none;
}

@media only screen and (max-width: 450px) {
.usage-advies a.action.secondary {
	font-size:11px;
}
}

/* Alleen de onderkant van het uitklapmenu afronden */
[x-ref^="submenu"] {
    border-bottom-left-radius: 5px; /* Linker onderhoek afronden */
    border-bottom-right-radius: 5px; /* Rechter onderhoek afronden */
    overflow: hidden; /* Zorg dat inhoud binnen de afgeronde hoeken blijft */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optionele schaduw voor diepte */
    background-color: white; /* Houd de achtergrond wit */
    transition: border-radius 0.3s ease-in-out; /* Zorg voor een vloeiende overgang */
}

.border-gray-300 {
    border-radius: 10px;
	border-color:#D1D5DC;
}

.tidio-5hhiig {
	display:none!important;
}

.text-th-blue3 {
	color:#004380;
}

.product-slider.related-product-slider{
display:none;
}

/* checkout aanpassingen labels en horizontale line */

label[for^="payment-method-"] .text-gray-700 {
	font-weight:400;
}

label[for="billing-as-shipping"] .text-gray-700 {
	font-weight:400;
}

/* Selectie kleuren PDP */

.bg-gray-200\/50 {
    background-color: #eaeff9;
}

.postnl-btn{
	font-size:14px;
}


/* Checkout aanpassingen bg DESKTOP only */

@media only screen and (min-width: 1025px) {
	
	.checkout-default {
	background-color:#f6f4f4;
	}

	.checkout-default .column.column-main.w-full.space-y-6.lg\:w-2\/3 {
			border-radius: 5px;
			background-color: #ffffff;
			padding:50px;
	}

	#hyva-checkout-main #quote-summary>.price-summary{
	padding:2.5rem;
	}

#hyva-checkout-main #quote-summary>.price-summary{
background-color:#FFFFFF;
}

.cart-wrapper .amasty-reward-points-product, .checkout-default .amasty-reward-points-product {
background-color:#FFFFFF;	
}

nav.nav-main.md\:mb-0.overflow-hidden.rounded-lg.bg-gray-100.p-2 {
	background-color:#FFF;
}

.form-input{
box-shadow:none;
border-color:#e5e9ef;
}

.border-gray-400 {
border-color:#ededed;
}

.column.column-right.w-full.space-y-6.lg\:w-1\/3 {
    margin-top: -1.0rem;
}


}

/* Checkout font dikte labels */

fieldset label, form label {
    font-weight: 400;
}


/* 2025 Gerelateerde producten blogbericht */
/* Background color blog blokken */
.desktop-block .amblog-element-block {
    background-color: #0a30450d;}

.hyva-post-widgets {
    color:#1C3660;
}

.amblog-index-post .columns .sidebar .title {
    font-weight: 600;
    color:#1C3660;
}

.amblog-element-block .amblog-categories.-level1>.amblog-category>.amblog-link{
    font-weight: 500;
}

.amblog-social-container, .sidebar_block-custom-html{
	padding: 2rem;
	background-color: #0a30450d;
}
.amblog-social-container h2, .amblog-social-container h3, .amblog-social-container h4, .sidebar_block-custom-html h2, .sidebar_block-custom-html h3, .sidebar_block-custom-html h4{
	   font-weight: 600;
}

/* Titels mobiel */
@media only screen and (max-width: 450px) {
.cms-page-view .page-title, .cms-page-view h1{
	font-size: 1.9rem;
}
.category-banner__title{
	    font-size: 1.1rem;
    line-height: 1.5rem;
}
.text-2xl{
 font-size: 1.2rem;
}

p#cart-drawer-title{
	margin-top:30px;
}

h1.amblog-post-title.mb-5.max-w-\[750px\].text-th-blue.text-4xl{
	    font-size: 1.4rem;
		    line-height: 2.0rem;
			font-weight:600;
			color:#000;
}

h1.text-th-blue.page-title{
font-size:20px;
}

.product-block-content .h2, .product-block-content .h3, .product-block-content h2, .product-block-content h3 {
    font-size: 1.2rem;
	color:#004380;
}
}

/* titel gerelateerde producten blog */
.amblog-title.text-th-blue.title.text-md.md\:text-2xl.text-lg.font-semibold.pb-4.mb-4 {
	font-size:1.5rem;
}

/*  gerelateerde producten blog afstand */

a.product.photo.product-item-photo.w-full.block.mx-auto.mb-3.h-0.pt-\[127\%\].relative.overflow-hidden{
	padding-top:110%
}

/*  gerelateerde producten blog  */
.block.widget.amblog-element-block.amblog-related-wrapper.-related-products.mb-4 {
    border-radius: 5px;
    background-color: #ffffff;
}

/* Succes blok */
.success-page-discount.mt-10 {
    background-color: #0a30450d;
    padding: 20px;
    border-radius: 5px;
}

.bg-th-blue4 {
    background-color: #0a30450d;
	border-radius:5px;
}

/* Padding bottom gebruiksaanwijzing */ 

.content.pr-3.pb-4.pt-0.pl-11.block {
    padding-bottom: 20px;
}

/* Blog kleur navigatie */
.bg-th-blue2{
background-color: #004380;
}

/* Afstand sale prijs mobiel PDP */
@media only screen and (max-width: 450px) {
span.text-th-blue.line-through.text-th-gray7.md\:mr-2.text-sm{
margin-right:5px;
}
}

/* Grootte beste keuze / voordeligste keuze mobiel PDP */
.option-bestchoice.text-sm.text-th-green2{
font-size:11px;	
}
}

/* Grootte beste keuze / voordeligste keuze desktop PDP */
.option-bestchoice.text-sm.text-th-green2{
font-weight:600;
}

/* remove date on reviews */

time.ml-auto.text-gray-700.inline-block.ml-2 {
    display: none;
}

/*widget blog andere blogs afkapping */
a.post-title.break-all.amblog-headline.font-semibold.hover\:underline.mt-1.inline-block {
	word-break: normal;
}

.rating-summary[aria-label*="0 van 5 sterren"] .rating-wrapp {
    display: none !important;
}

/* Sum font size cart */

.md\:grid-cols-2{
	font-size:14px;
}

/* Button afrekenen checkout */

.text-lg {
    font-size: 1.025rem;
}

/* bewerken / verwijderen tekst */
a.action.action-edit.text-th-blue3{
font-size:13px;
}

button.flex.action.action-delete.text-th-blue3{
	font-size:13px;
}

#shopping-cart-table .cart-price .price{
	font-weight:500;
}

/* Aantal capsules / tabletten cart */
.item-options.flex.flex-wrap.w-full.break-all {
    font-size: 14px;
}

/* Winkelwagen wijzigen button tekst */
button.action.update.btn.btn-secondary{
font-size: 1.025rem;
background-color: #FFF;
border: 1px solid #004380;
color: #004380;
}

.sm\:text-th_title {
        font-size: 2.0rem;
    }
	
	.font-bold {
		font-weight:500;
	}
	
	.amblog-dates.flex.flex-wrap.items-start.text-th-gray5.mt-1.text-sm {
	margin-top:0px;
	}
	
	
	.question a{
		color:#004380;
		text-decoration:underline;
	}
	
	a#checkout-link-button{
	display:flex;
	}
	
	/* Categorie aanpassing HEADER */
	
	@media (min-width: 768px) {
	.category-banner img{
	display:none
	}
	}
	
	@media (min-width: 768px) {
    .md\:col-start-2 {
	grid-column-start: 1;
	}
	}
	
	@media (min-width: 768px) {
    .md\:mb-12 {
		margin-bottom:1rem;
		}
	}
	
	
/* Category afbeelding en afmetingen */
.category-banner img{
	display:none;
}

#category-view-container{
	padding:0px;
}

.col-start-1.md\:col-start-2.col-end-3.row-span-full.p-5.m-5.bg-th-gray2\/75.rounded {
    margin: 0rem;
}

li.usp.inline-flex.items-baseline.text-gray-700.text-center.md\:items-center.lg\:w-auto.w-full.justify-center.px-4.md\:px-0 {
font-size:13px;
}

li.usp.inline-flex.items-baseline.text-gray-700.text-center.md\:items-center.lg\:w-auto.w-full.justify-center.px-4.md\:px-0{
	font-size:14px;
}

/* breedte button add to cart */
.btn {
    max-width: unset;
}

/* ronde hoeken homepage */
.rounded-sm {
    border-radius: 1.125rem;
}

/* afstand 3 block met banner homepage */
.grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.my-2.gap-4 {
        margin-top: 40px;
}

a.top-menu__link {
    font-size: 14px;
}

.text-base {
	font-size: 0.9rem;
}

/* grijze achtergrond kleur */

.col-start-1.md\:col-start-2.col-end-3.row-span-full.p-5.m-5.bg-th-gray2\/75.rounded{
padding:0px;
background-color: #fff;
}

.question a {
	color:#3a3a3a;
}

span.ampost-link.font-semibold.text-blue-600.hover\:underline.mt-1.text-sm{
color:#374151;
}

/* Foutmelding checkout Postcode check */

[data-msg-field] {
    background-color: #f1e2e2;
    padding: 10px;
    margin: 10px 10px 10px 0px;
    border-radius: 5px;
	margin-bottom:20px;
}

/* Elastic search / filters category pages */
/* Sidebar CSS */
.smile-es-range-slider .btn {padding: 8px 20px;border-radius: 8px!important;font-size: 14px;
    font-weight: 600;}
.smile-es-range-slider .bg-primary {background:none;}
.es-range-slider .thumb {background-color: rgb(171 24 45 / var(--tw-bg-opacity));}

.filter-content {color: #1C3660;}
#filters-content .filter-option {
    border-radius: 10px;
    padding: 3px;
    border: solid #e9e9e9;
    border-width: 1px 1px 1px 1px;
}



.filter-options-content {background-color:white; padding: 1rem;}
.filter-options-title {padding:  1rem;}
.filter-current { padding: 0rem; border-radius: 10px; }
.filter-current .active-filtering-heading { padding: 1rem;}
.filter-current .item { padding: 1rem; border-top: 1px solid #eaeaea;}
.filter-current .filter-actions a {
    padding: 1rem;
    color: #004380;
    display: block;
    text-underline-offset: auto;
}

#active-filtering-content .filter-label{ font-weight:bold;}


/*Einde Sidebar CSS */


.main-menu .level-1 .link-wrap .-inner-link, .main-menu .level-1 .link-wrap .__inner-link {
    font-size: 0.9rem;
    font-weight: 500;
}

.product-section .button{
background-color: #004380;
}

.btn-secondary{
background-color: #004380;
}
/* review bar / stars */
.text-th-beige{color: #004380;}

.bg-th-beige{
background-color: #004380;
}

.btn-primary {
background-color: #004380;
border:0px;
}

.text-th-blue {
	color:#004380;
}

.product-block-content .h2, .product-block-content .h3, .product-block-content h2, .product-block-content h3 {
	color:#004380;
}

svg#checkmark{
	color:#004380 
}

.product-card .product-usp{
	color:#004380!important;
}

.product-block-content table tr:nth-child(odd){
	background-color:#F3F4F6;
}

.main-menu .level-0 .link-wrapper a{
	color:#004380;
}

.main-menu .view-all, .main-menu .view-all{
	color:#6d80c1;
	font-size:15px;
}

.btn-third{
	border-color:#004380;
	color:#004380;
}

.btn-third:hover{
background-color:#004380;
}

/* Header achtergrond */

.bg-primary{
	background-color:#FFF;
}

/* Header iconen */

svg.text-white.w-7.h-7{
	fill: #004380;
}

svg.text-white.w-6.h-6.-mb-3{
fill: #004380;
}

/* search icon */

#menu-search-icon svg { 
    fill: #fff;	
    color: #004380;
}

.header-account:hover {
    --tw-bg-opacity: 1;
    background-color: #F3F4F6;
}

/* Shopping cart items */

span.text-th-red.flex.justify-center.items-center.absolute.min-w-\[16px\].h-4.top-\[40\%\].right-\[40\%\].-mt-5.-mr-4.text-xs.font-semibold.leading-none.text-center.uppercase.transform.translate-y-1\/2.rounded-full.bg-white {
    background-color: #3363AC;
    color: #fff;
}

/* Header Searchbar */
.shadow-sm {
    --tw-shadow: 0 0px 2px 0 #0000003b;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

#search:focus {
  box-shadow: 0 0 3px 2px rgb(0 67 128 / 38%); /* optionele glow */
  outline: none; /* voorkomt standaard blauwe outline */
}


/* Logo mobile */
@media only screen and (max-width: 450px) {
.logo-img {
    height: 2.5rem;
}
}

/* Chat widget Tidio */
button.w-\[60px\].h-\[60px\].rounded-full.flex.items-center.shadow-lg.justify-center.bg-\[\#0a3045\].hover\:bg-white.transition.duration-200.cursor-pointer.group {
    background-color: #003666;
}


/* Mobile styling voor rode achtergrond en witte tekst */
@media (max-width: 768px) {
  .px-4.bg-white.text-black.relative.z-50.max-w-full.md\:overflow-x-auto {
    background-color: #B4182C; /* Rode achtergrond */
  }
  
  .px-4 .usps-wrapper svg circle {
	  fill:none !important;
  }
   
  .px-4 a.hover\:underline.text-gray-700.truncate {
    color: white !important;
  }
  
  /* Voor de links om ook wit te zijn */
  .px-4 .usps-wrapper .text-gray-700 a {
    color: white !important;
  }
  
  /* Hover effect voor links behouden */
  .px-4 .usps-wrapper .text-gray-700 a:hover {
    text-decoration: underline;
    color: #f3f4f6 !important; /* Licht grijs voor hover */
  }
  
  /* SVG iconen wit maken */
  .px-4 .usps-wrapper .text-gray-700 svg path[fill="#FFF"] {
    fill: white;
  }
  
  /* Voor de sterren iconen */
  .px-4 .text-gray-700 svg[fill="#004380"] {
    fill: white !important;
    color: white !important;
  }
}

/* Image PDP background */ 
img.absolute.inset-0.object-contain.object-center.w-full.m-auto.max-h-screen-75{
	background-color: #F3F4F6;
    border-radius: 10px;
}

button.absolute.top-1\/2.-translate-y-1\/2.right-0.z-20{
background-color: #fff;
    border-radius: 10px;
    margin-right: 10px;
}

button.absolute.top-1\/2.-translate-y-1\/2.left-0.z-20{
background-color: #fff;
    border-radius: 10px;
    margin-left: 10px;	
}

/* Buttons */ 

.action-gift, a.action.alt, a.action.primary, button.action.primary{
	border-color: #004380;
    background-color: #004380;
	font-size: 15px;
}

.btn-third:focus{
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}


/* logo footer */

svg.w-full.h-auto {
    display: none;
}

/* checkout amount summary */
span.h-5.w-5.py-1.text-xs.text-center.text-white.leading-none.font-bold.rounded-full.bg-primary.block.absolute.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2.shadow-md.ring-4.ring-white {
    background-color: #1C3660;
}

/* Afstand bovenzijde pdp */

@media (min-width: 1024px) {
    .lg\:grid-cols-2 {
	margin-top: 20px;	
	}
}

/* Afstand topmenu mobile */
@media (max-width: 768px) {
.bg-primary.relative.px-4 {
	margin-top:3px;
}
}

/* Afkapping titel shopping cart */
strong.product-item-name.break-all{
	word-break: break-word;
}

/* USP top mobile */
@media (max-width: 768px) {
.header-container.py-3.top-header.flex.justify-between.items-center{
	padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
}

.column-text--title{
	color:#004380;
}

/* titles */
.cms-page-view .page-title, .cms-page-view h1{
	color:#004380;
}

.cms-page-view h2{
	color:#004380;
}

/* search bar omlijning */
@media (min-width: 768px) {
    .md\:border-transparent {
        border-color: #0000002b;
    }
}


/* 2025 gerelateerde producten bij blog */  
.amblog-related-grid {gap: 1rem;}
.amblog-related-grid {
  display: flex;
  flex-wrap: wrap; /
  gap: 16px;      
}

/* Basis: mobiel 2 naast elkaar */
.amblog-related-grid .amblog-item-product {
  flex: 1 1 calc(50% - 16px); /* 2 kolommen */
  max-width: calc(50% - 16px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.amblog-item-product .product-item-link, .amblog-item-product .product-usp {
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

/* Desktop: 4 naast elkaar */
@media (min-width: 1024px) {
  .amblog-related-grid .amblog-item-product {
    flex: 1 1 calc(25% - 16px); /* 4 kolommen */
    max-width: calc(25% - 16px);
  }
}


/*Footer USP */


.footer-container .px-4 a.hover\:underline.text-gray-700.truncate {
    color: #004380 !important;
}

.footer-container .px-4 a.hover\:underline.text-gray-700.truncate svg {
    color: #2196F3 !important;
    fill: #2196F3 !important;
}

/* Category text block block */

.category-banner {max-width: 1320px; margin-right: auto;  margin-left: auto;}
.category-banner .bg-th-gray2\/75 {background-color: #ffffffbf; }


.amblog-post-item__read-more.text-th-beige.hover\:underline{
color:#2196F3;
}

/* Footer */

/* Footer */
.footer .bg-gray-50 {background-color:#004380; color: white; border-radius: 10px 10px 0px 0px; }
.shadow-sm {background-color:white;}
.footer .text-gray-700 {color: white;} 
.page-footer .newsletter-section h4 {color: white!important;} 
.page-footer .f-col .newsletter-section a {    border-color: rgb(255 255 255); background-color: #004380;}
.f-socials svg {color: #004380;}
.footer .text-th-blue3 {color: white;} 
.footer-columns a[aria-label="YouTube"] svg { color: #fff; }
.footer .border-th-blue2 { border-color: white;background-color: #004380;}
.footer svg#checkmark {color: white;}

/* Vitaminetest aanpassingen */
.footer .btn-primary { border: 1px solid white;}
.footer .bg-th-blue { background-color: transparent;}

/* privacybalk aanpassingen */
.footer .copyright{background: white; color: #004380;}

.amblog-post-item__content.flex-1.p-7 {
    background-color: #003a6b;
}

/* Checkout border om betaalmethoden */

div#payment-methods .border-2 {
    border: 0px;
}

/* Wanneer de radio button is geselecteerd */
div#payment-methods label:has(input[type="radio"]:checked) {
    border: 2px solid #004380;
    background-color: #f0f0f0;
	border-radius:5px;
}


@media only screen and (max-width: 450px) {
.gap-3 {
gap: 0rem;
}
}

/* Discount price cart */
.cart-form #shopping-cart-table .cart-price.discount-row-total .price {
    color: #008200;
}

.action.secondary.action-gift, a.action.secondary, button.action.secondary {
background-color:#004380;
}


/*menu aanpassingen*/
.level-1 .menu-heading-top, 
.level-1 .menu-heading-mid, 
.level-1 .menu-item {
    color: #1C3660;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    transition: all 0.3s ease;
    padding-left: 0;
    padding-right: 0;
}

#header .level-1 {
    max-width: 80%;
}

.level-1 .menu-heading-top {
    line-height: 140%;
    border-top: none!important;
    padding: 10px 0px;
}

.level-1 .menu-heading-mid {
    border-bottom: none;
    border-top: 1px solid #e3e3e3;
    padding: 10px 0px;
}

.level-1 .menu-item {
    font-weight: 400;
    line-height: 140%;
    padding: 10px 0px;
}

#header .menu-heading svg {
    width: 2.25rem;
    height: 2.25rem;
}

/* Gecombineerde hover states voor een consistente ervaring */
.level-1 .menu-heading-top:hover,
.level-1 .menu-heading-mid:hover,
.level-1 .menu-item:hover {
    background-color: #f5f7fa;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 6px;
    transform: translateX(1px);
        text-decoration: none;
    font-weight: semi-bold;
}

/* focus states*/
.level-1 .menu-heading-top:focus,
.level-1 .menu-heading-mid:focus,
.level-1 .menu-item:focus {
    outline: 1px solid #1C3660;
    outline-offset: 1px;
}
/* einde menu aanpassingen*/

p.font-bold.pb-1.text-slate-800.text-lg {
    font-size:15px;
}

/* checkout summary background block */
.p-6.border.border-gray-200.rounded {
    background-color: #fafafa;
    border: 0px;
	border-radius:10px;
}

[type=radio]:checked:before {
    background-color: rgb(0 66 125);
}

[type=radio]:checked, [type=radio]:checked:focus, [type=radio]:checked:hover {
    border-color: rgb(0 66 125);
}

fieldset .field, form .field{
	margin-top:0rem;
}

/* checkout background column 1 */

@media screen and (min-width: 768px) {
.area-main.space-y-6 {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}
}

.cart-wrapper .amasty-reward-points-product, .checkout-default .amasty-reward-points-product {
		border-radius:10px;
}

#hyva-checkout-main #quote-summary>.price-summary{
	border-radius:10px;
}

nav#breadcrumbs {
    display: none;
}

:where(#hyva-checkout-main) .input-group>:where(input:not([type=radio],[type=checkbox],[type=range]),select,textarea) {
    background-color: #f8f8f8;
}

:where(#hyva-checkout-main) .form-email, :where(#hyva-checkout-main) .form-input, :where(#hyva-checkout-main) .form-multiselect, :where(#hyva-checkout-main) .form-select, :where(#hyva-checkout-main) .form-textarea{
    background-color: #f8f8f8;
}

:where(#hyva-checkout-main) .input-group :where(.form-input-addon):last-child{
 background-color: #f8f8f8;
}

/* betaalmethoden labels */

label.flex.gap-x-2\.5.mb-0.p-4.cursor-pointer {
    padding: 0.5rem;
}