/*!
Theme Name: ONSKN
Theme URI: dd.nyc
Author: dd.nyc
Description: The theme for dd.nyc.
Version: 1.0.0
*/

.screen-reader-text {
	display: none;
}

.single-product .wcpay-express-checkout-wrapper {
	display: none;
}

a.added_to_cart.wc-forward {
	display: none;
}

h1.page-title, .woocommerce-notices-wrapper, .woocommerce-form-coupon-toggle {
	display: none;
}

.woocommerce-billing-fields h3 {
	display: none;
}

.form-row {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.woocommerce-input-wrapper input {
	width: 100%;
	text-overflow: ellipsis;
	padding: 10rem 15rem;
	border: var(--sl) solid var(--c5);
	min-height: var(--btn);
	min-width: 0;
}

.form-row label {
	padding-bottom: 10rem;
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-gap: var(--gap);
	grid-template-columns: repeat(2, 1fr);
}

p#billing_country_field .woocommerce-input-wrapper {
	width: 100%;
	text-overflow: ellipsis;
	padding: 10rem 15rem;
	border: var(--sl) solid var(--c5);
	min-height: var(--btn);
	min-width: 0;
}

.checkout-inline-error-message {
	margin-top: 10rem;
	font-size: var(--f-xs);
	color: var(--c9);
}

.select2-container--default .select2-selection--single {
	width: 100%;
	text-overflow: ellipsis;
	padding: 0 15rem;
	border: var(--sl) solid var(--c5);
	min-height: var(--btn);
	display: flex;
	align-items: center;
	cursor: pointer;
	background-color: transparent;
	border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 20px;
	position: absolute;
	top: auto;
	right: 15rem;
	width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: none;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1 L7 7 L13 1' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	left: auto;
	transform: translateY(-50%);
}

.select2-container--open .select2-selection__arrow {
	transform: rotate(180deg);
}

.select2-search--dropdown {
	display: block;
	padding: 10rem 15rem;
}

.select2-results__option {
	padding: 10rem 15rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--c4);
	color: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.woocommerce-additional-fields {
	display: none;
}

#ship-to-different-address {
	display: flex;
	align-items: center;
	gap: 10px;
}

#ship-to-different-address .woocommerce-form__label span {
	line-height: 1.3;
}

#ship-to-different-address-checkbox {
	-webkit-appearance: none;
	appearance: none;
	width: max(18px, 24rem);
	height: max(18px, 24rem);
	border: max(1px, 1.75rem) solid;
	border-radius: 0;
	background: transparent;
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: -4px;
	transition: box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}

#ship-to-different-address-checkbox:checked {
	background-color: var(--cb-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 10px; 
	background-image: url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'>\
		<path d='M1 5.5L5.2 9 13 1' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
		</svg>");
}

#ship-to-different-address-checkbox:hover {
	border-color: #000;
}

#ship-to-different-address-checkbox:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0,0,0,.15);
}

#ship-to-different-address-checkbox:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.woocommerce-form__label[data-automation-id="woo-commerce-subscription-opt-in"] {
	display: flex;
	align-items: start;
	gap: 10px;
}

#mailpoet_woocommerce_checkout_optin {
	-webkit-appearance: none;
	appearance: none;
	width: max(18px, 24rem);
	height: max(18px, 24rem);
	border: max(1px, 1.75rem) solid;
	border-radius: 0;
	background: transparent;
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: -4px;
	transition: box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}

#mailpoet_woocommerce_checkout_optin:checked {
	background-color: var(--cb-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 10px;
	background-image: url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'>\
		<path d='M1 5.5L5.2 9 13 1' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
		</svg>");
}

#mailpoet_woocommerce_checkout_optin:hover {
	border-color: #000;
}

#mailpoet_woocommerce_checkout_optin:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0,0,0,.15);
}

#mailpoet_woocommerce_checkout_optin:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.woocommerce-form__label[data-automation-id="woo-commerce-subscription-opt-in"] span {
	line-height: 1.3;
	max-width: 80%;
}

.woocommerce-billing-fields__field-wrapper {
	margin-bottom: 20rem;
}

.shipping_address {
	margin-top: 30rem;
}

form.woocommerce-checkout input {
	scroll-margin-top: 30px;
}

.woocommerce-checkout-payment {
	margin-top: 30rem;
}

#payment .wc_payment_method {
	position: relative;
}

#payment .wc_payment_method .input-radio {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

#payment .wc_payment_method > label {
	position: relative;
	padding-left: 34px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 16px;
}

#payment .wc_payment_method > label::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background: url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>\
		<path d='M12 22.5C6.21 22.5 1.5 17.79 1.5 12C1.5 6.21 6.21 1.5 12 1.5C17.79 1.5 22.5 6.21 22.5 12C22.5 17.79 17.79 22.5 12 22.5ZM12 3C7.035 3 3 7.035 3 12C3 16.965 7.035 21 12 21C16.965 21 21 16.965 21 12C21 7.035 16.965 3 12 3Z' fill='%23000'/>\
		</svg>") 50% 50% no-repeat;
	background-size: contain;
}

#payment .wc_payment_method .input-radio:checked + label::before {
	background: url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>\
		<path d='M12 22.5C6.21 22.5 1.5 17.79 1.5 12C1.5 6.21 6.21 1.5 12 1.5C17.79 1.5 22.5 6.21 22.5 12C22.5 17.79 17.79 22.5 12 22.5ZM12 3C7.035 3 3 7.035 3 12C3 16.965 7.035 21 12 21C16.965 21 21 16.965 21 12C21 7.035 16.965 3 12 3Z' fill='%23223A3A'/>\
		<path d='M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z' fill='%23000'/>\
		</svg>") 50% 50% no-repeat;
	background-size: contain;
}

#payment .wc_payment_method > label:hover::before {
	filter: brightness(0.9);
}

#payment .wc_payment_method .input-radio:focus-visible + label::before {
	outline: 2px solid rgba(0,0,0,.4);
	outline-offset: 2px;
}

.payment_methods .payment_box {
	position: relative;
	margin-top: 15px;
	padding: 15px;
	background-color: var(--c2);
}

fieldset.wc-payment-form, #wcpay-upe-element, .wcpay-upe-element {
	padding: 0 !important;
}

.p-Input .p-Input-input:not(.p-Input--matchFloatingLabelHeight):not(.p-PhoneInput) {
	border: 1px solid !important;
	padding: 10px 15px !important;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-updateOrderReview {
    margin-bottom: max(20px, 50rem);
    color: var(--c9);
}

.form-row.place-order {
	width: 100%;
}

#payment .payment_methods li[class*=payment_method_woocommerce_payments] label img {
	width: fit-content;
}

#payment .wc_payment_method:not(:first-child) {
	margin-top: 15px;
}

.select2-dropdown {
	background-color: var(--c0);
	border-radius: 0;
	border: var(--sl) solid var(--c5);
}

p#shipping_country_field .woocommerce-input-wrapper strong {
	width: 100%;
	text-overflow: ellipsis;
	padding: 10rem 15rem;
	border: var(--sl) solid var(--c5);
	min-height: var(--btn);
	min-width: 0;
	display: flex;
	align-items: center;
}

.wc_payment_methods.payment_methods.methods, .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 20rem;
}

wc-order-attribution-inputs {
	display: none;
}

table.shop_table.woocommerce-checkout-review-order-table {
	display: none;
}

.usd:not(:empty)::before {
	content: none!important;
}

.rating-stars {
	background-image: url('/wp-content/uploads/2025/10/Stars.svg');
}

.rating {
	background-image:url('/wp-content/uploads/2025/10/Frame-1948754245-1.svg');
}

.soldout-badge{
	display:none;
}

.soldout-badge.active {
	display: block;
	margin: 0;
}

.woocommerce-variation-availability {
	display: none;
}

.wc-variation-is-unavailable {
	opacity: .5;
}

button.wc-variation-is-unavailable:hover {
	background-color: var(--c4);
	color: var(--c0);
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	margin-bottom: max(20px, 50rem);
	color: var(--c9);
}

.s13-6 .shopcart-subtotal:not(:last-child) {
	margin-bottom: 10rem;
}

.card-1 .card-media {
	margin: 0;
}

.card-media.card-media__back a img {
	object-fit: cover;
}

li.out-stock {
	border-color: var(--c7);
	background-color: transparent;
}

.out-stock:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cline x1='50' y1='0' x2='0' y2='50' stroke='black' stroke-width='1' /%3E%3C/svg%3E");
	background-size: 100% 100%;
	opacity: .6;
}

.s12-2 .swiper:not(.swiper-initialized){
	opacity: 0;
	visibility: hidden;
}

.s12-2 .swiper.swiper-initialized{
	opacity: 1;
	visibility: visible;
	transition: opacity .2s ease;
}

.promo-bar {
	background-color: var(--c4);
	color: var(--c0);
	padding: max(10px, 14rem) 0;
	font-size: var(--f-d);
	text-align: center;
}

.wp-singular .breadcrumbs {
	width: 100%;
	margin: 0 auto;
	padding: 0 var(--wr);
	max-width: var(--mw);
}

.s12-8 .tabs li.current {
	margin: 5rem;
	min-height: max(28px, 32rem);
	padding: 5rem 15rem;
	border: var(--sl) solid var(--c3);
	display: inline-flex;
	align-items: center;
	font-size: var(--f-xs);
	cursor: pointer;
	background-color: var(--c3);
	transition: all .15s;
	position: relative;
}

.s12-8 .tabs li {
	border-color: var(--c7);
	background-color: transparent;
}

.payment-methods--logos-count {
    display: none !important;
}

.section.s3 + .yotpo-widget-instance {
	display: none !important;
}

input#billing_city {
    width: 100%;
    text-overflow: ellipsis;
    padding: 10rem 15rem;
    border: var(--sl) solid var(--c5);
    min-height: var(--btn);
    min-width: 0;
}

p#billing_country_field span.woocommerce-input-wrapper {
    padding: 0;
    border: none;
}

.s20-1.marquee {
	overflow: hidden;
	position: relative;
}

.s20-1 .marquee-inner {
	display: flex;
	align-items: center;
	gap: 40px;
	animation: marquee-slide 25s linear infinite;
	width: max-content;
}

.s20-1 .s20-2 {
	flex: 0 0 10%; 
	display: flex;
	align-items: center;
	justify-content: center;
}

.s20-1 .s20-2 img {
	max-width: 100%;
	height: auto;
	display: block;
}

.woocommerce-billing-fields label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: none!important;
}

@keyframes marquee-slide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/*
.s20-1.marquee:hover .marquee-inner {
	animation-play-state: paused;
}*/


@media (max-width: 1024px) {
	.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
		display: grid;
		grid-gap: 20rem;
		grid-template-columns: repeat(1, 1fr);
	}


}