/**
 * Checkout billing — country/phone label icons + country Select2 theme.
 */

body.woocommerce-checkout.my-obl-checkout-page {
	--my-obl-checkout-country-dd-bg: #591b26;
	--my-obl-checkout-country-dd-hover: #333333;
	--my-obl-checkout-country-dd-text: #ffffff;
	--my-obl-checkout-label-icon-color: var(--my-obl-logo-color, #b12f33);
}

body.woocommerce-checkout.my-obl-checkout-page #billing_country_field > label,
body.woocommerce-checkout.my-obl-checkout-page #billing_phone_field > label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

body.woocommerce-checkout.my-obl-checkout-page .my-obl-checkout-label-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	background-color: var(--my-obl-checkout-label-icon-color);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	
}

body.woocommerce-checkout.my-obl-checkout-page .my-obl-checkout-label-icon--globe {
	-webkit-mask-image: var(--my-obl-checkout-icon-globe);
	mask-image: var(--my-obl-checkout-icon-globe);
}

body.woocommerce-checkout.my-obl-checkout-page .my-obl-checkout-label-icon--phone {
	-webkit-mask-image: var(--my-obl-checkout-icon-phone);
	mask-image: var(--my-obl-checkout-icon-phone);
}

/* Country select — closed state */
body.woocommerce-checkout.my-obl-checkout-page #billing_country_field .select2-container--default .select2-selection--single {
	background-color: var(--my-obl-checkout-country-dd-bg) !important;
	border: 1px solid var(--my-obl-checkout-country-dd-bg) !important;
	border-radius: 4px;
	min-height: 40px;
}

body.woocommerce-checkout.my-obl-checkout-page #billing_country_field .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--my-obl-checkout-country-dd-text) !important;
	line-height: 38px;
	padding-left: 12px;
	padding-right: 28px;
}

body.woocommerce-checkout.my-obl-checkout-page #billing_country_field .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: rgba(255, 255, 255, 0.72) !important;
}

body.woocommerce-checkout.my-obl-checkout-page #billing_country_field .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #ffffff transparent transparent transparent !important;
}

body.woocommerce-checkout.my-obl-checkout-page #billing_country_field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #ffffff transparent !important;
}

/* Country select — open dropdown (class added via JS) */
body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown {
	background-color: var(--my-obl-checkout-country-dd-bg) !important;
	border: 1px solid var(--my-obl-checkout-country-dd-bg) !important;
	border-radius: 4px;
	color: var(--my-obl-checkout-country-dd-text);
}

body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown .select2-search--dropdown {
	padding: 8px;
	background: var(--my-obl-checkout-country-dd-bg);
}

body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown .select2-search__field {
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 4px;
	color: var(--my-obl-checkout-country-dd-text) !important;
}

body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown .select2-results__option {
	color: var(--my-obl-checkout-country-dd-text) !important;
	background: transparent !important;
}

body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown .select2-results__option--highlighted {
	background-color: var(--my-obl-checkout-country-dd-hover) !important;
	color: var(--my-obl-checkout-country-dd-text) !important;
}

body.woocommerce-checkout.my-obl-checkout-page .select2-dropdown.my-obl-checkout-country-dropdown .select2-results__option[aria-selected='true'] {
	background-color: rgba(255, 255, 255, 0.12) !important;
	color: var(--my-obl-checkout-country-dd-text) !important;
}