/* =========================================================================
   Aanvullende opmaak, uit de Customizer

   Dit stond in Weergave -> Aanpassen -> Aanvullende CSS: 8,8 KB die niet in
   Git staat, niet te reviewen is en die je alleen vindt als je weet dat dat
   veld bestaat. Het was de vijfde plek waar code van deze site verstopt zat,
   na het parent-thema, een gekochte plugin, Code Snippets en Elementor Custom
   Code.

   Vijf regels zijn hier uitgezet, want ze hoorden bij de oude stappenflow. Die
   flow verborg het halve afrekenformulier met CSS en liet het door JavaScript
   weer tevoorschijn komen. Dat script zat in Elementor Custom Code #3714 met
   als voorwaarde pagina 3029, en die pagina bestaat niet meer - dus het laadde
   nergens meer, terwijl deze CSS bleef verbergen.

   Het gevolg was niet cosmetisch: op de afrekenpagina waren de betaalmethoden,
   de bestelknop, de verzendvelden en de bezorgdatum allemaal display:none.
   Er viel niet af te rekenen. Het verbergen per stap doet nu
   assets/css/afrekenen.css, en alleen zolang het bijbehorende script draait.

   De rest is ongewijzigd overgenomen. Er staat genoeg in dat opgeruimd kan
   worden - !important op vrijwel elke regel, ids als selector - maar dat is
   werk voor als de betreffende pagina aan de beurt is.
   ========================================================================= */

dt.variation-Persoonlijkberichttoevoegen{
	display:none!important;
} 
dd.variation-Persoonlijkberichttoevoegen{
	display:none!important;
}
/* dl.variation{
	display:none;
} */
.woocommerce-form-coupon-toggle{
	display:flex;
}

.checkout_coupon.woocommerce-form-coupon {
	border: 1px solid #5D3529!important;
    padding: 20px 30px!important;
    border-radius: 12px!important;
}

.couponInput:focus {
  border: none;
  outline: none;
}

.SmulpostKorting {
	display: flex;
    border-radius: 35px;
    font-size: 17px;
    font-weight: bold;
    border: none;
    color: #C56068 !important;
    width: auto;

    cursor: pointer !important;
    align-items: center;
    justify-content: center;
	text-decoration:underline;
}

.SmulpostKorting:hover {
		background-color:rgba(0, 0, 0, 0);
}
.SmulpostKorting:focus {
		background-color:rgba(0, 0, 0, 0);
}

/* tijdelijk wordt met functie gedaan */

/* Factuur gegevens display */
.woocommerce-billing-fields{
	display:block;
}

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

.danilloDiv {
	display:none;
}

.payment-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.payment-icon {
    display: flex;
    gap: 15px;
    align-items: center;
}

.payment-title {
	color: #5D3529;
    font-family: "AmericanTypeWriter", Sans-serif;
    font-weight: bold;
		font-size:40px;
}

.payment-name {
	color: #5D3529;
    font-family: "AmericanTypeWriter", Sans-serif;
    font-weight: bold;
		font-size:26px;
}
p.product-total{
	display:flex;
	flex-direction: column;
}
.miniVerzend{
	font-size:14px;
}
.payment-price {
	color: #5D3529;
    font-family: "AmericanTypeWriter", Sans-serif;
    font-weight: 500;
		font-size:16px;
}
.payment-price {
	color: #5D3529;
    font-family: "AmericanTypeWriter", Sans-serif;
    font-weight: 500;
		font-size:16px;
}

.payment-description {
		color: #5D352950;
    font-family: "AmericanTypeWriter", Sans-serif;
    font-weight: normal;
		font-size:14px;
}

/* Universal input styling */
.payment-icon input[type="radio"], .payment-icon input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px; /* Size of the custom radio/checkbox */
  height: 20px;
  background-color: #C56068;
  border-radius: 35%; /* Circle for radio, square for checkbox */
  cursor: pointer;
  transition: background-color 0.3s, border 0.3s;
  outline: none;
  border: 2px solid #5D3529; /* Border color for radio/checkbox */
}

/* Hover effect */
.payment-icon input[type="radio"]:hover, .payment-icon input[type="checkbox"]:hover {
  background-color: #C56068;
}

/* When checked, change background color */
.payment-icon input[type="radio"]:checked, ..payment-icon input[type="checkbox"]:checked {
  background-color: #C56068;
  border-color: #5D3529;
}


/* Indicator for checked checkbox */
.payment-icon input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  background-color: white;
}


/* Adressen display */

/* UITGEZET - verborg de bezorgdatum:
.woocommerce-additional-fields{
	display:none;
}
*/

/* Betaal display */
/* UITGEZET - verborg de betaalmethoden:
div#payment{
	display:none;
}
*/
div.cart_item{
	display:flex;
	flex-direction: row;
  justify-content: space-between;
}

div.amount{
	position: absolute;
    background-color: white;
    padding: 2px 10px;
    border: 3px solid #C56068;
    color: #5D3529;
    font-weight: bold;
    border-radius: 12px;
}


/* UITGEZET - verborg het hele betaalblok, inclusief de bestelknop:
div.woocommerce-checkout-payment{
	display:none!important;
}
*/ 


#billing_tiles{
	display:block;
}

/* UITGEZET - verborg de verzendvelden:
.woocommerce-shipping-fields__field-wrapper{
	display:none!important;
}
*/
/* UITGEZET - verborg de verzendtegels:
#shipping_tiles{
	display:none!important;
}
*/

/* Styling */

#customer_details{
	margin-top:50px;	
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 68%;
    border: 1px solid #5D3529;
    padding: 20px 30px;
    border-radius: 12px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	width:30%;
	border:1px solid #5D3529;
	padding: 14px 14px;
	border-radius:12px;
}

.cart_item{
	margin-top:15px;
	color:#5D3529;
	font-family:"AmericanTypeWriter", Sans-serif;
}

.cart_item.bundle_table_item{
	margin:0;
}
.cart_item.folded-open{
	justify-content:flex-start!important;
}


.bundled_table_item, .bundled_table_item td{
margin-top:0!important;
	margin-left:10px;
}
.bundled_table_item .product-name{
	margin:0!important;
}
/*
 * De totaalregel stond op display:flex met space-between. Dat werkte toen het
 * label nog een zichtbare <th> was. WooCommerce verbergt die <th> inmiddels en
 * zet het label als ::before op de <td> - dus had de flexcontainer nog maar
 * een kind, deed space-between niets, en stond er "Totaal€ 48,00" aan elkaar
 * geplakt. De subtotaalregel eronder had het probleem niet, want die was nooit
 * op flex gezet.
 *
 * Geen flex meer: dan gedraagt hij zich als de subtotaalregel, met het label
 * links en het bedrag rechts.
 */
.order-total{
	color:#5D3529;
	font-family:"AmericanTypeWriter", Sans-serif;
}
/* .product-name{
	margin:0;
} */

.woocommerce-input-wrapper .input-text {
	padding:16px;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
	background-color: #FBFAF5;
	border: 1px solid #5D3529;
	border-radius: 12px;
}
.btwMini{
color: #5d352985;
    font-family: "AmericanTypeWriter", Sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.woocommerce-billing-fields__field-wrapper label{
	font-family: 'HvDTrial Brevia', sans-serif;
    font-weight: bold;
    color: #5d352980;
}

.woocommerce-billing-fields h3{
	color:#5D3529;
		font-family:"AmericanTypeWriter", Sans-serif;
	font-weight:bold;
}
h3#order_review_heading {
		color:#5D3529;
		font-family:"AmericanTypeWriter", Sans-serif;
	font-weight:bold;
}
.select2-container--default .select2-selection--single{
	padding: 11px;
    height: 50px;
    background-color: #FBFAF5;
    border: 1px solid #5D3529;
    border-radius: 12px;
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:50px;
}
.elementor-element.elementor-element-5c25df44.elementor-widget.elementor-widget-text-editor{
	margin-bottom:100px;
}

select.country_to_state.country_select{
	border-radius:12px!important;
	border:1px solid #5D3529;
	background-color:#FBFAF5;
}

/* adres gegevens styling */

.active_multi_ship{
	display:none;
}

tr.shipping{
	display:none!important;
}

.product-name {
margin-block-end: .1rem;
}
.shipping-cost {
margin-block-end: .1rem;
	font-size: 0.9rem;
}
a.add-dif-ship-adr{
	display:none!important;
}

.checkout-thumbnail-img{
	display:flex;
	width:100%;
	column-gap:4%;
}

input.shipping-date-picker{
	border: 1px solid #5D3529;
    border-radius: 12px;
    color: #5d3529ba;
}

.wmap-img-tr{
display: flex;
    width: 100%;
    padding: 10px 10px;
    background-color: #EAE3D4;
    border-radius: 12px;
}
p.product-thumb-name a{
	font-size:24px;
	color:#5D3529!important;
	
}
.checkout-thumbnail-img a img{
	width:130px;
	height:100px;
	border-radius: 12px;
}
.volgendeBtn{
	display: flex;
    border-radius: 35px;
    font-size: 20px;
    font-weight: bold;
    border: 2px solid #C56068;
    border-bottom: 4px solid #C56068;
    border-right: 4px solid #C56068;
    color: #C56068 !important;
    width: 100%;
    padding: 5px;
    cursor: pointer !important;
    align-items: center;
    justify-content: center;
}
.volgendeBtn:hover{
	background-color:#C56068;
	color:white!important;
	cursor:pointer!important;
}
.textAndPrice{
	display:flex;
	align-items:center;
	flex-direction:row;
	justify-content:space-between;
	width:95%;
}
.blockUI.blockOverlay{
	display:none!important;
}
div.mainContainer{
	width:100%;
}
.textAndPrice p{
	color:#5D3529;
	font-family:"AmericanTypeWriter", Sans-serif;
}
.description{
	color:#5D3529;
	font-family:"AmericanTypeWriter", Sans-serif;
}
h3{
	color:#5D3529;
	font-family:"AmericanTypeWriter", Sans-serif;
	font-weight:bold;
}
.form-row .address-field .validate-required .woocommerce-validated .form-row-wide{
	margin-bottom:20px;
}
.vorigeBtn{
	border: none;
    color: #5D3529;
    font-family: "AmericanTypeWriter", Sans-serif;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    margin-top: 20px;
    cursor: pointer;
}

#billing_tiles{
	display:none;
}
/* UITGEZET - verborg de schakelaar "verzenden naar een ander adres",
   waardoor de hele meerdere-adressenflow onbereikbaar was: er stond alleen
   een regel tekst die eruitzag als een kopje.
#ship-to-different-address-checkbox{
	display:none;
}
*/

@media only screen and (max-width: 600px) {
	.popup-wrapper ul.bundled_products li.bundled_product{
		margin-bottom:20px!important;
	}
	.popup-wrapper .popup-content ul.bundled_products{
	margin: 60px 0 100px 0;
}
.bundle_error .woocommerce-info{
	margin 0;
}
	.col2-set{
		display:flex;
		flex-direction:column;
		row-gap:30px;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
		width:100%;
	}
	
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
		width:100%;
	}

	.step.active .label{
		display:none;
	}
	.step .label{
		display:none;
	}
	.checkout-thumbnail-img{
		flex-direction: row;
	}
	.textAndPrice{
		align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
	}
	.checkout-thumbnail-img a img{
		width:140px;
	}
	
}
.ship-address-data{
	display:none;
}