/* MM Shipping - Checkout Styles */

/* Select2 RTL adjustments */
.woocommerce-checkout .select2-container--default .select2-selection--single {
	height: 42px;
	border-radius: 8px;
	border: 1px solid #d0d5dd;
	padding: 4px 8px;
	background: #fff;
	transition: border-color 0.2s;
}

.woocommerce-checkout .select2-container--default .select2-selection--single:hover {
	border-color: #94a3b8;
}

.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px;
	color: #1e293b;
	padding: 0 6px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #94a3b8;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	left: 6px;
	right: auto;
}

/* RTL */
body.rtl .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.rtl .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	left: 6px;
	right: auto;
}

/* Dropdown */
.select2-container--default .select2-dropdown {
	border-color: #6366f1;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 24px -8px rgba(15, 23, 42, 0.18);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 6px;
	border: 1px solid #e2e8f0;
	padding: 8px 10px;
	font-family: inherit;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	outline: none;
	border-color: #6366f1;
}

.select2-container--default .select2-results__option {
	padding: 8px 12px;
	font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #6366f1;
	color: #fff;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: #f5f3ff;
	color: #4f46e5;
}

/* Loading indicator */
.mm-city-select.mm-loading {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 1 1-6.219-8.56'/></svg>");
	background-position: left 12px center;
	background-repeat: no-repeat;
	background-size: 16px;
}

body.rtl .mm-city-select.mm-loading {
	background-position: right 12px center;
}

/* Dropdown scrollable - ensure max-height & scroll */
.select2-container--default .select2-results > .select2-results__options {
	max-height: 280px !important;
	overflow-y: auto !important;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.select2-container .select2-results__options {
	max-height: 280px !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}

/* اسکرول بار زیبا */
.select2-container--default .select2-results__options::-webkit-scrollbar {
	width: 8px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-track {
	background: #f1f5f9;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

/* Ensure dropdown stays above other elements */
.select2-container--open {
	z-index: 999999 !important;
}

.select2-dropdown {
	z-index: 999999 !important;
}

/* توضیحات روش ارسال در صفحه پرداخت */
.mm-shipping-description {
	display: block;
	margin: 6px 0 10px 24px;
	padding: 8px 12px;
	background: #f8fafc;
	border-right: 3px solid #6366f1;
	border-radius: 6px;
	font-size: 12.5px;
	line-height: 1.6;
	color: #475569;
}

body.rtl .mm-shipping-description {
	margin: 6px 24px 10px 0;
	border-right: 3px solid #6366f1;
	border-left: none;
}