/* selectmini.css */

.selectmini-container {
	position: relative;
	cursor: pointer;
	width: 100%;
	display: inline-block;
}

.selectmini-containerinline {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: auto; /* nie wymuszaj 100% */
	max-width: 100%;
	vertical-align: middle;
}

.selectmini-display {
	padding: 0px var(--dp);
	border: 1px solid var(--cborder);
	background: var(--binput);
	color: var(--tinput);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--d4);
	border-radius: var(--brinput);
	border-right: 1px solid var(--bbars) !important;
}

.selectmini-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.selectmini-display:focus {
	color: var(--tinputf);
	background-color: var(--binputf);
}

.selectmini-display:disabled,
.selectmini-container[data-disabled="true"] .selectmini-display {
	background: var(--binputd);
	color: var(--tinputd);
	cursor: not-allowed;
	opacity: 0.5;
}


.selectmini-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 9999;
	border: 1px solid var(--bborder);
	background: var(--binput) !important;
	color: var(--tinput) !important;
	max-height: 300px;
	min-width: 350px !important;
	border-radius: var(--brfull);
	box-shadow: var(--bbars) 0px 1px 2px, var(--bbars) 0px 2px 4px, var(--bbars) 0px 4px 8px, var(--bbars) 0px 8px 16px, var(--bbars) 0px 16px 32px, var(--bbars) 0px 32px 64px;
}

.selectmini-options {
	max-height: 250px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	scroll-behavior: smooth;
	overscroll-behavior: contain;
	touch-action: auto;
	pointer-events: auto;
}


.selectmini-option {
	display: flex; /* zamiast block */
	justify-content: space-between;
	align-items: center;
	padding: var(--dp);
	/*min-height: 32px;*/
	cursor: pointer;
}

.selectmini-option.selected:hover,
.selectmini-option:hover {
	background: var(--bklaw);
	color: var(--tklaw);
}

.selectmini-option[disabled] {
	background: var(--btredpale);
	color: var(--ttredpale);
	cursor: not-allowed;
	opacity: 0.8;
}

.selectmini-option.selected {
	background-color: var(--btgrepale);
}

.selectmini-clear {
	background: var(--bklaw);
	color: var(--tklaw);
	padding: var(--d2);
	border-radius: var(--brinput);
	cursor: url('./clear.cur'), crosshair;
	margin-left: 8px;
}

.selectmini-clear-single {
	background: var(--bklaw);
	color: var(--tklaw);
	padding: var(--d2);
	border-radius: var(--brinput);
	cursor: url('./clear.cur'), crosshair;
	display: none;
	/* tylko dla single */
	margin-left: 8px;
	margin-right: 8px;
}

.selectmini-arrow {
	margin-left: auto;
	cursor: pointer;
}

.selectmini-tag {
	background: var(--binput);
	color: var(--tinput);
	border: 1px solid var(--bborder);
	border-radius: var(--brinput);
	display: flex;
	align-items: center;
	gap: var(--d2);
	padding: var(--d2);
}