/* --- Základní styly pro Tom Select options (dropdown menu) --- */

/* Základní barvy pro options v SVĚTLÉM REŽIMU */
.ts-wrapper .ts-dropdown .option,
.ts-wrapper .ts-dropdown .optgroup-header {
    background-color: var(--mdb-body-bg, #fff);
    color: var(--mdb-body-color, #212529);
}

/* Styly pro HOVER/ACTIVE stav options v SVĚTLÉM REŽIMU (šedé pozadí) */
.ts-wrapper .ts-dropdown .option.active {
    background-color: var(--mdb-gray-200, #eee); /* Světle šedá pro světlý režim */
    color: var(--mdb-body-color, #212529); /* Text zůstane tmavý */
}

/* Styly pro options v TMVÉM REŽIMU MDBootstrapu */
body[data-mdb-theme="dark"] .ts-wrapper .ts-dropdown .option,
body[data-mdb-theme="dark"] .ts-wrapper .ts-dropdown .optgroup-header {
    background-color: var(--mdb-dark-500, #2E2E2E) !important;
    color: var(--mdb-light, #f5f5f5) !important;
}

/* Styly pro HOVER/ACTIVE stav options v TMVÉM REŽIMU (šedé pozadí) */
body[data-mdb-theme="dark"] .ts-wrapper .ts-dropdown .option.active {
    background-color: var(--mdb-dark-700, #212121) !important; /* Tmavě šedá pro tmavý režim */
    color: var(--mdb-light, #f5f5f5) !important;
}

/* --- Styly pro hlavní input/select box (control) Tom Selectu --- */

/* Základní styl okraje pro Tom Select control (světlý režim) */
.ts-wrapper .ts-control {
    /*border: 1px solid var(--mdb-border-color, #bdbdbd);*/ /* Standardní šedý okraj z MDB */	
	margin-top: -0.5px;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;  /* světlý režim */
	border-radius: 0.375rem;
	padding: 0.35rem 0.75rem !important;
    /* Zde můžete přidat i defaultní background-color pro světlý režim, pokud je potřeba */
    background-color: var(--mdb-input-bg, #fff); 
}

/* Hover stav okraje pro Tom Select control (světlý režim) */
.ts-wrapper .ts-control:hover {
    border-color: var(--mdb-border-color-hover, #9e9e9e); /* Mírně tmavší okraj při hoveru */
}

/* Tmavý režim: Základní styl okraje a pozadí pro Tom Select control */
body[data-mdb-theme="dark"] .ts-wrapper .ts-control {
    /*border: 1px solid var(--mdb-border-color-dark, #545454) !important;*/ /* Tmavší šedý okraj pro tmavý režim */
	margin-top: -0.5px;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 0.375rem;
	padding: 0.35rem 0.75rem !important;
	/*border-radius: inherit;*/
    background-color: var(--mdb-input-bg-dark, #333333) !important; /* Tmavé pozadí inputu */
}

/* Tmavý režim: Hover stav okraje pro Tom Select control */
body[data-mdb-theme="dark"] .ts-wrapper .ts-control:hover {
    border-color: var(--mdb-border-color-dark-hover, #616161) !important; /* Mírně světlejší okraj při hoveru v dark mode */
}

/* Focus stav okraje a box-shadow pro Tom Select control (světlý i tmavý režim) */
.ts-wrapper.focus .ts-control {
    border-color: var(--mdb-primary) !important; /* Primární barva MDB pro okraj */
    box-shadow: 0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.25) !important; /* Standardní MDB focus stín */
    outline: 0 !important; /* Zrušení výchozího outline prohlížeče */
}

---

/* --- Styly pro placeholder a vybrané položky v inputu --- */

/* Barva PLACEHOLDER TEXTU v tmavém režimu */
body[data-mdb-theme="dark"] .ts-wrapper.ts-has-options.ts-has-items .ts-control.ts-placeholder,
body[data-mdb-theme="dark"] .ts-wrapper .ts-control input.ts-placeholder {
    color: var(--mdb-gray-400, #bdbdbd) !important;
}

/* Barva VYBRANÉ POLOŽKY (text) v tmavém režimu */
body[data-mdb-theme="dark"] .ts-wrapper .ts-control .item {
    color: var(--mdb-light, #f5f5f5) !important;
    background-color: var(--mdb-dark-600, #3C3C3C) !important;
}

/* Barva textu při psaní do inputu v tmavém režimu */
body[data-mdb-theme="dark"] .ts-wrapper .ts-control input {
    color: var(--mdb-light, #f5f5f5) !important;
}