/**
 * Registration / edit-profile form tweaks.
 */

.bbat-field-city {
	position: relative;
}

.bbat-field-city .bbat-city-select,
.bbat-field-city select.bbat-city-select,
.bbat-field-city .select2-container {
	width: 100% !important;
}

.bbat-auth-register .bbat-field-city .select2-container .select2-selection--single {
	border: 1px solid var(--bbat-auth-border, #e5e7eb) !important;
	border-radius: 8px !important;
	min-height: 40px !important;
	height: 40px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.bbat-auth-register .bbat-field-city .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 38px !important;
	padding-left: 12px !important;
	padding-right: 36px !important;
	font-size: 13px !important;
	color: var(--bbat-auth-text, #12141a) !important;
}

.bbat-auth-register .bbat-field-city .select2-container .select2-selection--single .select2-selection__arrow {
	height: 38px !important;
	right: 8px !important;
}

.bbat-auth-register .bbat-field-city .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #9ca3af !important;
}

html[dir="rtl"] .bbat-auth-register #profile-details-section select,
html[dir="rtl"] .bbat-auth-register .bbat-field-city select {
	padding-left: 36px !important;
	padding-right: 12px !important;
	background-position: left 12px center !important;
}

.bbat-field-city .bbat-city-suggest__list {
	position: absolute;
	z-index: 30;
	left: 0;
	right: 0;
	margin: 2px 0 0;
	padding: 4px 0;
	max-height: 220px;
	overflow-y: auto;
	list-style: none;
	border: 1px solid var(--bb-rl-border-secondary-color, #e7e7e9);
	border-radius: 6px;
	background: var(--bb-rl-background-color, #fff);
	box-shadow: 0 8px 20px rgba(12, 12, 13, 0.08);
}

.bbat-field-city .bbat-city-suggest__list li {
	padding: 8px 10px;
	cursor: pointer;
	font-size: 0.875rem;
}

.bbat-field-city .bbat-city-suggest__list li:hover {
	background: var(--bb-rl-background-secondary-color, #f3f3f3);
}

.bbat-field-is-hidden {
	display: none !important;
}

.bbat-optional-label {
	font-weight: 500;
	color: var(--bbat-auth-muted, #6b7280);
}

.bbat-auth-register #profile-details-section .editfield.bbat-field-married_via_tnaqniq,
.bbat-auth-register #profile-details-section .editfield.bbat-field-bio {
	grid-column: 1 / -1;
}

.bbat-auth-register #profile-details-section .editfield.bbat-field-gender,
.bbat-auth-register #profile-details-section .editfield.bbat-field-age,
.bbat-auth-register #profile-details-section .editfield.bbat-field-marital_status,
.bbat-auth-register #profile-details-section .editfield.bbat-field-monthly_income,
.bbat-auth-register #profile-details-section .editfield.bbat-field-country,
.bbat-auth-register #profile-details-section .editfield.bbat-field-city,
.bbat-auth-register #profile-details-section .editfield.bbat-field-name-nickname {
	grid-column: span 1;
}

.bbat-auth-register #profile-details-section .editfield {
	margin-bottom: 10px;
}

.bbat-auth-register #basic-details-section .bb-signup-field {
	margin-bottom: 10px;
}

.bbat-auth-register .bbat-auth-form-subtitle {
	margin-bottom: 14px;
}

@media (max-width: 640px) {
	.bbat-auth-register #profile-details-section .editfield.bbat-field-gender,
	.bbat-auth-register #profile-details-section .editfield.bbat-field-age,
	.bbat-auth-register #profile-details-section .editfield.bbat-field-marital_status,
	.bbat-auth-register #profile-details-section .editfield.bbat-field-monthly_income,
	.bbat-auth-register #profile-details-section .editfield.bbat-field-country,
	.bbat-auth-register #profile-details-section .editfield.bbat-field-city,
	.bbat-auth-register #profile-details-section .editfield.bbat-field-name-nickname {
		grid-column: 1 / -1;
	}
}