/**
 * EAL Plugin Stylesheet
 * Centralized variables and reorganized sections
 */

:root {
    /* Primary Theme Colors (Red) */
    --eal-primary: #A60000;
    --eal-primary-hover: #FF0000;
    --eal-primary-soft: #FFEDED;
    --eal-primary-shadow: #FFD6D6;
    
    /* Status Colors */
    --eal-success: #28a745;
    --eal-success-bg: #d4edda;
    --eal-success-border: #c3e6cb;
    --eal-success-text: #155724;
    
    --eal-warning: #f0ad4e;
    --eal-warning-bg: #fff3cd;
    --eal-warning-border: #ffeeba;
    --eal-warning-text: #856404;
    
    --eal-danger: #d9534f;
    --eal-danger-bg: #fffafa;
    --eal-danger-error-bg: #ffbaba;
    --eal-danger-error-text: #d8000c;
    
    --eal-info: #007bff;
    --eal-info-hover: #0056b3;
    
    /* Greyscale & Borders */
    --eal-gray-dark: #333;
    --eal-gray-medium: #555;
    --eal-gray-light: #f8f9fa;
    --eal-gray-border: #ddd;
    --eal-gray-bg: #f2f2f2;
    --eal-gray-soft: #eee;
    
    /* Highlights & Special */
    --eal-tag-pink: #d63384;
    --eal-highlight-1: #fff574;
    --eal-highlight-2: #FFF899;
    --eal-highlight-3: #FFFBC3;
}

/* --- 1. General & Utility classes --- */
.unimarc { font-family: courier, courier new, serif; font-size: 1em; }
.handi { font-size: 1.1em; }
.ttiki { font-size: 0.85em; opacity: 0.8; }
.ulVar1 { list-style-type: disc; margin-left: 1.5em; }
.eal-w50 { width: 50%; }
.eal-w350 { width: 350px; }
.testclass { padding-left: 0; }

.ealh1 { display: inline-block; width: 100%; }
.ealh1 h1 { float: left; }
.azken { width: 100%; }
.h4Azken { margin-bottom: 0; }

/* Surlignage */
.hori { background: var(--eal-highlight-1); }
.hori2 { background: var(--eal-highlight-2); }
.hori3 { background: var(--eal-highlight-3); }

/* Tables Intro/Beste */
.tableIntro, .tableBeste { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.tableIntro td { padding: 4px; vertical-align: top; }
.tableBeste tr:nth-child(even) { background: var(--eal-gray-bg); }
.tableBeste td { padding: 0.5em 1em 0.5em 0.5em; }
.eal-kom-cell { max-width: 150px; font-size: 0.8em; color: var(--eal-gray-medium); }


/* --- 2. Search & Landing (Recherche) --- */
.koadro5 { text-align: center; }
.divCenter2 {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 1em auto;
    padding: 0.5em;
    border-radius: 0.5em;
    background: var(--eal-primary-soft);
    box-shadow: 5px 5px 15px 5px var(--eal-primary-shadow);
    transition: all 0.3s ease-out;
}
.divCenter2:hover {
    background: var(--eal-primary-shadow);
    box-shadow: 5px 5px 15px 5px var(--eal-primary-soft);
}
.h2bilatu { text-align: left; color: var(--eal-primary); margin: 0; }

#bilaketanagusia .search.text {
    width: 90%;
    padding: 20px;
    border: 2px solid var(--eal-primary);
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease-in-out;
}
#bilaketanagusia .search.text:focus {
    border-color: var(--eal-primary-hover);
    box-shadow: 0 0 5px rgba(166, 0, 0, 0.5);
}
#bilaketanagusia .btn.submit {
    background-color: var(--eal-primary);
    color: white;
    border: none;
    padding: 6px 15px;
    margin-left: 5px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}
#bilaketanagusia .btn.submit:hover { background-color: var(--eal-primary-hover); }

/* --- 3. Form Styling (SPIP) --- */
.formulaire_spip label { display: block; margin-bottom: 5px; font-weight: bold; color: var(--eal-gray-dark); }
.formulaire_spip input[type="text"],
.formulaire_spip input[type="email"],
.formulaire_spip input[type="password"],
.formulaire_spip textarea,
.formulaire_spip select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
}
.formulaire_spip input[type="submit"],
.formulaire_spip button {
    background-color: var(--eal-primary);
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease-in-out;
    line-height: 0.8em;
}
.formulaire_spip input[type="submit"]:hover,
.formulaire_spip button:hover { background-color: var(--eal-primary-hover); }

.formulaire_spip .erreur,
.formulaire_spip .error {
    color: var(--eal-danger-error-text);
    background-color: var(--eal-danger-error-bg);
    border: 1px solid var(--eal-danger-error-text);
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 0.9em;
}

/* --- 4. Progress Bars & Live Logs --- */
#zone-envoi { width: 500px; max-width: 100%; }
#texte-compteur { margin-bottom: 8px; }
.eal-progress-flex { display: flex; align-items: center; gap: 10px; }
.eal-progress-inner { flex: 1; height: 20px; background: #e0e0e0; border-radius: 10px; overflow: hidden; }
#barre-progression { width: 0%; height: 100%; background: #4caf50; transition: width 1s linear; }
#stop-envoi { padding: 8px 12px; border: none; border-radius: 5px; background: var(--eal-danger); color: white; cursor: pointer; white-space: nowrap; }
.is-stopped { background: #999 !important; cursor: default !important; }

.eal-progress-bidean { max-height: 300px; overflow: auto; white-space: pre-wrap; font-family: monospace; }
.eal-progress-line { padding: 2px 0; }

/* URL Checks */
.eal-url-check { margin-left: 0.35em; font-size: 0.95em; }
.eal-url-ok { color: green; }
.eal-url-ko { color: red; }

/* --- 5. Audit & Statistics (babestu.html) --- */
.babestu-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.babestu-table th { background: var(--eal-gray-bg); text-align: left; padding: 8px; border: 1px solid var(--eal-gray-border); }
.babestu-table td { padding: 8px; border: 1px solid var(--eal-gray-border); vertical-align: top; }
.babestu-table caption { background: var(--eal-gray-soft); color: var(--eal-gray-dark); font-weight: bold; padding: 5px; text-align: left; border: 1px solid var(--eal-gray-border); border-bottom: none; margin-top: 10px; }

.tag-name { color: var(--eal-tag-pink); font-family: monospace; font-size: 0.85em; background: var(--eal-gray-light); padding: 2px 4px; border-radius: 3px; border: 1px solid var(--eal-gray-soft); }
.eal-audit-raw-xml { background: var(--eal-gray-light); border-left: 5px solid #ccc; padding: 10px; font-family: monospace; font-size: 0.9em; overflow-x: auto; white-space: pre-wrap; margin-bottom: 20px; }

.eal-audit-col-label { width: 30%; }
.eal-audit-col-tag { width: 15%; }
.eal-audit-col-val { width: 35%; }

.progress-bar-container { display: inline-block; width: 60px; height: 10px; background: var(--eal-gray-soft); border: 1px solid #ccc; border-radius: 2px; margin-right: 8px; vertical-align: middle; overflow: hidden; }
.progress-bar-fill { height: 100%; background: #4caf50; }

/* Audit Buttons */
.eal-audit-actions-top { margin-bottom: 20px; }
.btn-transfert { display: inline-block; background: var(--eal-info); color: #fff; border: none; padding: 2px 6px; border-radius: 3px; font-size: 10px; cursor: pointer; vertical-align: middle; margin-left: 10px; text-decoration: none; font-weight: normal; }
.btn-transfert:hover { background: var(--eal-info-hover); color: #fff; }
.btn-clean { background: var(--eal-success); font-size: 12px; padding: 5px 10px; }
.btn-sample { background: var(--eal-warning); margin-left: 5px; }

/* Audit Messages */
.eal-audit-msg-success { background: var(--eal-success-bg); border-color: var(--eal-success-border); color: var(--eal-success-text); padding: 15px; margin-bottom: 20px; border-radius: 4px; border: 1px solid transparent; }
.eal-audit-msg-clean { background: var(--eal-warning-bg); border-color: var(--eal-warning-border); color: var(--eal-warning-text); padding: 15px; margin-bottom: 20px; border-radius: 4px; border: 1px solid transparent; }

/* Audit Orphans Section */
.eal-audit-box-orphan { border: 2px solid var(--eal-danger); margin-top: 30px; border-radius: 4px; overflow: hidden; }
.eal-audit-orphan-title { color: var(--eal-danger); padding: 10px; margin: 0; background: var(--eal-danger-bg); border-bottom: 1px solid var(--eal-danger); text-transform: none; }
.eal-audit-row-orphan { background: var(--eal-danger-bg); }
.eal-audit-label-orphan { color: var(--eal-danger); font-weight: bold; }
.eal-audit-progress-orphan { background: var(--eal-danger); }
.btn-orphan-transfer { background: var(--eal-danger); }