/**
 * Styles Public - Protection des adresses e-mail (La Comédillienne)
 * Version : 1.0.1 (Ajout Honeypot & Compatibilité Divi)
 * 
 * @package Email_Protect_Comédillienne
 * @since 1.0.0
 * 
 * NOTE : Ce fichier est autonome. Il définit ses propres variables de base
 * pour garantir que le Toast et le Flou s'affichent correctement quel que soit le thème (Divi, Astra, etc.).
 */

/* ============================================================================
   1. VARIABLES DE BASE (FALLBACK AUTONOME)
   ============================================================================
   Définition locale pour assurer la cohérence si le thème n'a pas les variables.
*/

:root {
    --lc-color-primary: #2271b1; /* Peut être surchargé par la charte Comédillienne */
    --lc-color-primary-hover: #135e96;
    --lc-color-danger: #d63638;
    --lc-text-main: #333333;
    --lc-bg-warning: #fffbcc;
    --lc-border-warning: #f0b046;
    --lc-radius-std: 4px;
    --lc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* ============================================================================
   2. LIEN PROTÉGÉ (JavaScript Activé)
   ============================================================================
   Applique les restrictions de sélection et de drag&drop.
   Compatible avec les styles de liens Divi par défaut.
*/

a.lc-protected-email {
    color: var(--lc-color-primary);
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s ease, text-decoration 0.2s ease;
    cursor: pointer;
    /* Empêche la sélection du texte pour éviter le copier-coller par les bots simples */
    user-select: none; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a.lc-protected-email:hover,
a.lc-protected-email:focus {
    color: var(--lc-color-primary-hover);
    text-decoration: none;
    outline: 2px solid var(--lc-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* ============================================================================
   3. FALLBACK NO-JS (Notification Sécurisée)
   ============================================================================
   Message temporaire en bas de l'écran ou intégré au flux.
   NOTE CRITIQUE : Ces styles sont la base. Le fichier class-core.php injecte dynamiquement
   un bloc <style> avec des !important dans le <head> pour garantir que
   aucun thème (y compris Divi avec ses overrides agressifs) ne puisse écraser cette notification.
*/

.lc-ep-nojs-notice {
    border: 1px solid var(--lc-border-warning);
    background-color: var(--lc-bg-warning);
    padding: 12px 15px;
    margin: 15px 0;
    border-radius: var(--lc-radius-std);
    color: var(--lc-text-main);
    font-size: 14px;
    line-height: 1.5;
    max-width: 600px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    font-family: var(--lc-font-family);
}

.lc-ep-nojs-notice p {
    margin: 0 0 8px 0;
    font-weight: 600;
    color: inherit;
}

.lc-ep-nojs-notice a {
    color: var(--lc-color-primary);
    text-decoration: underline;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.lc-ep-nojs-notice a:hover,
.lc-ep-nojs-notice a:focus {
    color: var(--lc-color-primary-hover);
    text-decoration: none;
}

/* Flèche du lien */
.lc-ep-nojs-notice a::after {
    content: '→';
    font-weight: bold;
    transition: transform 0.2s ease;
}

.lc-ep-nojs-notice a:hover::after {
    transform: translateX(4px);
}

/* ============================================================================
   4. WIDGET (Sidebar & Footer Divi)
   ============================================================================
*/

.lc-ep-widget {
    margin-bottom: 20px;
}

.lc-ep-widget .widget-title {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    color: var(--lc-text-main);
}

/* ============================================================================
   5. ACCESSIBILITÉ (Focus & Contraste)
   ============================================================================
*/

/* S'assurer que le focus est toujours visible pour la navigation clavier */
a.lc-protected-email:focus-visible,
.lc-ep-nojs-notice a:focus-visible {
    outline: 3px solid var(--lc-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Mode contraste élevé (si supporté par le navigateur/OS) */
@media (prefers-contrast: more) {
    a.lc-protected-email {
        text-decoration-thickness: 2px;
    }
    
    .lc-ep-nojs-notice {
        border-width: 2px;
    }
}

/* ============================================================================
   6. RESPONSIVE MOBILE
   ============================================================================
*/

@media (max-width: 600px) {
    .lc-ep-nojs-notice {
        margin: 10px 0;
        padding: 10px;
        font-size: 13px;
    }
    
    .lc-ep-nojs-notice a {
        font-size: 13px;
    }
}

/* ============================================================================
   7. HONEYPOT (LEURRE ANTI-BOT)
   ============================================================================
   Cache le faux email injecté pour les humains, mais le laisse visible
   dans le code source HTML pour les robots spammeurs.
   Préfixe lc-ep pour éviter conflits.
*/

.lc-ep-honeypot {
    position: absolute !important;
    left: -9999px !important; /* Hors écran */
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important; /* Double sécurité : n'affiche rien du tout */
    pointer-events: none !important;
}