/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/
 Description:  A child theme of Astra
 Author:       Your Name
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
*/

/* You can add your custom CSS below */


/* GENERAL */
.d-flex {
	display: flex;
}

.justify-between {
	justify-content: space-between;
}

.btn-outline-danger {
	border: 1px solid red;
	background-color: transparent;
	color: red !important;
	padding: 12px 24px;
	border-radius: 50px;
	font-weight: 600;
	display: block;
	text-align: center;

	&:hover {
		background-color: red;
		color: #fff !important;
	}
}

.woocommerce-notices-wrapper {
    max-width: 1140px; /* Pas aan naar jouw containerbreedte */
    margin-left: auto;
    margin-right: auto;
	padding: 0 10px;
}

/* MENU */
.elementor-nav-menu--dropdown {
	top: -36px !important;
}
/* END MENU */

/* CUSTOM CART */
.woocommerce-js table.shop_table, .woocommerce-page table.shop_table {
    border: 0px;
}

.woocommerce-js table.shop_table td, .woocommerce-page table.shop_table td {
    border-top: 1px solid #c5c5c5;
}

.woocommerce-js table.shop_table thead, .woocommerce-page table.shop_table thead {
    background-color: transparent;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    min-width: 80px;
    box-shadow: none;
}

.cart th {
	text-transform: uppercase;

	&.product-quantity {
		text-align: end;
		padding-right: 0 !important;
	}
	&.product-name {
		padding-left: 0 !important;
	}

}

td {
	&.product-remove {
		width: 1px;
	}
	&.product-quantity { 
		padding-right: 0 !important;

		.quantity input {
			float: right;
		}
	}
	&.product-name {
		padding-left: 0 !important;
		display: flex !important;
		color: black;
		position: relative;

		p, a, span {
		font-weight: 600;
		margin-bottom: .1rem;
		}

		a {
			color: black;
		}
	}

	&.actions { 
		padding-left: 0 !important;
		padding-right: 0 !important; 
	}
}

.cart-titel-wrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.cart-image-wrapper {
	border: 2px solid lightgray;
	padding: 4px;
	border-radius: 10px;
	margin-right: 1rem;
}


.cart-items-amount {
	.cart-amount {
		font-size: 18px;
		color: gray;
	}

	.cart-price span {
		font-weight: 700 !important;
		font-size: 22px;
	}
}

.input-text.qty.text {
	font-weight: 600;
}

.custom-variation-before-title {
	display: inline-block;
}

.woocommerce-js a.remove:before {
    border: 1px solid #ffb3b3;
    background-color: #ffb3b3;
}
.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg {
    color: white;
}
.woocommerce-js a.remove {
	position: absolute;
	top: 6px;
	left: -6px;
	opacity: 1;
}
/* remove address for sending in cart */
.woocommerce-shipping-contents, .woocommerce-shipping-destination {
    display: none;
}
/* END CART */


/* WP MESSAGES */
.woocommerce-js a.remove:hover:before {
    border: 1px solid #ff5656;
    background-color: #ff5656;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message,
.woocommerce-error:focus-visible, .woocommerce-info:focus-visible, .woocommerce-message:focus-visible {
    border-radius: 10px;
    font-weight: 600;

    .restore-item { color: #888888; }
}

.woocommerce-info, .woocommerce-info:focus-visible {
	color: #1f335b;
	border: 3px solid #1f335b !important;
    background-color: #1f335b24;
}

.woocommerce-info::before {
	color: #1f335b;
}

.woocommerce-message, .woocommerce-message:focus-visible {
	color: #4CAF50;
    border: 3px solid #4CAF50 !important;
    background-color: #4caf5024;
}

.woocommerce-message::before {
    color: #4CAF50;
}

.woocommerce-error, .woocommerce-error:focus-visible {
	color: #f12932;
    border: 3px solid #f12932 !important;
    background-color: #f1293224;
}

.woocommerce-error::before {
    color: #f12932;
}
/* END WP MESSAGES */



.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
}

.cart_totals {
	padding: 0 !important;
	border-width: 0 !important;
}

.shop_table {
	> div {
		padding: 1.2rem 0;
	}
}

.cart-subtotal, .cart-discount {
	.cart-title {
		font-weight: 400;
	}

	.amount { font-weight: 400; }
}

.order-total {
	.cart-title {
		font-weight: 600;
	}
}


/* Accordion */
.custom-cart-accordion {
  margin-top: 20px;
}

#order_review {
	.accordion-toggle {
		padding: .75rem 0 !important;
	}
}

.accordion-toggle {
  background: transparent !important;
  border: none;
  padding: 0 !important;
  border-bottom: 0px solid #000;
  border-radius: 0 !important;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
  text-align: left;
  color: #000 !important;
  font-weight: 400 !important;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: transparent !important;
}

.accordion-toggle.active + .accordion-content {
  max-height: 200px; /* of auto met JS */
}
.accordion-content .coupon {
	margin: 15px 0;

	input { width: 100%; }
}

.elementor-accordion-icon-opened {
  display: none;
}

.accordion-toggle.active .elementor-accordion-icon-opened {
  display: inline;
}

.custom-accordion-icon {
	margin-left: auto;
}

.accordion-toggle.active .elementor-accordion-icon-closed {
  display: none;
}

.custom-accordion-icon i {
  transition: transform 0.3s ease;
}

.accordion-toggle.active .custom-accordion-icon i {
  transform: rotate(180deg);
}

.coupon button {
	font-size: 1rem !important;
	margin-left: 4px !important;
}
/* End accordion */

.wc-proceed-to-checkout { padding-bottom: 0 !important; }


.cart-shipping {
	font-weight: 600;

	ul, p, form  {
		font-weight: 400;
	} 
}


/* FORMS */
input {
	border-radius: 8px !important;
	font-weight: 400;
}

.show-password-input {
	position: absolute;
    right: 0.7em;
    cursor: pointer;
    top: 0.2em !important;
    padding: 6px 7px !important;
    background-color: transparent !important;
    color: var(--e-global-color-primary) !important;
}



#wpum-submit-registration-form, #wpum-submit-password-recovery-form {
	label {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.8;
	}
	
	input { padding: .7rem }
}

.button[name="submit_registration"], .button[name="submit_password_recovery"] {
	width: 100%;
	border-radius:50px !important;
	padding: 14px 18px 14px 18px !important;
}

.wpum-action-links {
	text-align: center;
	margin: 20px 0 0;
}

/* END FORMS */

/* PRODUCT OVERVIEW */
.on-product-detail {
	.prijs-wrapper {
		font-size: 24px;
	}
}
.prijs-wrapper {
  	line-height: 1.5;
	font-size: 18px;
    font-weight: 600;
}
.label-klant {
	display: block;
	color: #3CA354;
	font-size: 10px;
	font-weight: 600;
}
.standaard-prijs {
	color: var(--e-global-color-primary);
    
}
.klanten-prijs {
	color: #3CA354;
	line-height: 0.2;
    margin-top: 14px;
}

.korting {
	/*color: #FF7E7E;*/
}

.oude-prijs {
	color: gray;
	font-size: 1.2rem;
	text-decoration: line-through;
}
/* END PRODUCT OVERVIEW*/

/* PRODUCT DETAIL */
.is-cursus, .role-abel-10 {
	.related-products-detail, .membership-label {
		display: none;
	}
}

.custom-quantity-field-wrapper, .custom-quantity-field {
	display: none;
}

body.role-abel-10 .custom-quantity-field-wrapper, body.role-abel-10 .custom-quantity-field {
	display: block;
}

.sales-label {
    display: none;
}

.product.sale .sales-label {
    display: inline-block;
}

.custom-variation-radio label { position:relative; }

.radio-badge {
	left: unset;

	position: absolute !important;
	background: #FF7E7E;
    color: white;
    font-size: 10px;
    padding: 4px 12px;
    border-radius: 20px;
    width: max-content;
    top: -12px;
    right: 7px;
    text-transform: uppercase;
}

.custom-quantity-field {
	margin-bottom: 20px;
	
	label {
		text-transform: uppercase;
		font-weight: 700;
	}
}

/* PRODUCT DETAIL */


/* CHECKOUT */
.wrapper-top-checkout {
	width: 100%;

	.overview {
		padding: 18px 0;
		border-top: 1px solid lightgray;
		border-bottom: 1px solid lightgray;
		width: 100%;
		margin-bottom: 20px;

		div { font-weight: 600; }
	}

	.email {
		h5 { 
			color: var(--e-global-color-primary);
			font-weight: 600;
			margin-bottom: 6px;
		}
		p {
			color: gray;
			font-weight: 400;
		}
	}
}

#order_review {
	border-radius: 8px;
	border: 1px solid lightgray !important;
	padding: 20px !important;

	img {
	max-width: 80px;
	margin-right: 10px;
	}

	table.shop_table {
		th {
			border: 0px !important;
		    border-bottom: 0px !important;
		}
		td {
			border: 0px !important;
		    border-top: 0px !important;

		    &.product-name {
				display: table-cell !important;
			}
		}

		tfoot {
			margin-top: 20px;

			.cart-subtotal th, .cart-subtotal td, .woocommerce-shipping-totals th, .woocommerce-shipping-totals td {
				border-bottom: 1px solid lightgray !important;
			}

			td {
				text-align: right !important;
			}
		}

		.cart-items-amount {
			margin-top: 14px;

		    .cart-price span {
		        font-size: 18px;
		    }
		}
	}
}

#order_review_heading {
	padding: 0 !important;
	border: 0 !important;
	margin-bottom: 12px !important;
}

.woocommerce-page.woocommerce-checkout form #order_review td:last-child, .woocommerce-page.woocommerce-checkout form #order_review th:last-child, .woocommerce.woocommerce-checkout form #order_review td:last-child, .woocommerce.woocommerce-checkout form #order_review th:last-child {
    text-align: left;
}


form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
    padding: 0em;
    border-width: 0;
}

.woocommerce-billing-fields h3 {
	border-bottom: 0 !important;
	margin: 0;
}

woocommerce-js .select2-container .select2-selection--single, .woocommerce-js select, .woocommerce-page .select2-container .select2-selection--single, .woocommerce-page select {
    padding: .75rem;
    line-height: normal;
    padding-right: 2em;
    appearance: none;
    background-position: 98% 50%;
    background-color: #fff;
    border-color: var(--ast-border-color);
    border-radius: 8px !important;
    font-weight: 400;
    font-size: 1rem;

}

.woocommerce-form__label-for-checkbox span {
	font-size: 1rem;
	color: var(--e-global-color-primary);
}
/* END CHECKOUT */


/* MY ACCOUNT */
.woocommerce-order-details__title, .woocommerce-column__title {
	color: var(--e-global-color-primary);
	font-size: 36px !important;
    font-family: 'Museo Sans Rounded' !important;
}
/* END MY ACCOUNT */

/* ORDER */
.woocommerce-order {
	h2 { color: var(--e-global-color-primary); }
}
/* END ORDER */

/* PADDING PAGE FIX */
body.page-id-3965 .ast-container {
    max-width: 100%;
    padding: 0;
}
/* END PADDING PAGE FIX */




@media only screen and (min-width:1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width:921px) {
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
		display:table-row !important;
	}

	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        display: table-cell;
        text-align: start !important;
    }
     .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        content: "";

    }
    .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
        display: table-header-group;
    }
    /* .entry-content .woocommerce{
    	margin-top: 100px;
    } */
    .woocommerce-js table.shop_table td, .woocommerce-page table.shop_table td {
	    border-top: 1px solid #c5c5c5 !important;
	}
}