/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.9
Text Domain:  woodmart
*/

/* Checkout: force black borders for inputs/selects */
body.woocommerce-checkout form.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout form.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout form.woocommerce-checkout .form-row select,
body.woocommerce-checkout form.woocommerce-checkout .select2-container--default .select2-selection--single,
body.woocommerce-checkout form.woocommerce-checkout .select2-container--default .select2-selection--multiple {
	border-color: #000;
}

body.woocommerce-checkout form.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout form.woocommerce-checkout .select2-container--default .select2-selection--single:focus,
body.woocommerce-checkout form.woocommerce-checkout .select2-container--default .select2-selection--multiple:focus {
	border-color: #000;
	border-width: 2px;
	box-shadow: none;
	outline: none;
}

/* Checkout: invalid/required fields keep red border */
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid textarea,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid select,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid .select2-container--default .select2-selection--single,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid .select2-container--default .select2-selection--multiple,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field input.input-text,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field textarea,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field select,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field .select2-container--default .select2-selection--single,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field .select2-container--default .select2-selection--multiple {
	border-color: #ca1919;
	border-width: 2px;
}

/* When invalid field is focused, keep red border */
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid input.input-text:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid textarea:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid select:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid .select2-container--default .select2-selection--single:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid .select2-container--default .select2-selection--multiple:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field input.input-text:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field textarea:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field select:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field .select2-container--default .select2-selection--single:focus,
body.woocommerce-checkout form.woocommerce-checkout .form-row.woocommerce-invalid-required-field .select2-container--default .select2-selection--multiple:focus {
	border-color: #ca1919;
}

/* Checkout: select2 dropdown (e.g., country) border black */
body.woocommerce-checkout .select2-container--default .select2-dropdown,
body.woocommerce-checkout .select2-container--open .select2-dropdown {
	border: 1px solid #000 !important;
	outline: none !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

/* Checkout: remove dropdown top separator line */
body.woocommerce-checkout .select2-container--default .select2-search--dropdown {
	border: 0 !important;
	box-shadow: none !important;
}

/* Checkout: hide required asterisk */
body.woocommerce-checkout form.woocommerce-checkout .required {
	display: none !important;
}

/* Mini cart best sellers: 1 row, 2 items visible, horizontal drag/scroll */
.wd-mini-cart-bestsellers .products {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	padding-bottom: 6px;
	margin: 0;
}

.wd-mini-cart-bestsellers .products li.product {
	flex: 0 0 calc(50% - 6px);
	max-width: calc(50% - 6px);
	scroll-snap-align: start;
}

.wd-mini-cart-bestsellers .products li.product,
.wd-mini-cart-bestsellers .products li.product a {
	float: none !important;
}

/* Checkout: ocean-gateway payment fields border black */
html body .woocommerce .woocommerce-checkout .ocean-payment-form input,
html body .woocommerce .wc_payment_methods .ocean-payment-form input,
html body .woocommerce form.checkout input#ocean-card-number,
html body .woocommerce form.checkout input#ocean-card-expiry,
html body .woocommerce form.checkout input#ocean-card-cvc,
html body form.checkout input#ocean-card-number,
html body form.checkout input#ocean-card-expiry,
html body form.checkout input#ocean-card-cvc,
html body input[name="ocean_card_number"],
html body input[name="ocean_card_expiry"],
html body input[name="ocean_card_cvc"] {
	border-color: #000 !important;
	box-shadow: none !important;
}

/* Checkout: ocean-gateway focus state matches other fields */
html body .woocommerce .woocommerce-checkout .ocean-payment-form input:focus,
html body .woocommerce .wc_payment_methods .ocean-payment-form input:focus,
html body .woocommerce form.checkout input#ocean-card-number:focus,
html body .woocommerce form.checkout input#ocean-card-expiry:focus,
html body .woocommerce form.checkout input#ocean-card-cvc:focus,
html body form.checkout input#ocean-card-number:focus,
html body form.checkout input#ocean-card-expiry:focus,
html body form.checkout input#ocean-card-cvc:focus,
html body input[name="ocean_card_number"]:focus,
html body input[name="ocean_card_expiry"]:focus,
html body input[name="ocean_card_cvc"]:focus {
	border-color: #000 !important;
	border-width: 2px !important;
	box-shadow: none !important;
	outline: none !important;
}