/*
 * Verhuisd uit de snippets-plugin. Elke sectie hieronder was een los CSS-snippet
 * dat inline in de frontend header werd uitgestuurd. De volgorde is die van de
 * oorspronkelijke snippet-ids, zodat de cascade gelijk blijft.
 */

/* --- #4 Categorie card style --- */
.subcategorie-container {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.subcategorie-card {
    display: flex;
    align-items: center;
    border: 1px solid #f4f4f4;
    border-radius: 15px;
    padding: 50px 20px;
    text-decoration: none;
    color: inherit;
    background: #f8f8f8;
    width: 345px;
    transition: box-shadow 0.3s ease;
}

.subcategorie-thumbnail {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 12px;
    border: 1px solid #32c8c8;
    border-radius: 10px;
    padding: 10px;
}

.subcategorie-titel {
    font-size: 24px !important;
    font-weight: 700;
}

/* --- #6 Filter styling --- */
.widget-title wpc-filter-title {
    font-size: 50px !important;
}

/* --- #9 Afrekenpagina styling --- */
.dsabafw_selectt, .dsabafw_select_shippingg {
    display: flex;
    gap: 2px;
      align-items: self-start;
    flex-direction: column;
} 

.bde-order-review-column{
border: 1px solid #3071a5;
border-radius: 15px;
padding: 30px;
}
.woocommerce-billing-fields {
    padding-top: 30px;
}

button.form_option_billing, button.form_option_shipping, button#dsabafw_add_billing_form_submit,
button#place_order{
    font-size: 16px !important;
    text-transform: none;
  font-weight: 600 !important;
    padding-top: 15px;
    padding-right: 25px !important;
    padding-bottom: 15px;
    padding-left: 25px !important;
    background-color: #3071a5 !important;
    border-color: #3071a5 !important;
    box-shadow: none;
    border-radius: 50px;
    border: none;
		color:#fff !important;
}
button.form_option_billing{
    margin-bottom: 20px;
}

.woocommerce-Address-title.title a{
	 font-size: 18px;
    text-transform: none;
    padding-top: 15px;
    padding-right: 25px !important;
    padding-bottom: 15px;
    padding-left: 25px !important;
    background-color: #3071a5 !important;
    border-color: #3071a5 !important;
    box-shadow: none;
    border-radius: 50px;
    border: none;
		color:#fff !important;
}
.woocommerce-billing-fields label, .breakdance-woocommerce table td  {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
}
.wpc-filters-main-wrap li.wpc-term-item a, .wpc-filters-main-wrap label{
     font-family: 'Nunito', sans-serif !important;
  font-weight: 500 !important;
  color: #374649 !important;
} 

button#dsabafw_add_billing_form_submi{
	    width: 100% !important;
    text-align: center !important;
  font-weight: 600 !important;
}
#dsabafw_billing_popup{
margin-top: -125px;

}
.dsabafw_modal-content {
    width: 90%;
    max-width: 600px;
	 	background-color: #f6fafd;
    padding: 35px;
    border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dsabafw_modal-content .form-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.dsabafw_modal-content  .form-row label {
    display: flex;
    width: 50%;
}

.dsabafw_modal-content  span.woocommerce-input-wrapper {
    width: 100%;
    display: flex;
}


.dsabafw_modal-content  span.woocommerce-input-wrapper input{
	width:100%;
	height:40px;
	padding:0px 15px;
} 

.woocommerce-page .dsabafw_modal-content form .form-row select {
    width: 100%;
    padding: 0px 15px;
    height: 43px;
}

.wp-block-button__link {
        color: #fff;
    background-color: #0f9ffd;
    border-radius: 10px;
    box-shadow: none;
    text-decoration: none;
    padding: 10px 17px;
    font-size: 13px;
    border-color: #0f9ffd;
    letter-spacing: 0.5px;
}

span.billing_address_inner, span.shipping_address_inner {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    font-size: 16px !important;
    line-height: 28px;
	    text-transform: lowercase;
}
.woocommerce-billing-fields h3, .bde-order-review-column h3{
font-weight: 700 !important;
}
#ship-to-different-address span{
    font-size: 25px !important;
    font-weight: 600 !important;
}
#ship-to-different-address{
    margin-bottom: 20px;
}
.cart-subtotal{
    display: none;
}

@media all and (max-width:1119px){
.checkout .woocommerce-checkout {
flex-direction: column !important;
}
  #customer_details{
   width: 100% !important;
}
.bde-order-review-column{
    width: 100% !important;
}
.woocommerce-billing-fields {
    padding-top: 0;
}
}

@media all and (max-width:767px){
	div#customer_details, .bde-order-review-column{
		width:100% !important;
	}
	
	div#order_review {
    flex-direction: column;
	}
	
	table.shop_table.woocommerce-checkout-review-order-table, div#payment {
    width: 100% !important;
    align-self: flex-start;
}
.bde-order-review-column{
padding: 15px;
}

}

/* --- #11 styling cookiebanner --- */
#wpconsent-container::part(wpconsent-preferences-header) {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
}
#wpconsent-container::part(wpconsent-preferences-header) img {
  justify-self: center;
} 
.wpconsent-banner-header{
   display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
}
