/*
Theme Name:     DataStores
Theme URI:      https://herdl.com/
Template:       kadence
Author:         Herdl
Author URI:     https://herdl.com/
Description:    Kadence base child theme for DataStores
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.kt-woo-quickview-content.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px; 
}

.kt-woo-quickview-content.loading img {
    width: 24px;
    height: 24px;
    max-width: 24px;
}

.wp-block-separator {
	border-top: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
	border: 0px !important;
}

#secondary-menu {
	justify-content: flex-start;
    margin-left: 40px;
}

.product-details {
	background: #fff !important;
}

.woocommerce-account .account-navigation-wrap {
	border: 1px solid #cbd5e0;
    border-radius: 8px;
    background: #fff;
}

.woocommerce-privacy-policy-text {
	font-style: italic;
    margin-top: 10px;
    margin-bottom: 15px;
}

.woocommerce form.login,
.woocommerce form.register {
	border: none !important;
}

@media screen and (max-width: 1023px) {
    .woocommerce .woocommerce-info .button {
        margin-top: 0.6em !important;
        float: left !important;
    }
}

@media screen and (min-width: 768px) {
    .woocommerce-account .account-navigation-wrap {
        background: #fff;
        border-radius: 8px;
        border: 1px solid #cbd5e0 !important;
    }
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    background: #fff;
    padding: 10px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    background: #fff;
    padding: 10px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
}

.woocommerce-EditAccountForm {
	background: #fff;
    padding: 10px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
}

.woocommerce-MyAccount-content form {
	background: #fff;
    padding: 10px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
}

.woocommerce-thankyou-order-received {
	font-size: 28px;
	color: #000;
}

.woocommerce-order-details {
	background: #fff;
    padding: 10px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
}

.woocommerce .woocommerce-customer-details address { 
	border: 0px !important;
}

.woocommerce-customer-details {
	background: #fff;
    padding: 10px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
}

.woocommerce table.shop_table {
    border-radius: 8px !important;
    border-collapse: unset !important;
    border: 1px solid #cbd5e0 !important;
    background: #fff;
}

.woocommerce li.product a {
	color: #003786;
    text-align: center;
}

.woocommerce a.added_to_cart {
    display: block;
	text-transform: capitalize !important;
    font-size: inherit !important;
}

.woocommerce .woocommerce-notices-wrapper, .woocommerce-notices-wrapper {
    max-width: 645px !important;
    --kwsb-background: #003786 !important;
}

.woocommerce .woocommerce-notices-wrapper>:not(.cart-empty), .woocommerce-notices-wrapper>:not(.cart-empty) {
    border-radius: 8px !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
    border: 1px solid #dadde1;
}

.wc-blocks-components-select .wc-blocks-components-select__select {
	border: 1px solid #dadde1;
}

.wc-block-product-filter-checkbox-list__show-more {
    text-decoration: none !important;
    color: #000 !important;
	font-size: 14px !important;
}
.wc-block-product-filter-checkbox-list__show-more:hover {
    text-decoration: none !important;
    color: #003786 !important;
	background: transparent !important;
}

.header-html-inner img {
	display: inline !important;
	height: 16px !important;
	width: 16px !important;
	max-width: none !important;
	}
	.kwt-add-to-cart-wrap {
	width:100%
	}
	.kb-advanced-slide-overlay {
	border-radius: 12px;
	}
	.grid-cols {
	column-gap: 1.2rem !important;
	}
	#splide03-list {
	column-gap: 0 !important;
	}
	.woocommerce div.product .woocommerce-variation-price .price {
		font-size: 30px !important;
		font-weight: bold !important;
		color: #000000 !important;
	}
	.woocommerce div.product .woocommerce-variation-price .price del {
		color: #94A3B8;
		font-size: 18px;
		font-weight: 400;
	}
	.woocommerce table.shop_attributes {
		background: #F8FAFC;
		border-radius: 12px;
		border: 1px solid #e2e8f0;
		padding: 5px;	
	}
	.woocommerce-product-attributes-item__value p {
		font-size: 0px;
	}
	.woocommerce-product-attributes-item__value a {
		text-decoration: none;
		border: 1px solid #e2e8f0;
		border-radius: 4px;
		padding: 5px;
		font-size: 14px;
		background: #fff;
		margin-right: 2px;
		color: #000;
	}
	.woocommerce-product-attributes-item__value a:hover {
		text-decoration: none;
		border: 1px solid #003786;
		border-radius: 4px;
		padding: 5px;
		font-size: 14px;
		background: #ecf1f8;
		margin-right: 2px;
		color: #003786;
	}
	.woocommerce table.shop_attributes th {
		border-bottom: 0px solid;
	}
	.woocommerce table.shop_attributes td {
		border-bottom: 0px solid;
	}
	.woocommerce-price-suffix {
		font-size: 12px;
	}
	.woocommerce ul.products li.product .entry-content-wrap {
	padding: 10px !important;
	}
	.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
		font-size: 14px;
	  font-weight: 700;
		line-height: 17.5px;
	}
	.woocommerce ul.products li.product .price,
	.woocommerce ul.products li.product .kwt-price-wrap {
		font-weight: 700;
		font-size: 16px !important;
		line-height: 28px;
		color: #000;
	}
	.woocommerce .star-rating {
		color: #facc15;
	}
	.woocommerce ul.products li.product {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	}
	.wp-block-woocommerce-product-filter-active,
	.wp-block-woocommerce-product-filter-taxonomy,
	.wp-block-woocommerce-product-filter-price,
	.wp-block-woocommerce-product-filter-attribute,
	.wp-block-woocommerce-product-filter-status,
	.wp-block-woocommerce-product-filter-rating {
		padding: 15px;
	  background: #fff;
	  border: 1px solid #e2e8f0;
	  border-radius: 8px;
	}
	.woocommerce div.product form.cart .button.single_add_to_cart_button {
	  width: 100% !important;
	}
	.woocommerce div.product form.cart .button.buy-now-button {
	  width: 100%;
	  margin-top: 0.5rem;
	  border-radius: 8px;
	  background-color: #000;
	  color: #fff;
	  border-color: #000;
	}
	.woocommerce div.product form.cart .button.buy-now-button:hover,
	.woocommerce div.product form.cart .button.buy-now-button:focus {
	  background-color: #ffcc00;
	  color: #003786;
	  border-color: #ffcc00;
	}
	.woocommerce div.product form.cart .button.buy-now-button:disabled,
	.woocommerce div.product form.cart .button.buy-now-button[aria-disabled="true"] {
	  opacity: 0.5;
	  cursor: not-allowed;
	}
	.woocommerce div.product form.cart .button.buy-now-button:disabled:hover,
	.woocommerce div.product form.cart .button.buy-now-button[aria-disabled="true"]:hover {
	  background-color: #000;
	  color: #fff;
	  border-color: #000;
	}
	.woocommerce .quantity:not(.spinners-added) {
		visibility: hidden;
		min-height: 48px;
	}
	.quantity.spinners-added {
		visibility: visible;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 5px !important;
	}
	.quantity.spinners-added:hover {
		border-color: #003786;
	}
	.variations .kad_radio_variations {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		border: 0;
		margin: 0;
		padding: 0;
	}
	.variations .kad_radio_variations input[type=radio] {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
	.variations .kad_radio_variations label {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 4.25em;
		margin: 0;
		padding: 0.55em 0.9em;
		border: 1px solid #cbd5e0 !important;
		border-radius: 4px;
		background: #fff;
		color: #0f172a;
		font-weight: 600;
		line-height: 1.2;
		cursor: pointer;
		overflow: hidden;
	}
	.variations .kad_radio_variations input[type=radio]:focus+label,
	.variations .kad_radio_variations label:hover {
		border-color: #003786 !important;
		border-radius: 4px;
		background: #fff;
	}
	.variations .kad_radio_variations input[type=radio]:checked+label,
	.variations .kad_radio_variations label.selectedValue:not(.used-for-specificity):not(.used-forspecificity):not(.usedfor-specificity) {
		border-color: #003786 !important;
		border-radius: 4px;
		background: #003786 !important;
		color: #fff;
	}
	.variations .kad_radio_variations input[type=radio]:checked+label,
	.variations .kad_radio_variations label.selectedValue {
		background: #003786;
		color: #fff;
	}
	.variations .kad_radio_variations input[type=radio]:disabled+label,
	.variations .kad_radio_variations label.is-unavailable {
		color: #94a3b8 !important;
		border-color: #cbd5e0 !important;
		cursor: not-allowed;
		background: #fff !important;
	}
	.variations .kad_radio_variations input[type=radio]:disabled+label:hover,
	.variations .kad_radio_variations label.is-unavailable:hover {
		border-color: #cbd5e0 !important;
		color: #94a3b8 !important;
		background: #fff !important;
	}
	.variations .kad_radio_variations input[type=radio]:disabled+label::before,
	.variations .kad_radio_variations input[type=radio]:disabled+label::after,
	.variations .kad_radio_variations label.is-unavailable::before,
	.variations .kad_radio_variations label.is-unavailable::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 140%;
		height: 2px;
		background-color: #e53e3e;
		pointer-events: none;
	}
	.variations .kad_radio_variations input[type=radio]:disabled+label::before,
	.variations .kad_radio_variations label.is-unavailable::before {
		transform: translate(-50%, -50%) rotate(28deg);
	}
	.variations .kad_radio_variations input[type=radio]:disabled+label::after,
	.variations .kad_radio_variations label.is-unavailable::after {
		transform: translate(-50%, -50%) rotate(-28deg);
	}
	.woocommerce div.product div.images img {
	  border: 1px solid #e2e8f0;
	  border-radius: 12px;
	}
	.wc-block-product-filter-price-slider__range {
		--range-color: #003786 !important;
	}
	.wp-block-woocommerce-cart {
		background: #f5f7f8;
	}
	.wc-block-components-main{
			border: 1px solid #E2E8F0;
		padding: 10px;
		border-radius: 12px;
		margin-top: 20px !important;
		background: #fff;
			margin-right: 10px !important;
			width:64% !important;
	}
	.wc-block-components-sidebar {
			border: 1px solid #E2E8F0;
		padding: 10px;
		border-radius: 12px;
		margin-top: 20px !important;
		background: #fff;
	}
	/* Cart/checkout: stack full-width on mobile, tablet portrait, and iPad Mini landscape */
	@media (max-width: 1024px) {
		.wc-block-components-main {
			width: 100% !important;
			padding: 10px !important;
		}
		.wc-block-components-sidebar {
			padding: 10px !important;
			width: 100% !important;
		}
	}
	@media (max-width: 1024px) {
	  /* Hide products when filter overlay is open */
	  .kt-row-column-wrap:has(
		.wp-block-woocommerce-product-filters.is-overlay-opened
	  ) .wp-block-kadence-column:not(:has(.wp-block-woocommerce-product-filters)) {
		display: none !important;
	  }
	
	  /* Hide the accordion row when filter is open */
	  body:has(.wp-block-woocommerce-product-filters.is-overlay-opened) 
		.kb-row-layout-id485_260aed-9e {
		display: none !important;
	  }
	
	  /* Only fix overlay positioning when it's actually open */
	  .wp-block-woocommerce-product-filters.is-overlay-opened 
		.wc-block-product-filters__overlay-wrapper {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		overflow-y: auto !important;
		z-index: 99999 !important;
		padding-top: 80px !important;
	  }
	
	  .wp-block-woocommerce-product-filters.is-overlay-opened 
		.wc-block-product-filters__overlay-dialog {
		position: relative !important;
		top: 0 !important;
		transform: none !important;
		margin: 0 !important;
		min-height: 100% !important;
	  }
	}