/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.account-dashboard-welcome h5 {
	margin-bottom: 0 !important;
}

.recently-viewed-products h5 {
	color: black;
	margin-bottom: 10px !important;
}

.faq h5 {
	color: black;
	margin-bottom: 10px !important;
}

.woocommerce-MyAccount-navigation a br {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul a {
	padding: 16px 16px !important;
}

.woocommerce-form-row br {
	display: none !important;
}

.woocommerce-account .woocommerce-form {
    margin-top: 20px !important;
    padding: 20px !important;
    background-color: white;
    border-radius: 4px !important;
}

.woocommerce-orders-table__cell {
	border-radius: 4px !important;
	border: 1px solid #ededed !important;
	background: #FFF;
}

.woocommerce-orders-table__cell td {
	border-radius: 4px !important;
	border: 1px solid #ededed !important;
}

.woocommerce-MyAccount-content h2 {
    margin: 0px !important;
    padding-bottom: 0px !important;
    color: #003264 !important;
}



/* Container voor alle order-items */
.order-items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

/* Individueel order-item */
.order-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
}

/* Afbeelding binnen een order-item */
.order-item-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
}

/* Titel binnen een order-item */
.order-item-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

/* Extra items melding */
.order-extra-items {
    margin-top: 10px;
    color: #555;
    font-size: 14px;
    font-style: italic;
}

.order-item br {
	display: none !important;
}

.order-buttons-bottom {
	display: flex;
	gap: 20px !important;
    padding: 0px 10px !important;
}

.woocommerce-MyAccount-orders tr td::before {
	display: none !important;
}

@media (max-width: 480px) {
    .account-dashboard-buttons .button {
        margin-bottom: 4px !important;
	}

	.account-dashboard-buttons {
        gap: 0;
	}

	.woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-1 {
		float: left;
		width: 100% !important;
	}

	.woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-2 {
		float: left;
		width: 100% !important;
	}

	.woocommerce-page .col2-set, .woocommerce .col2-set {
		width: 100%;
		display: flex !important;
		flex-direction: column !important;
	}
}

.wc_cnd_deposit_cod input[type="radio"] {
    height: 30px;
    float: left;
}



#search-results .sale-percentage {
	position: absolute;
	top: 0;
	right: 0;
	margin: 25px;
	background: #E91B0B;
	padding: 4px;
	border-radius: 4px;
	color: #fff !important;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5em;
}



#search-results .result .inner-wrap h2 {
	padding: 0 20px 10px !important;
}

#search-results .result .title a {
	color: #000 !important;
}

#search-results .result .title a:focus, #search-results .result .title a:hover {
	text-decoration: none;
	background-size: 0;
}

#search-results .normal-price {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	color: #666666 !important;
}

#search-results .result .normal-price bdi {
	text-decoration: line-through;
}

#search-results .stock-notice.in-stock::before {
	content: '';
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background: url("/wp-content/uploads/2025/01/check-3.svg");
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#search-results .stock-notice.out-of-stock::before {
	content: '';
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background: url("/wp-content/uploads/2024/10/check-4.svg");
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#search-results .stock-notice.in-stock {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #00a15e !important;
	margin-top: 12px;
}

#search-results .data-row {
	padding: 0 20px 20px 20px;
}

#search-results .out-of-stock {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #E43E1B !important;
	margin-top: 12px;
}

#search-results .result .inner-wrap {
	min-height: 390px;
}

#search-results .data-price > .woocommerce-Price-amount {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.2px;
	color: #E91B0B !important;
}


/* Hide native checkbox visually but keep it functional */
#wc_checkout_form #cnd_deposit_cod_payment_method {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Style the label */
.wc_cnd_deposit_cod label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

/* Outer radio circle */
.cnd_deposit_cod_checkbox {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 13px;
	width: 13px;
	border: 1px solid #5b5b5b;
	border-radius: 50%;
	background-color: #fff;
	box-sizing: border-box;
}

/* Filled dot when checked */
#cnd_deposit_cod_payment_method:checked + label .cnd_deposit_cod_checkbox::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 6px;
	border: 1px solid #1e6fc5 !important;
	background-color: #1e6fc5;
	border-radius: 50%;
}

li.wc_cnd_deposit_cod {
	display: flex;
	align-items: center;
}

#cnd_deposit_cod_payment_method {
	display: none;
}

.payment_method_pay_gateway_spraypay img {
  width: 50px !important;
  float: right;
}

.payment_box.payment_method_pay_gateway_spraypay {
  display: none !important;
}

.payment_method_pay_gateway_capayablegespreid img {
  width: 32px !important;
  float: right;
}

.payment_box.payment_method_pay_gateway_capayablegespreid {
  display: none !important;
}

.font-white {
	color: #fff;
}