/**
 * Form selectboxes — match header language dropdown (jquery.selectbox / .sbHolder).
 * Load after public-forms.css and inner-dark-theme.css on logged-in pages.
 */

/* Hide native select when selectbox is attached — beat mobile display:block !important */
.mainContentDiv select[sb],
.mainContentDiv .admainbox select[sb],
.mainContentDiv .pub-filter-cell select[sb],
.mainContentDiv .pub-data-filter select[sb],
.mainContentDiv .pub-list-filter-inline select[sb],
.mainContentDiv td select[sb],
body:has(.header_wraperindex):not(.index-home) .mainContentDiv select[sb],
body.accountPage .mainContentDiv select[sb],
body.guest-public:not(.index-home) .mainContentDiv select[sb] {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	clip: rect(0, 0, 0, 0) !important;
	overflow: hidden !important;
}

.mainContentDiv .sbHolder,
body.guest-public:not(.index-home) .mainContentDiv .sbHolder {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 40px;
	height: auto !important;
	box-sizing: border-box;
	font-size: 13px !important;
	position: relative !important;
	overflow: visible !important;
	z-index: 20;
}

.mainContentDiv .sbHolder:has(.sbToggleOpen),
body.guest-public:not(.index-home) .mainContentDiv .sbHolder:has(.sbToggleOpen) {
	z-index: 1300 !important;
}

.mainContentDiv .sbSelector,
body.guest-public:not(.index-home) .mainContentDiv .sbSelector {
	width: calc(100% - 36px) !important;
	height: 40px !important;
	line-height: 40px !important;
	text-indent: 12px;
	font-size: 13px !important;
}

.mainContentDiv .sbToggle,
body.guest-public:not(.index-home) .mainContentDiv .sbToggle {
	height: 40px !important;
	width: 36px !important;
}

.mainContentDiv .contact_ncolm .sbHolder,
.mainContentDiv .adv-ad-stats-filter .sbHolder {
	margin: 0;
}

.mainContentDiv .pub-filter-cell .sbHolder,
.mainContentDiv .pub-data-filter .sbHolder,
.mainContentDiv form.pub-page-toolbar .sbHolder,
.mainContentDiv form.pub-payments-toolbar .sbHolder {
	margin: 0;
}

.mainContentDiv .pub-list-filter-inline .sbHolder,
.mainContentDiv .pub-data-filter.pub-list-filter-inline .sbHolder,
.mainContentDiv .pub-filter-cell.pub-list-filter-inline .sbHolder {
	width: auto !important;
	flex: 0 1 auto !important;
	min-width: 110px !important;
	max-width: 160px !important;
}

.mainContentDiv .pub-list-filter-inline .sbSelector {
	width: calc(100% - 36px) !important;
}

/* Filter toolbars — compact width in flex row + readable light text */
.mainContentDiv .pub-filter-cell .sbHolder,
.mainContentDiv .pub-data-filter .sbHolder,
.mainContentDiv form.pub-page-toolbar .sbHolder,
.mainContentDiv form.pub-payments-toolbar .sbHolder {
	width: auto !important;
	flex: 1 1 160px;
	min-width: 140px;
	max-width: 240px;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	color: #f8fafc !important;
}

.mainContentDiv .pub-filter-cell .sbSelector,
.mainContentDiv .pub-data-filter .sbSelector,
.mainContentDiv form.pub-page-toolbar .sbSelector,
.mainContentDiv form.pub-payments-toolbar .sbSelector,
.mainContentDiv .pub-filter-cell .sbSelector:link,
.mainContentDiv .pub-filter-cell .sbSelector:visited,
.mainContentDiv .pub-filter-cell .sbSelector:hover,
.mainContentDiv .pub-data-filter .sbSelector:link,
.mainContentDiv .pub-data-filter .sbSelector:visited,
.mainContentDiv .pub-data-filter .sbSelector:hover,
body.guest-public:not(.index-home) .mainContentDiv .pub-filter-cell .sbSelector,
body.guest-public:not(.index-home) .mainContentDiv .pub-data-filter .sbSelector {
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc !important;
}

.mainContentDiv .pub-filter-cell input#ppcname,
.mainContentDiv .pub-data-filter input#ppcname,
.mainContentDiv .pub-filter-cell input[type="text"].txt,
.mainContentDiv .pub-data-filter input[type="text"].txt {
	flex: 1 1 160px;
	min-width: 140px;
	max-width: 240px;
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc !important;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.mainContentDiv .pub-list-filter-inline input#ppcname,
.mainContentDiv .pub-list-filter-inline input[type="text"].txt {
	flex: 0 1 auto;
	min-width: 110px;
	max-width: 160px;
}

.mainContentDiv .pub-filter-field .sbHolder,
.mainContentDiv .pub-ad-list-filter .sbHolder {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	flex: none !important;
}

.mainContentDiv .pub-data-filter-label,
.mainContentDiv .pub-filter-cell .pub-data-filter-label {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 600;
	color: #B8B4D4;
	white-space: nowrap;
	margin: 0;
}

/* Dropdown panel — override ppc-style.css top:30px / width:140px (breaks 40px holders) */
.mainContentDiv .sbOptions,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions {
	top: calc(100% + 2px) !important;
	left: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
	z-index: 1200 !important;
	max-height: 260px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background: #1E1838 !important;
	border: 1px solid rgba(108, 62, 244, 0.3) !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

.mainContentDiv .sbOptions li,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions li {
	float: none !important;
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
}

.mainContentDiv .sbOptions a,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions a {
	display: block !important;
	padding: 10px 12px !important;
	line-height: 1.45 !important;
	height: auto !important;
	min-height: 36px !important;
	white-space: normal !important;
	color: #B8B4D4 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	text-decoration: none !important;
}

.mainContentDiv .sbOptions a:hover,
.mainContentDiv .sbOptions a:focus,
.mainContentDiv .sbOptions a.sbFocus,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions a:hover,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions a:focus,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions a.sbFocus {
	color: #fff !important;
	background: rgba(108, 62, 244, 0.2) !important;
}

.mainContentDiv .sbOptions li.last a,
body.guest-public:not(.index-home) .mainContentDiv .sbOptions li.last a {
	border-bottom: none !important;
}

.mainContentDiv .contact_ncolm,
.mainContentDiv .contact_frow .contact_ncolm,
.mainContentDiv .pub-filter-cell,
.mainContentDiv .pub-data-filter,
.mainContentDiv .adv-ad-stats-filter {
	overflow: visible !important;
}

.mainContentDiv tr.contact_frow .sbHolder,
.mainContentDiv .contact_details .contact_frow .sbHolder {
	float: none !important;
}

/* Full-width selectboxes in form fields (not compact filter toolbars) */
.mainContentDiv .contact_details .contact_ncolm .sbHolder,
.mainContentDiv tr.contact_frow td.contact_ncolm .sbHolder,
.mainContentDiv td.contact_ncolm .sbHolder {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	flex: none !important;
}

.mainContentDiv table.tableT:has(select) > tbody > tr:has(select) > td:has(select[sb]),
.mainContentDiv table.tableT:has(select) > tbody > tr:has(select) > td:has(.sbHolder) {
	flex: 1 1 220px !important;
	min-width: 200px !important;
	max-width: 100%;
}

.mainContentDiv table.tableT:has(select) .sbHolder {
	width: 100% !important;
	min-width: 200px !important;
	max-width: 100% !important;
	flex: none !important;
}

@media (max-width: 767px) {
	.mainContentDiv .sbHolder,
	.mainContentDiv .sbSelector {
		max-width: 100% !important;
	}

	.mainContentDiv .pub-filter-cell .sbHolder,
	.mainContentDiv .pub-data-filter .sbHolder,
	.mainContentDiv form.pub-page-toolbar .sbHolder,
	.mainContentDiv form.pub-payments-toolbar .sbHolder {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
	}

	.mainContentDiv .pub-filter-cell input#ppcname,
	.mainContentDiv .pub-data-filter input#ppcname,
	.mainContentDiv .pub-filter-cell input[type="text"].txt,
	.mainContentDiv .pub-data-filter input[type="text"].txt {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
	}
}

/* Ad create pages — full-width form selects; URL protocol stays narrow */
.mainContentDiv .pub-ad-create-page .contact_ncolm > .sbHolder,
.mainContentDiv .pub-ad-create-page .contact_ncolm > select + .sbHolder,
.mainContentDiv .pub-ad-create-page .contact_details .contact_frow .contact_ncolm > .sbHolder,
.mainContentDiv .pub-ad-create-page .contact_ncolm > div > .sbHolder {
	width: 100% !important;
	max-width: 440px !important;
	min-width: 0 !important;
}

.mainContentDiv .pub-ad-create-page .contact_ncolm > table td:first-child .sbHolder,
.mainContentDiv .pub-ad-create-page .contact_ncolm > table td:first-child select {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}