/**
 * Email Protection Module - CSS
 * Styly pro chráněné emailové adresy
 */

/* Základní styly pro chráněné emaily */
.email-protected {
    cursor: default;
    color: #6c757d;
    font-style: italic;
    position: relative;
}

/* Ikona pro chráněné emaily */
.email-protected:before {
    content: "?? ";
    opacity: 0.7;
    margin-right: 3px;
}

/* Animace načítání */
.email-protected {
    animation: email-loading 1.5s ease-in-out infinite;
}

@keyframes email-loading {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* Tooltip pro chráněné emaily */
.email-protected:hover:after {
    content: "Email se načítá...";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    z-index: 1000;
    opacity: 0.9;
}

/* Styl pro případ vypnutého JavaScriptu */
.no-js .email-protected {
    display: none;
}

.no-js .email-protected:after {
    content: "[Email je chráněn před spam boty - pro zobrazení povolte JavaScript]";
    display: inline;
    color: #dc3545;
    font-style: italic;
    font-size: 0.9em;
}

/* Když je JavaScript povolen, skryje se náhradní text */
.js-enabled .email-protected:after {
    display: none;
}

/* Responzivní úpravy */
@media (max-width: 576px) {
    .email-protected {
        font-size: 0.9em;
    }
    
    .email-protected:hover:after {
        font-size: 11px;
    }
}

/* Tmavý režim */
@media (prefers-color-scheme: dark) {
    .email-protected {
        color: #adb5bd;
    }
    
    .email-protected:hover:after {
        background: #495057;
        color: #f8f9fa;
    }
}

/* Přístupnost - focus stavy */
.email-protected:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

/* Redukovaná animace pro uživatele s prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .email-protected {
        animation: none;
    }
}

/* Tisk - zobrazení bez animací */
@media print {
    .email-protected {
        animation: none;
        color: #000;
    }
    
    .email-protected:before {
        content: "Email: ";
        opacity: 1;
    }
    
    .email-protected:after {
        content: " [chráněno]";
        font-size: 0.8em;
    }
}