/**
 * Shopify-style Checkout CSS
 * Webtitans - Nikama Checkout
 * Matches Shopify checkout design with grey color scheme
 */

/* Reset and Base Styles */
div.page-title{
	margin-bottom:0!important;
}
.whb-main-header, .page-title-default, footer, .wd-prefooter, .wt-shipping-address-wrapper {
    display: none!important;
}
.wt-shopify-checkout .wt-shopify-checkout {
	/* Inherit font from WoodMart theme */
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #ffffff;
}

.wt-shopify-checkout .wt-shopify-checkout * {
	box-sizing: border-box;
}

/* Main Container - Force full width layout */
body.wt-shopify-checkout .woocommerce-checkout,
body.wt-shopify-checkout .woocommerce,
body.wt-shopify-checkout .site-content,
body.wt-shopify-checkout .content-area {
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.wt-shopify-checkout {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	background-color: #ffffff;
	display: block !important;
}

.wt-checkout-main {
	display: flex !important;
	flex-direction: row;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	align-items: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	position: relative !important;
}

/* Left Column - Checkout Form - White Background */
.wt-checkout-main main#checkout-main,
.wt-checkout-main .wt-checkout-main-content {
	flex: 1 1 50%;
	min-width: 0 !important;
	max-width: none !important;
	width: 50%;
	background-color: #ffffff !important;
	padding: 40px 60px !important;
	display: block !important;
	margin: 0 !important;
}

.wt-checkout-form-wrapper, .wt-checkout-summary-wrapper {
	width: 100% !important;
	max-width: 580px !important;
}

/* Hide default WooCommerce coupon toggle (commented out to keep it visible) */
.woocommerce-form-coupon-toggle {
	display: none!important;
}

/* Checkout form layout */
form.checkout.woocommerce-checkout {
	display: flex;
	justify-content: flex-end;
}

/* Right Column - Order Summary - Grey Background */
.wt-checkout-main aside.wt-checkout-summary-column {
	width: 50%;
	flex: 1 1 50%;
	flex-shrink: 0 !important;
	position: sticky !important;
	top: 0 !important;
	max-height: 100vh !important;
	overflow-y: auto !important;
	background-color: #f6f6f7 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}

.wt-checkout-summary-wrapper {
	background: #f0fbe6 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 40px 0px !important;
	box-shadow: none !important;
	width: 100% !important;
	margin: 0 !important;
	margin-left: 60px !important;
	min-height: 100vh !important;
	height: 100% !important;
	color:black;
}

/* Section Styles */
.wt-checkout-section {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}

.wt-checkout-section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.wt-section-title {
	font-size: 16px;
	font-weight: inherit;
	margin: 0 0 16px 0;
	color: inherit;
	letter-spacing: 0;
	text-transform: none;
}

.wt-section-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wt-subsection-title {
	font-size: 14px;
	font-weight: inherit;
	margin: 24px 0 12px 0;
	color: inherit;
	letter-spacing: 0;
	text-transform: none;
}

/* Newsletter Checkbox */
.wt-newsletter-checkbox {
	margin-top: 8px;
}

.wt-newsletter-checkbox label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 14px;
	color: inherit;
	font-weight: inherit;
}

.wt-newsletter-checkbox input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	accent-color: #212b36;
}

/* Delivery Method Selector */
.wt-delivery-method-selector {
	margin-bottom: 24px;
}

.wt-delivery-methods {
	border: none;
	padding: 0;
	margin: 0;
}

.wt-delivery-methods legend {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.wt-delivery-option {
	margin-bottom: 1px;
}

.wt-delivery-option:last-child {
	margin-bottom: 0;
}

.wt-delivery-radio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
}

.wt-delivery-label {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid #c4cdd5;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: #ffffff;
	position: relative;
}

.wt-delivery-label:hover {
	border-color: #212b36;
	background-color: #f6f6f7;
}

.wt-delivery-option {
	position: relative;
	cursor: pointer;
}

.wt-delivery-option.wt-selected .wt-delivery-label,
.wt-delivery-radio:checked + .wt-delivery-label {
	border-color: #212b36;
	background-color: #f6f6f7;
}

.wt-delivery-option.wt-selected .wt-delivery-label svg,
.wt-delivery-radio:checked + .wt-delivery-label svg {
	color: inherit;
	opacity: 1;
}

.wt-delivery-radio:checked + .wt-delivery-label svg {
	color: inherit;
	opacity: 1;
}

.wt-delivery-label-text {
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
	flex: 1;
}

.wt-delivery-cost {
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
	opacity: 0.7;
	margin-left: auto;
	margin-right: 8px;
}

.wt-delivery-label svg {
	width: 20px;
	height: 20px;
	color: inherit;
	opacity: 0.7;
	flex-shrink: 0;
}

.wt-delivery-radio:checked ~ .wt-delivery-label svg,
.wt-delivery-label:has(.wt-delivery-radio:checked) svg {
	color: inherit;
	opacity: 1;
}

/* Shipping Address Wrapper */
.wt-shipping-address-wrapper {
	margin-top: 24px;
}

.wt-shipping-method-wrapper {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #e1e3e5;
}

/* Form Fields */
.wt-shopify-checkout .woocommerce-billing-fields__field-wrapper,
.wt-shopify-checkout .woocommerce-shipping-fields__field-wrapper,
.wt-shopify-checkout .woocommerce-additional-fields__field-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wt-shopify-checkout .form-row {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Floating Label Styles - Only for text-based inputs */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea {
	position: relative;
	gap: 0;
}

.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea label {
	position: absolute;
	left: 13px;
	top: 12px;
	font-size: 15px;
	font-weight: inherit;
	color: #919eab;
	margin: 0;
	padding: 0 2px;
	background: #ffffff;
	transition: all 0.2s ease;
	pointer-events: none;
	line-height: 1;
	z-index: 1;
}

.wt-shopify-checkout .form-row.wt-floating-label label .required {
	color: #bf0711;
	margin-left: 2px;
}

/* Ensure select fields (including select2) keep normal label positioning */
.wt-shopify-checkout .form-row.wt-field-type-select {
	position: static;
	gap: 6px;
}

.wt-shopify-checkout .form-row.wt-field-type-select label {
	position: static;
	font-size: 13px;
	margin: 0 0 6px 0;
	display: block;
	background: transparent;
	padding: 0;
	color: inherit;
}

/* Float the label when field is focused or has value - only for text-based fields */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text.wt-field-active label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email.wt-field-active label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel.wt-field-active label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password.wt-field-active label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number.wt-field-active label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea.wt-field-active label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text.wt-field-filled label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email.wt-field-filled label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel.wt-field-filled label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password.wt-field-filled label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number.wt-field-filled label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea.wt-field-filled label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input:focus ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input:focus ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input:focus ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input:focus ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input:focus ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea textarea:focus ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input:not(:placeholder-shown) ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input:not(:placeholder-shown) ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input:not(:placeholder-shown) ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input:not(:placeholder-shown) ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input:not(:placeholder-shown) ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea textarea:not(:placeholder-shown) ~ label {
	top: -8px;
	left: 11px;
	font-size: 12px;
	color: #637381;
	background: #ffffff;
	padding: 0 4px;
}

/* Non-floating label styles for select, checkbox, radio */
.wt-shopify-checkout .form-row:not(.wt-floating-label) label {
	font-size: 13px;
	font-weight: inherit;
	color: inherit;
	margin: 0;
	display: block;
	line-height: 1.4;
}

.wt-shopify-checkout .form-row:not(.wt-floating-label) label .required {
	color: #bf0711;
	margin-left: 2px;
}

.wt-shopify-checkout .form-row input[type="text"],
.wt-shopify-checkout .form-row input[type="email"],
.wt-shopify-checkout .form-row input[type="tel"],
.wt-shopify-checkout .form-row input[type="password"],
.wt-shopify-checkout .form-row input[type="number"],
.wt-shopify-checkout .form-row select,
.wt-shopify-checkout .form-row textarea {
	width: 100%;
	padding: 11px 12px;
	font-size: 15px;
	line-height: 1.4;
	color: inherit;
	background-color: #ffffff;
	border: 1px solid #c4cdd5;
	border-radius: 3px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Floating label fields need transparent placeholder */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea textarea::placeholder {
	color: transparent;
	opacity: 0;
}

/* Show placeholder only when field is focused and label is floating */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text.wt-field-active input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email.wt-field-active input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel.wt-field-active input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password.wt-field-active input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number.wt-field-active input::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea.wt-field-active textarea::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input:focus::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input:focus::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input:focus::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input:focus::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input:focus::placeholder,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea textarea:focus::placeholder {
	color: #919eab;
	opacity: 0.6;
	transition: opacity 0.2s ease 0.1s;
}

.wt-shopify-checkout .form-row input[type="text"]:focus,
.wt-shopify-checkout .form-row input[type="email"]:focus,
.wt-shopify-checkout .form-row input[type="tel"]:focus,
.wt-shopify-checkout .form-row input[type="password"]:focus,
.wt-shopify-checkout .form-row input[type="number"]:focus,
.wt-shopify-checkout .form-row select:focus,
.wt-shopify-checkout .form-row textarea:focus {
	outline: none;
	border-color: #637381;
	box-shadow: 0 0 0 1px #637381;
}

.wt-shopify-checkout .form-row:not(.wt-floating-label) input::placeholder,
.wt-shopify-checkout .form-row:not(.wt-floating-label) textarea::placeholder {
	color: #919eab;
	opacity: 1;
}

/* Handle browser autofill for floating labels */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input:-webkit-autofill ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input:-webkit-autofill ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input:-webkit-autofill ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input:-webkit-autofill ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input:-webkit-autofill ~ label,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea textarea:-webkit-autofill ~ label {
	top: -8px;
	left: 11px;
	font-size: 12px;
	color: #637381;
	background: #ffffff;
	padding: 0 4px;
}

/* Autofill detection animation */
@keyframes onAutoFillStart {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

@keyframes onAutoFillCancel {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input:-webkit-autofill,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input:-webkit-autofill,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input:-webkit-autofill,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input:-webkit-autofill,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input:-webkit-autofill {
	animation-name: onAutoFillStart;
	animation-duration: 0.001s;
}

.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text input:not(:-webkit-autofill),
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email input:not(:-webkit-autofill),
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel input:not(:-webkit-autofill),
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password input:not(:-webkit-autofill),
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number input:not(:-webkit-autofill) {
	animation-name: onAutoFillCancel;
	animation-duration: 0.001s;
}

/* Ensure textarea has proper height for floating label */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea textarea {
	padding-top: 14px;
	min-height: 100px;
}

/* Additional spacing for required asterisk in floating state */
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text.wt-field-active label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email.wt-field-active label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel.wt-field-active label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password.wt-field-active label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number.wt-field-active label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea.wt-field-active label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-text.wt-field-filled label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-email.wt-field-filled label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-tel.wt-field-filled label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-password.wt-field-filled label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-number.wt-field-filled label .required,
.wt-shopify-checkout .form-row.wt-floating-label.wt-field-type-textarea.wt-field-filled label .required {
	font-size: 12px;
}

/* Reset select2 containers to ensure they work properly */
.wt-shopify-checkout .form-row .select2-container {
	width: 100% !important;
	z-index: 2;
}

/* Smaller dropdown chevron when fields use Select2 (theme often uses ~18px height) */
.wt-shopify-checkout .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 34px;
	background-size: auto 10px;
}

.wt-shopify-checkout .form-row select {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1.25L5 4.75L8.75 1.25' stroke='%23637381' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 7px 4px;
	background-position: right 12px center;
	padding-right: 32px;
	cursor: pointer;
	background-size: 12px;
}

.wt-shopify-checkout .form-row textarea {
	min-height: 100px;
	resize: vertical;
}

/* Two Column Fields */
.wt-shopify-checkout .form-row-first,
.wt-shopify-checkout .form-row-last {
	width: 100%;
}

@media (min-width: 768px) {
	.wt-shopify-checkout .form-row.form-row-first,
	.wt-shopify-checkout .form-row.form-row-last {
		width: calc(50% - 8px);
	}
}

.wt-shopify-checkout .form-row-wide {
	width: 100%;
}

/* Checkbox and Radio Styles */
.wt-shopify-checkout .woocommerce-form__label-for-checkbox,
.wt-shopify-checkout .woocommerce-form__label-for-radio {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: inherit;
	font-size: 15px;
}

.wt-shopify-checkout .woocommerce-form__input-checkbox,
.wt-shopify-checkout .woocommerce-form__input-radio {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	accent-color: #637381;
	flex-shrink: 0;
}

/* Order Summary Styles */
.wt-order-summary {
	display: flex;
	flex-direction: column;
}

.wt-summary-title {
	font-size: 16px;
	font-weight: inherit;
	margin: 0 0 20px 0;
	color: inherit;
	letter-spacing: 0;
	text-transform: none;
}

.wt-order-items {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e3e5;
}

.wt-order-item {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
	padding: 0;
}

.wt-order-item:last-child {
	margin-bottom: 0;
}

.wt-item-image {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 3px;
	overflow: hidden;
	background: #f6f6f7;
	border: 1px solid #e1e3e5;
}

.wt-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wt-item-details {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wt-item-name {
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
	margin: 0;
	line-height: 1.4;
}

.wt-item-name a {
	color: inherit;
	text-decoration: none;
}

.wt-item-name a:hover {
	text-decoration: underline;
}

.wt-item-quantity {
	font-size: 13px;
	color: inherit;
	opacity: 0.7;
	margin: 0;
}

.wt-item-price {
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
	margin-top: auto;
}

/* Discount Code Section */
.wt-discount-code-section {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e1e3e5;
}

.wt-discount-title {
	font-size: 14px;
	font-weight: inherit;
	margin: 0 0 12px 0;
	color: inherit;
	letter-spacing: 0;
	text-transform: none;
}

.wt-checkout-coupon-form {
	margin: 0;
}

.wt-coupon-form-row {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.wt-coupon-form-row input[type="text"] {
	flex: 1;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid #c4cdd5;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.5;
	color: inherit;
	background-color: #ffffff;
	transition: border-color 0.2s ease;
}

.wt-coupon-form-row input[type="text"]:focus {
	outline: none;
	border-color: #212b36;
}

.wt-coupon-form-row .wt-apply-coupon {
	padding: 10px 20px;
	background-color: #212b36;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: inherit;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.wt-coupon-form-row .wt-apply-coupon:hover {
	background-color: #000000;
}

.wt-coupon-form-row .wt-apply-coupon:active {
	background-color: #0a0a0a;
}

/* Order Totals */
.wt-order-totals {
	padding-top: 0;
	margin-top: 0;
}

.wt-totals-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.4;
}

.wt-totals-row:last-child {
	margin-bottom: 0;
}

.wt-totals-label {
	color: inherit;
	font-weight: inherit;
	opacity: 0.7;
}

.wt-totals-value {
	color: inherit;
	font-weight: inherit;
}

.wt-totals-row.wt-discount-row .wt-totals-value {
	color: #008060;
}

.wt-totals-row.wt-total-row {
	padding-top: 16px;
	border-top: 1px solid #e1e3e5;
	margin-top: 16px;
	font-size: 16px;
	font-weight: inherit;
}

.wt-totals-row.wt-total-row .wt-totals-label,
.wt-totals-row.wt-total-row .wt-totals-value {
	color: inherit;
	font-size: 16px;
	font-weight: inherit;
}

/* Security Badge */
.wt-security-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e1e3e5;
	font-size: 12px;
	color: inherit;
	opacity: 0.7;
}

.wt-security-badge svg {
	flex-shrink: 0;
	color: inherit;
	width: 14px;
	height: 14px;
}

/* Payment Section */
.wt-payment-section {
	margin-top: 0;
}

.wt-shopify-checkout .woocommerce-checkout-payment {
	background: transparent;
	padding: 0;
}

/* Payment Methods - Match Delivery Options Style */
.wt-payment-method-selector {
	margin: 0;
	padding: 0;
}

.wt-payment-methods {
	border: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

/* Style all payment method list items to match delivery options */
.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li {
	position: relative;
	cursor: pointer;
	margin-bottom: 1px;
	padding: 0;
	border: none;
	list-style: none;
}

.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li:last-child {
	margin-bottom: 0;
}

/* Hide radio inputs in payment methods (same as delivery) */
.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	pointer-events: none;
}

/* Style payment method labels to match delivery labels */
.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li label {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid #c4cdd5;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: #ffffff;
	position: relative;
	margin: 0;
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
}

.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li label:hover {
	border-color: inherit;
	background-color: #f6f6f7;
}

.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li input[type="radio"]:checked + label,
.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li.selected label {
	border-color: inherit;
	background-color: #f6f6f7;
}

/* Make entire payment method list item clickable */
.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
}

li.wc_payment_method.selected label:after {
    content: 'Επιλεγμένο';
    position: absolute;
    right: 20px;
    font-family: 'Montserrat';
    font-size: 12px;
}

.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li > label {
	flex: 1;
}

.wt-shopify-checkout .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box {
	background: #f6f6f7;
	border: none;
	border-top: 1px solid #e1e3e5;
	border-radius: 0;
	padding: 16px;
	margin: 0;
	margin-top: 1px;
	font-size: 14px;
	color: inherit;
	opacity: 0.7;
}

.wt-payment-option {
	position: relative;
	cursor: pointer;
	margin-bottom: 1px;
}

.wt-payment-option:last-child {
	margin-bottom: 0;
}

.wt-payment-radio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	pointer-events: none;
}

.wt-payment-label {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid #c4cdd5;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: #ffffff;
	position: relative;
}

.wt-payment-label:hover {
	border-color: #212b36;
	background-color: #f6f6f7;
}

.wt-payment-option.wt-selected .wt-payment-label,
.wt-payment-radio:checked + .wt-payment-label {
	border-color: #212b36;
	background-color: #f6f6f7;
}

.wt-payment-label-text {
	font-size: 14px;
	font-weight: inherit;
	color: inherit;
	flex: 1;
}

.wt-payment-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.wt-payment-icon img {
	max-height: 20px;
	max-width: 80px;
	display: block;
}

.wt-payment-option .payment_box {
	background: #f6f6f7;
	border: none;
	border-top: 1px solid #e1e3e5;
	border-radius: 0;
	padding: 16px;
	margin: 0;
	margin-top: 1px;
	font-size: 14px;
	color: inherit;
	opacity: 0.7;
}

.wt-shopify-checkout .form-row.form-row-first, .wt-shopify-checkout .form-row.form-row-last {
    width: 100% !important;
}

/* Hide duplicate place-order button and terms in payment section (keep the one at bottom) */
.wt-shopify-checkout .wt-payment-section .form-row.place-order,
.wt-shopify-checkout .wt-payment-section .woocommerce-checkout-payment .form-row.place-order,
.wt-shopify-checkout .wt-payment-section .woocommerce-checkout-payment #place_order,
.wt-shopify-checkout .wt-payment-section .woocommerce-terms-and-conditions-wrapper,
.wt-shopify-checkout .woocommerce-checkout-payment:not(.wt-place-order-section) .form-row.place-order {
	display: none !important;
}

/* Place Order Button */
.wt-shopify-checkout .form-row.place-order {
	margin-top: 32px;
	padding-top: 0;
	border-top: none;
}

.wt-shopify-checkout #place_order {
	width: 100%;
	padding: 14px 24px;
	font-size: 16px;
	font-weight: inherit;
	color: #ffffff;
	background-color: #212b36;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.15s ease, opacity 0.15s ease;
	font-family: inherit;
	text-align: center;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
}

.wt-shopify-checkout #place_order:hover {
	background-color: #000000;
}

.wt-shopify-checkout #place_order:active {
	opacity: 0.9;
}

.wt-shopify-checkout #place_order:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Terms and Conditions */
.wt-shopify-checkout .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 20px;
}

.wt-shopify-checkout .woocommerce-terms-and-conditions-wrapper label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	font-weight: inherit;
	cursor: pointer;
	color: inherit;
	opacity: 0.8;
	line-height: 1.5;
}

.wt-shopify-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
	margin-top: 2px;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	cursor: pointer;
	accent-color: #637381;
}

.wt-shopify-checkout .woocommerce-terms-and-conditions-wrapper a {
	color: inherit;
	text-decoration: underline;
}

/* Shipping Methods */
.wt-shopify-checkout .woocommerce-shipping-methods {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.wt-shopify-checkout .woocommerce-shipping-methods li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e1e3e5;
}

.wt-shopify-checkout .woocommerce-shipping-methods li:last-child {
	border-bottom: none;
}

.wt-shopify-checkout .woocommerce-shipping-methods label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 0;
	border: none;
	border-radius: 0;
	cursor: pointer;
	transition: background-color 0.15s ease;
	font-weight: inherit;
	font-size: 15px;
	color: inherit;
	margin: 0;
}

.wt-shopify-checkout .woocommerce-shipping-methods input[type="radio"]:checked + label,
.wt-shopify-checkout .woocommerce-shipping-methods label:hover {
	background-color: transparent;
}

.wt-shopify-checkout .woocommerce-shipping-methods input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	accent-color: #637381;
	flex-shrink: 0;
}

/* Notices */
.wt-shopify-checkout .woocommerce-error,
.wt-shopify-checkout .woocommerce-info,
.wt-shopify-checkout .woocommerce-message {
	padding: 12px 16px;
	margin-bottom: 20px;
	border-radius: 3px;
	font-size: 14px;
	border-left: 4px solid;
	line-height: 1.5;
}

.wt-shopify-checkout .woocommerce-error {
	background-color: #fee;
	border-left-color: #bf0711;
	color: #bf0711;
}

.wt-shopify-checkout .woocommerce-info {
	background-color: #f6f6f7;
	border-left-color: #637381;
	color: inherit;
}

.wt-shopify-checkout .woocommerce-message {
	background-color: #f6f6f7;
	border-left-color: #637381;
	color: inherit;
}

/* Override theme styles that might interfere */
body.wt-shopify-checkout form.checkout,
body.wt-shopify-checkout form.woocommerce-checkout {
	display: flex !important;
	flex-direction: row;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body.wt-shopify-checkout form.checkout .col2-set,
body.wt-shopify-checkout form.woocommerce-checkout .col2-set {
	display: none !important;
}

body.wt-shopify-checkout form.checkout #order_review,
body.wt-shopify-checkout form.woocommerce-checkout #order_review {
	display: none !important;
}

body.wt-shopify-checkout form.checkout #order_review_heading {
	display: none !important;
}

/* Ensure the form doesn't have any theme constraints */
body.wt-shopify-checkout .woocommerce form.checkout,
body.wt-shopify-checkout .woocommerce form.woocommerce-checkout {
	max-width: 100% !important;
	width: 100% !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
	.wt-shopify-checkout {
		padding: 0 !important;
	}

	.wt-checkout-main {
		flex-direction: column !important;
		gap: 0 !important;
		padding: 0 !important;
	}

	.wt-checkout-main aside.wt-checkout-summary-column {
		width: 100% !important;
		position: static !important;
		max-height: none !important;
		order: -1 !important;
		top: 0 !important;
		margin-bottom: 0 !important;
	}

	.wt-checkout-summary-wrapper {
		border-left: none !important;
		border-right: none !important;
		border-radius: 0 !important;
		padding: 24px 20px !important;
		margin: 0 !important;
	}

	.wt-checkout-main main#checkout-main,
	.wt-checkout-main .wt-checkout-main-content {
		width: 100% !important;
		max-width: 100% !important;
		padding: 24px 20px !important;
	}

	.wt-checkout-form-wrapper {
		max-width: 580px !important;
	}

	.wt-checkout-section {
		margin-bottom: 32px;
	}

	body.wt-shopify-checkout form.checkout {
		flex-direction: column !important;
		align-items:end!important;
	}
}

/* Mobile - screens under 490px */
@media (max-width: 1024px) {
	body.wt-shopify-checkout .wt-checkout-main {
		flex-direction: column !important;
	}
	
	.wt-checkout-main-content,
	.wt-checkout-summary-column {
		width: 100% !important;
		flex: 1 1 100% !important;
	}
}

@media (max-width: 768px) {
	.wt-shopify-checkout {
		padding: 0 !important;
	}

	.wt-checkout-main {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.wt-checkout-section {
		margin-bottom: 28px;
	}

	.wt-section-title {
		font-size: 15px;
		margin-bottom: 14px;
	}

	.wt-checkout-summary-wrapper {
		padding: 20px 16px !important;
		margin: 0 !important;
	}

	.wt-checkout-main main#checkout-main,
	.wt-checkout-main .wt-checkout-main-content {
		padding: 20px 16px !important;
	}

	.wt-shopify-checkout .form-row.form-row-first,
	.wt-shopify-checkout .form-row.form-row-last {
		width: 100%;
	}

	.wt-order-item {
		gap: 10px;
	}

	.wt-item-image {
		width: 48px;
		height: 48px;
	}

	/*
	 * iOS Safari auto-zooms when a focused input/select has font-size < 16px.
	 * Keep checkout controls at 16px on small screens so zoom is not forced.
	 */
	.wt-shopify-checkout .form-row input[type="text"],
	.wt-shopify-checkout .form-row input[type="email"],
	.wt-shopify-checkout .form-row input[type="tel"],
	.wt-shopify-checkout .form-row input[type="password"],
	.wt-shopify-checkout .form-row input[type="number"],
	.wt-shopify-checkout .form-row select,
	.wt-shopify-checkout .form-row textarea,
	.wt-coupon-form-row input[type="text"],
	.wt-shopify-checkout .checkout_coupon input[type="text"],
	.wt-shopify-checkout textarea#order_comments {
		font-size: 16px !important;
	}

	body.wt-shopify-checkout .select2-container--default .select2-search--dropdown .select2-search__field,
	body.wt-shopify-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
		font-size: 16px !important;
	}
}

/* Loading State */
.wt-shopify-checkout .woocommerce-checkout-processing {
	opacity: 0.6;
	pointer-events: none;
}

.wt-shopify-checkout .woocommerce-checkout-processing #place_order {
	position: relative;
	color: transparent;
}

.wt-shopify-checkout .woocommerce-checkout-processing #place_order::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 2px solid #ffffff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Hide default WooCommerce checkout elements we're replacing */
.wt-shopify-checkout .col2-set,
.wt-shopify-checkout #order_review_heading {
	display: none;
}

/* Hide the default order review table since we show it in sidebar */
.wt-shopify-checkout .wt-hidden-review .woocommerce-checkout-review-order-table {
	display: none;
}

/* Show payment methods from order review */
.wt-shopify-checkout .wt-hidden-review #payment {
	display: block;
}

/* Account Creation */
.wt-shopify-checkout .woocommerce-account-fields {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #e1e3e5;
}

/* Additional Styling for Better Integration */
.wt-shopify-checkout .woocommerce-billing-fields h3,
.wt-shopify-checkout .woocommerce-shipping-fields h3,
.wt-shopify-checkout .woocommerce-additional-fields h3 {
	display: none;
}

.wt-shopify-checkout .woocommerce-billing-fields,
.wt-shopify-checkout .woocommerce-shipping-fields,
.wt-shopify-checkout .woocommerce-additional-fields {
	margin: 0;
	padding: 0;
}

/* Ship to Different Address Checkbox */
.wt-shopify-checkout #ship-to-different-address {
	margin: 0 0 20px 0;
	padding: 0;
}

.wt-shopify-checkout #ship-to-different-address label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: inherit;
	font-size: 15px;
	margin: 0;
	color: inherit;
}

.wt-shopify-checkout #ship-to-different-address-checkbox {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	accent-color: #637381;
	flex-shrink: 0;
}

.wt-shopify-checkout .shipping_address {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e1e3e5;
}

/* Order Notes Section */
.wt-shopify-checkout .woocommerce-additional-fields {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #e1e3e5;
}

.wt-shopify-checkout .woocommerce-additional-fields h3 {
	display: block;
	font-size: 16px;
	font-weight: inherit;
	margin: 0 0 16px 0;
	color: inherit;
}

/* Account Creation Checkbox */
.wt-shopify-checkout .create-account {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e1e3e5;
}

.wt-shopify-checkout .create-account label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: inherit;
	font-size: 15px;
	color: inherit;
}

/* Updated totals animation */
.wt-shopify-checkout .wt-totals-value.updated {
	animation: highlightUpdate 0.3s ease;
}

@keyframes highlightUpdate {
	0% {
		background-color: transparent;
	}
	50% {
		background-color: #f6f6f7;
	}
	100% {
		background-color: transparent;
	}
}

/* Order item hover effect */
.wt-shopify-checkout .wt-order-item.hover {
	background-color: transparent;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

/* Remove any theme-specific styles that might interfere */
.wt-shopify-checkout .wt-shopify-checkout h1,
.wt-shopify-checkout .wt-shopify-checkout h2,
.wt-shopify-checkout .wt-shopify-checkout h3 {
	font-weight: 800;
	color: #000000;
	font-size:20px
}

/* Coupon form styling */
.wt-shopify-checkout .woocommerce-form-coupon-toggle {
	margin-bottom: 20px;
}

.wt-shopify-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	background-color: #f6f6f7;
	border: 1px solid #e1e3e5;
	border-left: 4px solid #637381;
	padding: 12px 16px;
	font-size: 14px;
	color: inherit;
}

.wt-shopify-checkout .woocommerce-form-coupon-toggle a {
	color: inherit;
	text-decoration: underline;
}

.wt-shopify-checkout .checkout_coupon {
	background: #f6f6f7;
	border: 1px solid #e1e3e5;
	padding: 20px;
	margin-bottom: 24px;
	border-radius: 3px;
}

.wt-shopify-checkout .checkout_coupon input[type="text"] {
	margin-bottom: 12px;
}

.wt-shopify-checkout .checkout_coupon button {
	background-color: #212b36;
	color: #ffffff;
	border: none;
	padding: 11px 24px;
	border-radius: 3px;
	font-weight: inherit;
	cursor: pointer;
}

/* Mobile Responsive - Screens under 490px */
@media (max-width: 1024px) {
	body.wt-shopify-checkout .wt-checkout-main {
		flex-direction: column-reverse !important;
	}
	
	.wt-checkout-main-content,
	.wt-checkout-summary-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}
	.wt-checkout-form-wrapper, .wt-checkout-summary-wrapper {
		width: 100% !important;
		max-width: 100% !important;
	}
	.wt-checkout-summary-wrapper{
		min-height: 40vh!important;
	}
}

.wt-shopify-checkout .checkout_coupon button:hover {
	background-color: #000000;
}

.wd-content-layout{
	 padding-block: 0 !important;
}
textarea#order_comments {
    padding: 1em;
    border: 1px solid #c4cdd5;
    border-radius: 5px;
}