/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Zorg ervoor dat de knop correct wordt getarget */
.woocommerce div.product form.cart .button::before {
    content: "\f07a"; /* Unicode voor het winkelwagentje-icoon van Font Awesome */
    font-family: 'Font Awesome 6 Free'; /* Font Awesome font-family */
    font-weight: 900; /* Font Awesome font-weight voor solide iconen */
    margin-right: 8px; /* Ruimte tussen het icoon en de tekst */
    font-size: 16px; /* Pas de grootte van het icoon aan */
}

.woocommerce div.product form.cart .button {
    display: flex;
    align-items: center;
}
/* Zorg ervoor dat de knop correct wordt getarget */
.woocommerce div.product form.cart .button {
    display: inline-flex; /* Gebruik inline-flex om de knop correct weer te geven */
    align-items: center; /* Zorg ervoor dat de tekst en het icoon verticaal worden uitgelijnd */
    justify-content: center; /* Zorg ervoor dat de tekst en het icoon horizontaal worden uitgelijnd */

    text-align: center; /* Zorg ervoor dat de tekst goed wordt uitgelijnd */
}

.woocommerce div.product form.cart .button::before {
    content: "\f07a"; /* Unicode voor het winkelwagentje-icoon van Font Awesome */
    font-family: 'Font Awesome 6 Free'; /* Font Awesome font-family */
    font-weight: 900; /* Font Awesome font-weight voor solide iconen */
    margin-right: 8px; /* Ruimte tussen het icoon en de tekst */
    font-size: 16px; /* Pas de grootte van het icoon aan */
}

.button.disabled, button.disabled, .button[disabled], button[disabled] {opacity:1!important;}

.primary.is-small.mb-0.button.product_type_variable.is-flat {
width:100%;}


.quantity.buttons_added.form-flat{display:none!important;}

.sticky-add-to-cart--active{display:none}

.single_add_to_cart_button {
		width:100%!important;
		border-radius: 0px!important;
  }
.product-summary .quantity{display:none;}
.usp-border{
      border: 1px solid lightgray;
      border-radius: 10px;
      overflow: hidden;
      width: 100%;
}

    .usp-item {
      padding: 10px;
      margin: 0;
      border-bottom: 1px solid lightgray;
    }

    .usp-item:last-child {
      border-bottom: none;
    }

 .fa-solid, .fa-regular {
      margin-right: 10px; /* Afstand tussen icoon en tekst */
		 color:#000;
    }




#ship-to-different-address{display:none;}

.woocommerce-additional-fields{display:none;}

.uppercase.mt{text-transform:capitalize;}


.more-info-tabs .accordion-item{
font-size:14px;
}


.review-form-inner.has-border{border:0px}


/* Add this CSS to the site to hide the form and make the comment title look more like a button */
.woocommerce #review_form #commentform {
    display: none;
}

.woocommerce #review_form .comment-reply-title {
    display: inline-block;
    background: #000;
		width:70%;
    color: #fff;
		text-align:center;
		border-radius:0px;
		padding: 10px 20px;
    font-size: 12px;
    cursor: pointer;
}

.primary.is-small.mb-0.button.product_type_variable.is-flat {background-color:#FF9327;
}


.badge-container.absolute.left.top.z-1{display:none;}

.iconic-woothumbs-all-images-wrap--thumbnails-below .iconic-woothumbs-thumbnails-wrap--sliding {
    margin-top: 15px;
}

.commentlist li .avatar, .comment-list li .avatar {
		display:none;}

.woocommerce-product-attributes-item__label{
		text-transform: capitalize;
color:black;
		font-size: 13px
}
.usps {

list-style-type: none;
font-size: 13px;
}

.absolute-footer ul{
		
	border-bottom:0px;
}
.footer-secondary{
		padding: 0px;
}
.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.logo_list li img {
    max-height: 30px; /* Pas deze waarde aan voor de gewenste grootte */
}


.logo-tagline{
		font-size:10px;
}

 .usp-list {
      list-style-type: none;
      padding-left: 0px;
    }
    .checkmark {
      margin-right: 10px;
      color: #000; /* Groene kleur voor het vinkje */
    }
    .bold {
      font-weight: bold;
    }

.price.product-page-price del {
    color: #888;
    font-size: 20px;
    text-decoration: line-through;
}

.price.product-page-price ins span.amount,
.price-wrapper .price .woocommerce-Price-amount.amount {
    !important; /* Forceer de kleur naar #d10a11 */
    font-size: 24px;
    font-weight: 600;
}


.price.product-page-price ins span.amount
 {
    color: #d10a11 !important; /* Forceer de kleur naar wit */
    font-size: 24px;
    font-weight: 600;

}

/* Verklein de fontgrootte van de prijs in de productbox op de categoriepagina */
.product-small.box bdi {
    font-size: 20px !important; /* Pas de waarde aan naar wens */
}

p.stock.in-stock {
    color: #006400 !important;
    border: 2px solid #006400;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
}	
/* Verberg de oorspronkelijke dropdown */
.variations_form .variations select {
    display: none;
}

/* Verberg de oorspronkelijke dropdown */
.variations_form .variations label {
		margin-top:20px;
		font-size:18px;
		
}

/* Stijl de nieuwe blokjes */
.product-options {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.product-option {
    padding: 10px 20px;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
}

.product-option.selected {
    background-color: #f0f0f0;
    border-color: #000;
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.woocommerce #review_form .comment-reply-title{width:100%;}

.sticky-add-to-cart--active .sticky-add-to-cart__product {
		display:none;}

.sticky-add-to-cart--active {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .9em;
    background-color: rgba(255,255,255,.9);
    border-top: 1px solid #ddd;
    -webkit-animation: stuckMoveUp .6s;
    animation: stuckMoveUp .6s
}


}