/* =========================================
   TŁUMACZENIA DROPDOWNA DLA JĘZYKA POLSKIEGO
   ========================================= */

/* 1. Ukrywamy oryginalny angielski tekst w OBU przyciskach */
div[data-lang="pl"] .dash-dropdown-action-button {
    font-size: 0px !important;
    color: transparent !important;
}

/* 2. Podmieniamy tekst dla PIERWSZEGO przycisku (Select All) */
div[data-lang="pl"] .dash-dropdown-action-button:nth-of-type(1)::after {
    content: "Zaznacz wszystko";
    font-size: 13px; /* Dostosuj rozmiar do swojego wyglądu */
    color: #3b82f6; /* Kolor niebieski z Tailwind (blue-500) */
    visibility: visible;
}

/* 3. Podmieniamy tekst dla DRUGIEGO przycisku (Deselect All) */
div[data-lang="pl"] .dash-dropdown-action-button:nth-of-type(2)::after {
    content: "Wyczyść";
    font-size: 13px;
    color: #ef4444; /* Kolor czerwony z Tailwind (red-500) */
    visibility: visible;
}

/* =========================================
   TŁUMACZENIE POLA WYSZUKIWARKI (Search)
   ========================================= */
/* Jeśli w polu input jest placeholder "Search" */
div[data-lang="pl"] input[type="text"]::placeholder {
    color: transparent !important; /* Ukrywamy "Search" */
}

/* Dodajemy polski tekst "Szukaj..." nad ukrytym placeholderem */
div[data-lang="pl"] input[type="text"]:placeholder-shown::before {
    content: "Szukaj...";
    color: #94a3b8; /* Szary kolor z Tailwind (slate-400) */
    position: absolute;
    pointer-events: none;
}

/* =========================================
   TŁUMACZENIE POLA WYSZUKIWARKI (Search)
   ========================================= */

/* 1. Ukrywamy oryginalny angielski placeholder "Search" */
div[data-lang="pl"] .dash-dropdown-search::placeholder {
    color: transparent !important;
}

div[data-lang="pl"] .dash-dropdown-search::-webkit-input-placeholder {
    color: transparent !important;
}

div[data-lang="pl"] .dash-dropdown-search::-moz-placeholder {
    color: transparent !important;
}

/* 2. Tworzymy polski placeholder za pomocą wygenerowanego tła SVG */
div[data-lang="pl"] .dash-dropdown-search {
    /* Wstrzykujemy małą grafikę wektorową, która udaje tekst "Szukaj..." */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20'%3E%3Ctext x='4' y='15' fill='%2394a3b8' font-family='system-ui, sans-serif' font-size='13px'%3ESzukaj...%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* 3. Gdy użytkownik kliknie w pole (focus) lub wpisze tekst, "udawany" placeholder znika */
div[data-lang="pl"] .dash-dropdown-search:focus,
div[data-lang="pl"] .dash-dropdown-search:not(:placeholder-shown) {
    background-image: none !important;
}