/*
 * custom-style.css
 *
 * Dit bestand wordt automatisch geladen door de Dienstclip_php_functions plugin.
 * Voeg hier je eigen CSS toe en upload via FTP.
 *
 * FTP-pad:
 *   /wp-content/plugins/dienstclip-php-functions/custom-style.css
 */

/* Jouw CSS hieronder: */

body {	background-color: #f6f6f6 !important; }

.wp-block-kubio-button a { transition: none !important; }
.wp-block-kubio-footer div#footer { display: none !important; }
.wp-block.wp-block-kubio-footer .wp-block .wp-block-kubio-text a { color: #fff !important; font-weight: 600; }

.wp-block.wp-block-kubio-footer .wp-block .wp-block-kubio-text a:hover { color: #8961fe !important; }

p.wp-block.wp-block-kubio-text__text.style-uFAb4pS6q-text. a { color: #fff !important; }

.btn-menu a { padding: 10px 25px !important; background-color: rgba(var(--kubio-color-2),1); font-weight: 700 !important; color: rgba(var(--kubio-color-6),1) !important; }
.current-menu-item.btn-menu a { color: rgba(var(--kubio-color-6),1) !important; }
.btn-menu a:hover { color: white !important; background-color: rgba(var(--kubio-color-1-variant-4),1); }

input.wpcf7-submit {
	margin-top: 15px;
}

.wp-block-kubio-menu-offscreen__offscreen .btn-menu a {
	padding: 25px 40px !important;
}

.woocommerce .single-product {
	background: #fbfbfb;
	padding: 0px 30px 60px 0;
}

.woocommerce .single-product .summary {
	padding-top: 40px
}

.woocommerce .single-product .summary > h3 {
	margin-bottom: 10px;
	font-weight: 600 !important;
}


.woocommerce .single-product .summary .price {
	font-weight: 500;
}

.wc-block-components-payment-method-icons .wc-block-components-payment-method-icon {
	margin: 0 5px 2px !important;
	height: 24px !important;
}

.wc-block-components-totals-wrapper .wc-block-components-totals-item.wc-block-components-totals-footer-item {
	font-size: 18px !important;
}

.wc-block-checkout .wc-block-checkout__main {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}

.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block p.wc-block-components-totals-footer-item-tax {
	font-size: 12px !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
	font-size: 1rem;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
	font-size: 1rem;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-details__kleur {
	font-size: .8rem;
}

.wp-block-woocommerce-empty-cart-block h2.with-empty-cart-icon::before {
	content: none !important;
}

.wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
	background: rgba(var(--kubio-color-1),1) !important;
	height: 2px;
	margin: 80px auto 80px auto;
	width: 400px;
	max-width: 80%;
}

.wp-block-woocommerce-empty-cart-block hr.wp-block-separator::before {
	content: none !important;
	
}

.woocommerce .single-product .woocommerce-tabs {
	padding: 30px;
}

.woocommerce .single-product .onsale {
	display: none;
}

.woocommerce .single-product .price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.woocommerce .single-product .price del {
    order: 2;
}

.woocommerce .single-product .price ins {
    order: 1;
    text-decoration: none;
}

.woocommerce .single-product .price del {
	color: #aaa;
	font-size: 20px;
	vertical-align: middle;
}

.woocommerce .single-product .price ins {
	text-decoration: none;
	vertical-align: middle;
	color: #10B981;
	font-size: 37px;
}

.woocommerce .single-product .quantity input.qty {
	padding: 4px 10px 7px 10px;
}

.woocommerce-notices-wrapper {
	margin-right: -30px;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error {
	margin-bottom: 0;
}

.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-error .button{
	background-color: rgba(var(--kubio-color-1),1) !important;
	border: none !important;
	border-radius: 0 !important;
}

.wc-block-grid__product {
	font-size: 1rem !important;
}

.wc-block-grid__product .wc-block-grid__product-onsale {
	display: none;
}

/* .woocommerce .single-product .price ins span {
	background: #BD0000;
	color: #fff;
	padding: 5px 15px 5px 5px;
} */

/* .woocommerce .single-product .price ins:before {
	content: "-> ";
	color: #aaa;
} */

.woocommerce .single-product .stock.in-stock {
	color: #10B981;
}

.woocommerce .single-product .product_meta {
	display: none;
}

/* product review */
.payment-review {
    margin-top: 25px;
    padding: 10px 30px 20px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #fcfcfc 100%
    );
    box-shadow:
        0 2px 8px rgba(0,0,0,0.03),
        0 6px 18px rgba(0,0,0,0.04);
    text-align: left;
		display: inline-block;
}

/* Sterren */
.payment-review__stars {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1;
    background: linear-gradient(
        180deg,
        #ffe27a 0%,
        #ffc400 45%,
        #ff9f0a 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter:
        drop-shadow(0 1px 2px rgba(255,196,0,0.28));
    letter-spacing: 0.5px;
}

/* Review tekst */
.payment-review__text {
    font-size: 14px;
    line-height: 1.5;
    color: #2d2d2d;
    font-style: italic;
}

/* Auteur */
.payment-review__author {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #8a8a8a;
}


.wp-block-woocommerce-cart {
	background: white;
	padding: 60px 40px;
	font-size: 22px;
}

.wc-block-components-radio-control .wc-block-components-radio-control__option {
	padding-bottom: 30px;
}

.wc-block-components-radio-control__label-group .wc-block-components-radio-control__label {
	padding-left: 50px;
	margin-top: -13px;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
	top: 20px;
	bottom: unset;
}

.woocommerce .posted_in {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none;
}

.wp-block-woocommerce-empty-cart-block {
	font-size: 10px;
}

.wc-block-grid__product {
	font-size: 18px;
}

.wc-block-components-address-form__country .wc-blocks-components-select__container {
	margin-top: 12px !important;
}

.wc-block-components-address-form__country .wc-blocks-components-select__container select.wc-blocks-components-select__select {
	margin-bottom: unset !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
	padding: 9px 25px 31px 15px !important;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group .wc-block-components-radio-control__label, 
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__secondary-label {
	margin-top: -3px;
}

.wc-block-components-radio-control .wc-block-components-radio-control-accordion-option {
	padding: 15px;
}

.wc-block-components-radio-control .wc-block-components-radio-control__option {
	padding: 0 0 10px 0;
}

.wc-block-components-payment-method-icons .wc-block-components-payment-method-icon {
	margin: 0 16px 2px;
}

.wc-block-components-radio-control-accordion-content {
	padding: 0 0 0 15px;
}

.mollie-components .mollie-component {
	padding: 10px 10px 8px 10px !important;
}


/* afreken icons */

.payment-methods {
    width: 100%;
    flex-basis: 100%;
    display: block;
    clear: both;
		padding-top: 15px !important;
    text-align: left;
}

.payment-methods__label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    font-weight: 500;
    text-align: left;
}

.payment-methods__icons {
    display: flex;
    justify-content: flex-start; /* links uitlijnen */
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.payment-methods__icons img {
    height: 25px;
    width: auto;
    display: block;
    object-fit: contain;
    transition: all 0.2s ease;
}

/* account area */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

.woocommerce-MyAccount-content {
	background: #fff;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
	margin-right: 0 ;
}

.woocommerce-MyAccount-content h2 {
	font-size: 1.5em !important;
}

.woocommerce-MyAccount-content .button,
#customer_login .button,
.woocommerce-ResetPassword .button {
	background: rgba(var(--kubio-color-1), 1) !important;
  border: rgba(var(--kubio-color-1), 1) !important;
}

.woocommerce-account .addresses .title .edit {
	float: left;
}

.woocommerce-MyAccount-content .woocommerce-orders-table .button.invoice {
	display: none;
}

.woocommerce-ResetPassword p.woocommerce-form-row {
	float: unset !important;
	text-align: left !important;
	margin-left: 0 !important;
}


/* Verberg standaard lijststijl */
ol.woocommerce-OrderUpdates {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

/* Verticale lijn */
ol.woocommerce-OrderUpdates::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--color-border-secondary, #ddd);
  border-radius: 1px;
}

/* Elk item */
li.woocommerce-OrderUpdate {
  position: relative;
  padding: 0 0 28px 40px;
}
li.woocommerce-OrderUpdate:last-child {
  padding-bottom: 0;
}

/* Bolletje op de lijn */
li.woocommerce-OrderUpdate::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #888;
  z-index: 1;
}

/* Eerste item = actief bolletje */
li.woocommerce-OrderUpdate:first-child::before {
  background: rgba(var(--kubio-color-1), 1);
  border-color: rgba(var(--kubio-color-1), 1);
}

/* Kaartje */
.woocommerce-OrderUpdate-inner {
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 12px 16px;
}

/* Datum/tijd */
p.woocommerce-OrderUpdate-meta {
  font-size: 11px;
  color: #999;
  margin: 0 0 4px;
}

/* Berichttekst */
.woocommerce-OrderUpdate-description p {
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

/* Clear-divs verbergen */
.clear {
  clear: both;
  display: none;
}


/* order tracking */

/* ── ORDER TRACKING – single column, clean ── */

.order-tracking-styled .woocommerce { display: flex; flex-direction: column; gap: 1.25rem; }

/* Formulier */
.order-tracking-styled .woocommerce-form-track-order { text-align: left; max-width: 750px; padding: 30px; margin: auto; background: #fff; border-radius: 10px; }

/* Status-balk */
.order-tracking-styled .woocommerce p.order-info {
  background: #f5f5f3;
  border: 0.5px solid #d3d1c7;
  border-radius: 10px;
  padding: .7rem 1rem;
  color: #5f5e5a;
  line-height: 1.5;
  margin: 0;
}

.order-tracking-styled .woocommerce p.order-info mark {
  background: none;
  font-weight: 500;
  color: #2c2c2a;
}

.order-tracking-styled mark.order-status {
  background: #faeeda !important;
  color: #633806 !important;
  font-size: 11px;
  font-weight: 500;
  padding: 1px 8px;
  border-radius: 20px;
}

/* Knop */
.order-tracking-styled .button {
  background: rgba(var(--kubio-color-1), 1) !important;
  border: rgba(var(--kubio-color-1), 1) !important;
}

/* Headings */
.order-tracking-styled .woocommerce h2 {
  font-size: 1.5rem;
  text-align: left;
  margin: 0 0 .5rem 0;
}

/* ── Tijdlijn ── */
.order-tracking-styled ol.commentlist.notes {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.order-tracking-styled ol.commentlist.notes::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--color-border-secondary, #ddd);
  border-radius: 1px;
}

.order-tracking-styled ol.commentlist.notes li.comment {
  position: relative;
  padding: 0 0 16px 40px;
}

.order-tracking-styled ol.commentlist.notes li.comment:last-child {
  padding-bottom: 0;
}

.order-tracking-styled ol.commentlist.notes li.comment::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #888;
  z-index: 1;
}

.order-tracking-styled ol.commentlist.notes li.comment:first-child::before {
  background: rgba(var(--kubio-color-1), 1);
  border-color: rgba(var(--kubio-color-1), 1);
}

.order-tracking-styled ol.commentlist.notes li.comment .comment_container {
  background: #f5f5f3;
  border: 0.5px solid #d3d1c7;
  border-radius: 10px;
  text-align: left;
  padding: 10px 15px;
}

.order-tracking-styled ol.commentlist.notes li.comment .comment_container p {
  margin: 0 !important;
}

.order-tracking-styled .woocommerce-order-details.woocommerce-info p {
	margin: 0; 
} 


/* END ORDER TRACK */

.wp-block-woocommerce-checkout .wc-block-components-sidebar { top: 115px; } 

/* POSTNL error */
.wc-block-components-checkout-order-summary__content #postnl_checkout_option {
	display: none;
}

#verzendadres-checkbox-wrap {
	margin: 16px 0;
	padding: 12px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #f9f9f9;
}
#verzendadres-checkbox-wrap label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 14px;
	margin: 0;
}
#verzendadres-checkbox-wrap input[type="checkbox"] {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin: 0;
	cursor: pointer;
}
#verzendadres-foutmelding {
	display: none;
	color: #cc0000;
	font-size: 13px;
	margin-top: 8px;
}

/* responsive */
@media (max-width: 768px) {
	.woocommerce div.product div.summary {
		padding: 20px;
	}
	.single-product .woocommerce-tabs h2 {
		font-size: 32px;
	}
	.wc-block-cart-items td.wc-block-cart-item__product .wc-block-components-quantity-selector {
		width: unset;
	}
	
	body.woocommerce .single-product, body.woocommerce-page .single-product {
		padding: 0 !important;
	}
	
	.woocommerce-notices-wrapper {
		margin-right: 0;
	}
	
	.wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
		margin: 40px auto 40px auto;
	}
	
	.woocommerce .single-product .woocommerce-tabs {
		padding: 20px;
	}
	
	.woocommerce-message,
	.woocommerce-error li {
			display:flex;
			flex-direction:column;
			align-items:flex-start;
			gap:10px;
	}
	

	.payment-methods__icons {
		gap: 8px;
	}

	.payment-methods__icons img {
		height: 24px;
	}
	
	.order-tracking-styled .woocommerce form .form-row {
		width: 100% !important;
	}
	
	.order-tracking-styled .woocommerce {
		display: block;
	}
	
	.order-tracking-styled .woocommerce-column--billing-address {
		margin-bottom: 30px;
	}
	
}

@media (max-width: 576px) {
	.wp-block-woocommerce-cart.alignwide {
		padding: 10px !important;
	}
	.wp-block-woocommerce-checkout {
		padding-top: 0;
	}
	.wc-block-checkout .wc-block-checkout__main {
		padding: 20px 15px;
	}
}