/* Logo w prawym górnym rogu - WERSJA DLA TRYBU JASNEGO (DOMYŚLNA) */
.top-right-logo {
    position: fixed;
    top: 20px;
    right: 20px;
    opacity: 0.85; /* Zwiększona widoczność, skoro ma teraz tło */
    max-width: 160px;
    z-index: 9999;
    pointer-events: none; /* Kliknięcia przechodzą pod spód */
    
    /* CIEMNE TŁO (Widoczne tylko w jasnym motywie) */
    background-color: rgba(33, 37, 41, 0.85); /* Ciemny grafit z lekką przezroczystością */
    padding: 12px 18px; /* Odstęp wokół obrazka */
    border-radius: 12px; /* Łagodne zaokrąglenie krawędzi */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); /* Subtelny cień */
    backdrop-filter: blur(4px); /* Nowoczesne rozmycie tego, co pod tłem */
    
    /* Płynna animacja przy przełączaniu trybu */
    transition: all 0.4s ease; 
}

/* -------------------------------------------------------- */
/* WYKRYWANIE TRYBU CIEMNEGO - NADPISYWANIE STYLÓW          */
/* -------------------------------------------------------- */
[data-bs-theme="dark"] .top-right-logo {
    background-color: transparent; /* Całkowicie usuwamy tło */
    box-shadow: none;              /* Usuwamy cień */
    padding: 0;                    /* Usuwamy margines, obrazek przykleja się do rogu */
    backdrop-filter: none;         /* Wyłączamy rozmycie */
    opacity: 0.25;                 /* Wracamy do Twojej pierwotnej, ledwo widocznej formy */
}

/* Opcjonalnie: ukrycie logo na bardzo małych ekranach telefonów */
@media (max-width: 576px) {
    .top-right-logo {
        max-width: 100px;
        padding: 8px 12px; /* Mniejsze tło na telefonie */
    }
    
    [data-bs-theme="dark"] .top-right-logo {
        opacity: 0.15; /* Na telefonie w nocy prawie niewidoczne */
    }
}