/* precenly-logo.css — konzistentné logo veľkosti naprieč aplikáciou
   Importuj v dashboard.css alebo global CSS súbore
*/

/* Base — inline SVG logo */
.precenly-logo {
    display: inline-block;
    flex-shrink: 0;
    fill: currentColor;
    /* Zachovaj pomer strán 630:611 */
    aspect-ratio: 630 / 611;
}

/* Veľkostné varianty */
.precenly-logo-xs {
    width: 16px;
}

/* extension popup, badges */
.precenly-logo-sm {
    width: 20px;
}

/* sidebar, mobile topbar */
.precenly-logo-md {
    width: 28px;
}

/* header, onboarding */
.precenly-logo-lg {
    width: 40px;
}

/* auth stránky, landing */
.precenly-logo-xl {
    width: 64px;
}

/* splash screen, 404 */

/* Dark mode — logo automaticky invertuje cez currentColor */
/* Nie je potrebná špeciálna úprava ak použiješ fill="currentColor" */

/* Animácia načítania (voliteľné) */
@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: scale(0.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.precenly-logo-animate {
    animation: logoFadeIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Standardizovaná značka (logo + text) - BIELA, MINIMÁLNA MEDZERA */
.precenly-brand {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important; /* Ešte bližšie k textu */
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important; /* Vynútená biela */
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}

.precenly-brand:hover {
    opacity: 0.8 !important;
}

.precenly-brand svg {
    width: 20px !important;
    height: auto !important;
    opacity: 1 !important; /* Vynútená plná sýtosť */
    flex-shrink: 0 !important;
    fill: #ffffff !important; /* Vynútená biela výplň */
}