/* Rate Alert form – modal (blog) and inline (Tools page) */
#blog-rate-alert-modal .form-label,
.rate-alert-form .form-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #101E21;
	margin-bottom: 10px;
}

#blog-rate-alert-modal .form-group,
.rate-alert-form .form-group {
	margin-bottom: 1.5rem;
}

#blog-rate-alert-modal .rate-alert-currency-pair-row,
.rate-alert-form .rate-alert-currency-pair-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

#blog-rate-alert-modal .rate-alert-currency-pair-row .currency-pair-section,
.rate-alert-form .rate-alert-currency-pair-row .currency-pair-section {
	flex: 1 1 100%;
	min-width: 0;
}

@media (min-width: 640px) {
	#blog-rate-alert-modal .rate-alert-currency-pair-row .currency-pair-section,
	.rate-alert-form .rate-alert-currency-pair-row .currency-pair-section {
		flex: 1 1 0;
		min-width: 0;
	}
}

#blog-rate-alert-modal .rate-alert-currency-pair-row .w-full,
.rate-alert-form .rate-alert-currency-pair-row .w-full {
	flex: 1 1 100%;
	min-width: 0;
}

#blog-rate-alert-modal .currency-pair-section,
.rate-alert-form .currency-pair-section {
	margin-bottom: 0.5rem !important;
}

#blog-rate-alert-modal .currency-pair .currency-pair-row-item,
.rate-alert-form .currency-pair .currency-pair-row-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	#blog-rate-alert-modal .currency-pair .currency-pair-row-item,
	.rate-alert-form .currency-pair .currency-pair-row-item {
		flex-wrap: nowrap;
		align-items: flex-end;
		gap: 1.25rem;
	}
}

#blog-rate-alert-modal .currency-pair .currency-pair-from-col,
#blog-rate-alert-modal .currency-pair .currency-pair-to-col,
.rate-alert-form .currency-pair .currency-pair-from-col,
.rate-alert-form .currency-pair .currency-pair-to-col {
	flex: 1 1 100%;
	min-width: 0;
}

@media (min-width: 768px) {
	#blog-rate-alert-modal .currency-pair .currency-pair-from-col,
	#blog-rate-alert-modal .currency-pair .currency-pair-to-col,
	.rate-alert-form .currency-pair .currency-pair-from-col,
	.rate-alert-form .currency-pair .currency-pair-to-col {
		flex: 1 1 0;
		min-width: 0;
	}
}

#blog-rate-alert-modal .currency-pair .currency-pair-row-item .form-group,
.rate-alert-form .currency-pair .currency-pair-row-item .form-group {
	min-width: 0;
	margin-bottom: 0;
}

#blog-rate-alert-modal .currency-pair .currency-pair-from-col .form-group,
#blog-rate-alert-modal .currency-pair .currency-pair-to-col .form-group,
.rate-alert-form .currency-pair .currency-pair-from-col .form-group,
.rate-alert-form .currency-pair .currency-pair-to-col .form-group {
	margin-right: 0;
	margin-left: 0;
}

#blog-rate-alert-modal .currency-pair.col-12,
.rate-alert-form .currency-pair.col-12 {
	flex: 0 0 100%;
}

#blog-rate-alert-modal .currency-pair .row,
.rate-alert-form .currency-pair .row {
	margin-bottom: 0.5rem;
}

#blog-rate-alert-modal .currency-pair .select2-container,
.rate-alert-form .currency-pair .select2-container {
	width: 100% !important;
	min-width: 0;
}

#blog-rate-alert-modal .currency-pair .select2-selection--single,
.rate-alert-form .currency-pair .select2-selection--single {
	overflow: hidden;
}

#blog-rate-alert-modal .currency-pair .select2-selection__rendered,
.rate-alert-form .currency-pair .select2-selection__rendered {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
	font-size: 16px;
}

@media (min-width: 1024px) {
	#blog-rate-alert-modal .currency-pair .select2-selection__rendered,
	.rate-alert-form .currency-pair .select2-selection__rendered {
		font-size: 18px;
	}
}

#blog-rate-alert-modal .currency-pair .select2-container--default .select2-selection--single,
.rate-alert-form .currency-pair .select2-container--default .select2-selection--single {
	border: 1px solid rgba(16, 30, 33, 0.2);
	border-radius: 10px;
	min-height: 46px;
	padding: 12px 16px;
}

@media (min-width: 1024px) {
	#blog-rate-alert-modal .currency-pair .select2-container--default .select2-selection--single,
	.rate-alert-form .currency-pair .select2-container--default .select2-selection--single {
		min-height: 58px;
		padding: 15px 20px;
	}
}

#blog-rate-alert-modal .currency-pair .select2-container--default.select2-container--focus .select2-selection--single,
#blog-rate-alert-modal .currency-pair .select2-container--default.select2-container--open .select2-selection--single,
.rate-alert-form .currency-pair .select2-container--default.select2-container--focus .select2-selection--single,
.rate-alert-form .currency-pair .select2-container--default.select2-container--open .select2-selection--single {
	border-color: #067DBF;
	box-shadow: 0 0 0 2px rgba(6, 125, 191, 0.15);
}

#blog-rate-alert-modal .currency-pair .select2-selection__rendered.flag-icon,
#blog-rate-alert-modal .currency-pair .select2-selection__rendered .flag-icon,
.rate-alert-form .currency-pair .select2-selection__rendered.flag-icon,
.rate-alert-form .currency-pair .select2-selection__rendered .flag-icon {
	padding-left: 36px !important;
	position: relative;
	display: inline-flex !important;
	align-items: center;
	min-height: 24px;
}

#blog-rate-alert-modal .currency-pair .select2-selection__rendered.flag-icon:before,
#blog-rate-alert-modal .currency-pair .select2-selection__rendered .flag-icon:before,
.rate-alert-form .currency-pair .select2-selection__rendered.flag-icon:before,
.rate-alert-form .currency-pair .select2-selection__rendered .flag-icon:before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 12px !important;
	width: 20px !important;
	height: 15px !important;
	top: 50% !important;
	transform: translateY(-50%);
	margin: 0 !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: 50% !important;
}

.select2-results__option.flag-icon,
.select2-results__option .flag-icon {
	padding-left: 36px !important;
	position: relative;
	display: flex !important;
	align-items: center;
	min-height: 24px;
}

.select2-results__option.flag-icon:before,
.select2-results__option .flag-icon:before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 12px !important;
	width: 20px !important;
	height: 15px !important;
	top: 50% !important;
	transform: translateY(-50%);
	margin: 0 !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: 50% !important;
}

.select2-results__option .dop-flag-text .currency-flag-img,
.select2-results__option .dop-flag-text .country-svg-flag,
.rate-alert-country-dropdown .select2-results__option .dop-flag-text .currency-flag-img,
.rate-alert-country-dropdown .select2-results__option .dop-flag-text .country-svg-flag {
	width: 20px;
	max-height: 15px;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
	display: block;
}

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

.select2-container--open {
	z-index: 10010 !important;
}

#blog-rate-alert-modal .select2-container--default .select2-dropdown,
.select2-container--default .select2-dropdown {
	border: 1px solid rgba(16, 30, 33, 0.2);
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

#blog-rate-alert-modal .select2-container--default .select2-results__option {
	padding: 10px 16px;
	font-size: 15px;
	line-height: 1.4;
}

/* Rate Alert – Primary contact number (same layout as Registration: flag + code + phone in one row) */
#blog-rate-alert-modal .contact-number-wrap,
.rate-alert-form .contact-number-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	border: 1px solid rgba(16, 30, 33, 0.15);
	border-radius: 10px;
	overflow: hidden;
	min-height: 48px;
	background: #fff;
}
#blog-rate-alert-modal .contact-number-wrap .phonenumber-flag-wrap,
.rate-alert-form .contact-number-wrap .phonenumber-flag-wrap {
	flex: 0 0 auto;
	width: 56px;
	min-width: 56px;
}
#blog-rate-alert-modal .contact-number-wrap .phonenumber-flag-wrap .select2-container,
.rate-alert-form .contact-number-wrap .phonenumber-flag-wrap .select2-container {
	width: 100% !important;
	min-width: 56px;
}
#blog-rate-alert-modal .contact-number-wrap .phonenumber-flag-wrap .select2-container .select2-selection--single,
.rate-alert-form .contact-number-wrap .phonenumber-flag-wrap .select2-container .select2-selection--single {
	height: 100% !important;
	min-height: 46px;
	display: flex !important;
	align-items: center !important;
	position: relative !important;
}
#blog-rate-alert-modal .contact-number-wrap .phonenumber-flag-wrap .select2-container--default .select2-selection--single,
.rate-alert-form .contact-number-wrap .phonenumber-flag-wrap .select2-container--default .select2-selection--single {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	height: 100% !important;
}
#blog-rate-alert-modal .contact-number-wrap .phonenumber-flag-wrap .select2-container--default .select2-selection--single .select2-selection__rendered,
.rate-alert-form .contact-number-wrap .phonenumber-flag-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 8px 0 0 !important;
	line-height: 1;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: inherit;
}
#blog-rate-alert-modal .contact-number-wrap .select2-selection__flag-only,
.rate-alert-form .contact-number-wrap .select2-selection__flag-only {
	padding-left: 0 !important;
	padding-right: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 46px;
	width: 100%;
	min-width: 24px;
}
#blog-rate-alert-modal .contact-number-wrap .select2-selection__flag-only.flag-icon:before,
.rate-alert-form .contact-number-wrap .select2-selection__flag-only.flag-icon:before {
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 20px !important;
	height: 15px !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: 50% !important;
}
#blog-rate-alert-modal .contact-number-wrap .select2-selection__flag-only .currency-flag-img,
#blog-rate-alert-modal .contact-number-wrap .select2-selection__flag-only .country-svg-flag,
.rate-alert-form .contact-number-wrap .select2-selection__flag-only .currency-flag-img,
.rate-alert-form .contact-number-wrap .select2-selection__flag-only .country-svg-flag {
	width: 20px;
	max-height: 15px;
	height: auto;
	object-fit: contain;
	display: block;
}
#blog-rate-alert-modal .contact-number-wrap .contact-code-wrap,
.rate-alert-form .contact-number-wrap .contact-code-wrap {
	flex: 0 0 auto;
	width: 90px;
	min-width: 90px;
	display: flex;
	align-items: stretch;
}
#blog-rate-alert-modal .contact-number-wrap .contact-code-wrap .form-control,
.rate-alert-form .contact-number-wrap .contact-code-wrap .form-control {
	height: 100%;
	min-height: 46px;
	padding: 12px 8px;
	box-sizing: border-box;
	border: none !important;
	border-radius: 0 !important;
	font-size: 14px;
	font-weight: 600;
	color: #101E21;
	background: #f3f4f6;
}
#blog-rate-alert-modal .contact-number-wrap .contact-input-wrap,
.rate-alert-form .contact-number-wrap .contact-input-wrap {
	flex: 1 1 0;
	min-width: 0;
}
#blog-rate-alert-modal .contact-number-wrap .contact-input-wrap .form-control,
.rate-alert-form .contact-number-wrap .contact-input-wrap .form-control {
	padding: 12px 16px;
	border: none !important;
	border-radius: 0 !important;
	font-weight: 600;
	color: #101E21;
	font-size: 16px;
}
#blog-rate-alert-modal .contact-number-wrap .form-control,
#blog-rate-alert-modal .contact-number-wrap .select2-container,
.rate-alert-form .contact-number-wrap .form-control,
.rate-alert-form .contact-number-wrap .select2-container {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
#blog-rate-alert-modal .contact-number-wrap .phonenumber-flag-wrap .select2-container,
.rate-alert-form .contact-number-wrap .phonenumber-flag-wrap .select2-container {
	border-right: 1px solid rgba(16, 30, 33, 0.15) !important;
}
#blog-rate-alert-modal .contact-number-wrap .contact-code-wrap .form-control,
.rate-alert-form .contact-number-wrap .contact-code-wrap .form-control {
	border-right: 1px solid rgba(16, 30, 33, 0.15) !important;
}
/* Rate alert country dropdown – full width of contact row (set via JS on open; dropdown is in body) */
.rate-alert-country-dropdown,
#blog-rate-alert-modal .contact-number-wrap .rate-alert-country-dropdown,
.rate-alert-form .contact-number-wrap .rate-alert-country-dropdown {
	min-width: 280px !important;
	border: 1px solid rgba(16, 30, 33, 0.2) !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	z-index: 10010 !important;
}

/* Mid-market rate converter (Tools page) – Select2 styling to match design */
.mid-market-rate-converter .select2-container--default .select2-selection--single {
	border: 2px solid rgba(16, 30, 33, 0.2);
	border-radius: 12px;
	min-height: 56px;
	padding: 12px 20px;
	font-size: 1.25rem;
	font-weight: 600;
	color: #101E21;
}

.mid-market-rate-converter .select2-container--default.select2-container--focus .select2-selection--single,
.mid-market-rate-converter .select2-container--default.select2-container--open .select2-selection--single {
	border-color: #067DBF;
	box-shadow: 0 0 0 2px rgba(6, 125, 191, 0.2);
}

.mid-market-rate-converter .select2-container {
	width: 100% !important;
}

@media (min-width: 1024px) {
	.mid-market-rate-converter .select2-container {
		width: auto !important;
		min-width: 500px;
	}
}