/* ==========================================================================
   COPRIUM STYLE - CONFIGURATION GÉNÉRALE
   ========================================================================== */
body {
    background-color: #C3D452 !important;
}

.syndic-container { 
    max-width: 100%; 
    width: 100%; 
    margin: 0 auto; 
    font-family: sans-serif; 
    line-height: 1.6; 
    color: #2d3748; 
}

.search-box { 
    background: #f7fafc; 
    padding: 25px; 
    border-radius: 10px; 
    margin-bottom: 25px; 
    border: 1px solid #e2e8f0; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
}

.result-item { 
    padding: 20px; 
    border: 1px solid #e2e8f0; 
    margin-bottom: 15px; 
    border-radius: 8px; 
    background: #fff; 
    transition: box-shadow 0.2s; 
}

.result-item:hover { 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); 
}

/* Bouton de tri spécifique */
.btn-sort:hover {
    background-color: #cbd5e0 !important;
    color: #2d3748 !important;
}

.premium-lock { 
    background: #fff5f5; 
    border: 1px solid #feb2b2; 
    padding: 25px; 
    color: #c53030; 
    text-align: center; 
    border-radius: 10px; 
}

/* Tableaux et résultats */
.syndic-table { 
    width: 100%; 
    border-collapse: collapse; 
    margin: 25px 0; 
    background: #fff; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	border-radius: 10px;
}

.syndic-table th, .syndic-table td { 
    padding: 12px 15px; 
    text-align: left; 
    border-bottom: 1px solid #e2e8f0; 
}

.syndic-table .label {
    background: #edf2f7; 
    font-weight: bold; 
    color: #4a5568; 
    width: 35%;
}

/* Boutons d'enrichissement Google / Pages Jaunes */
.btn-enrich {
    display: inline-block;
    padding: 8px 15px;
    background-color: #4299e1;
    color: white !important;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    font-size: 0.9em;
    font-weight: bold;
}

.btn-enrich:hover {
    background-color: #3182ce;
}

/* Formulaires d'enrichissement */
.enrich-form-container { 
    background: #f7fafc; 
    border: 1px solid #e2e8f0; 
    padding: 25px; 
    border-radius: 10px; 
    margin-top: 30px; 
}

.success-msg { 
    background: #f0fff4; 
    color: #276749; 
    padding: 15px; 
    border: 1px solid #c6f6d5; 
    border-radius: 5px; 
    margin-bottom: 20px; 
    text-align: center; 
    font-weight: bold; 
}

/* ==========================================================================
   BANDEAU UTILISATEUR (BARRE NOIRE) - VERSION CORRIGÉE FINALE
   ========================================================================== */
.user-header-bar { 
    background-color: #1a202c !important; 
    padding: 12px 25px !important;
    border-radius: 50px !important; 
    margin: 10px 0 40px 0 !important; /* Force l'espace de décalage sous la barre */
    color: #ffffff !important; 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px;
    font-size: 14px !important;
}

/* Logo */
.header-left .user-logo { 
    height: 40px; 
    width: auto; 
    display: block; 
}

.header-left {
    display: flex;
    align-items: center;
}

/* Conteneur de droite */
.header-right { 
    display: flex; 
    align-items: center; 
    gap: 20px; 
    flex-wrap: wrap;
}

/* Unification du BLANC pour tout le texte, liens et statuts */
.user-header-bar span,
.user-header-bar strong,
.user-header-bar a,
.nav-link-white,
.status-premium,
.status-freemium {
    color: #ffffff !important;
    text-decoration: none !important;
}

.nav-link-white:hover {
    text-decoration: underline !important;
    opacity: 0.8;
}

/* Alignement et comportement du lien de déconnexion */
.logout-link-white {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: opacity 0.2s;
}

.logout-link-white:hover {
    opacity: 0.7;
}

/* On s'assure que le SVG reste bien blanc */
.logout-link-white svg {
    stroke: #ffffff !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 850px) {
    .user-header-bar {
        border-radius: 20px !important;
        padding: 15px !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 600px) {
    .user-header-bar {
        justify-content: center !important;
        text-align: center !important;
    }

    .header-left, .header-right {
        justify-content: center !important;
        width: 100% !important;
    }

    .header-right {
        gap: 10px !important;
        flex-direction: column !important; /* Empilement sur mobile */
    }
}

/* ==========================================================================
   PAGE D'INSCRIPTION PERSONNALISÉE
   ========================================================================== */
.registration-card {
    max-width: 600px;
    margin: 40px auto;
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
}

.registration-card h3 {
    margin-top: 0;
    color: #1a202c;
    font-size: 24px;
    text-align: center;
}

.registration-intro {
    text-align: center;
    color: #718096;
    margin-bottom: 30px;
}

.coprium-form .form-group {
    margin-bottom: 20px;
}

.coprium-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #4a5568;
    font-size: 14px;
}

.coprium-form input[type="text"],
.coprium-form input[type="email"],
.coprium-form input[type="password"],
.coprium-form select {
    width: 100%;
    padding: 12px;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.2s;
}

.coprium-form input:focus {
    outline: none;
    border-color: #4299e1;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);
}

.form-row {
    display: flex;
    gap: 20px;
}

.form-row .form-group {
    flex: 1;
}

.form-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 25px 0;
}

.form-checkbox input {
    margin-top: 4px;
}

.form-checkbox label {
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4;
}

.btn-submit-reg {
    width: 100%;
    background-color: #2f855a;
    color: white;
    padding: 15px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-submit-reg:hover {
    background-color: #276749;
}

.error-msg {
    background: #fff5f5;
    color: #c53030;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #feb2b2;
    font-size: 14px;
}

.login-link {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
    color: #718096;
}

.login-link a {
    color: #4299e1;
    font-weight: bold;
    text-decoration: none;
}

/* Adaptabilité mobile */
@media (max-width: 600px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
    .registration-card {
        padding: 20px;
        margin: 10px;
    }
}

/* Style pour le lien "Voir les conditions" */
.terms-link-container {
    margin-top: -10px; /* On remonte un peu le lien vers la checkbox */
    margin-bottom: 25px;
    padding-left: 26px; /* Alignement avec le début du texte de la checkbox */
}

.view-terms-link {
    font-size: 12px;
    color: #4299e1;
    text-decoration: underline;
}

.view-terms-link:hover {
    color: #2b6cb0;
}

/* On s'assure que le champ adresse prend bien toute la largeur */
.coprium-form input#user_address {
    margin-bottom: 5px;
}

/* ==========================================================================
   STYLE GÉNÉRIQUE DES BOUTONS (Noir, Arrondi, Texte Blanc Bold)
   ========================================================================== */

/* On cible les boutons, les liens de tri, et les boutons de formulaire */
.syndic-container button, 
.syndic-container .sort-btn, 
.syndic-container .btn-enrich,
.btn-submit-reg,
.coprium-gateway-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 12px 25px !important;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.1s, opacity 0.2s;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Effet au survol */
.syndic-container button:hover, 
.syndic-container .sort-btn:hover, 
.syndic-container .btn-enrich:hover,
.btn-submit-reg:hover,
.coprium-gateway-btn:hover {
    opacity: 0.85;
    color: #ffffff !important;
}

/* Effet au clic */
.syndic-container button:active, 
.btn-submit-reg:active {
    transform: scale(0.98);
}

/* Ajustements spécifiques pour certains blocs */
.sort-btn {
    padding: 8px 18px !important; /* Un peu plus petit pour le tri */
    font-size: 13px;
}

.btn-enrich {
    margin: 5px;
}

/* Conteneur pour centrer le bouton d'inscription */
.submit-btn-container {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* Style forcé pour le bouton d'inscription (et tout autre bouton avec cette classe) */
.coprium-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 12px 35px !important; /* Un peu plus large pour faire joli */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.1s, opacity 0.2s;
    font-size: 16px !important; /* Légèrement plus grand pour un bouton d'action principal */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.coprium-btn:hover {
    opacity: 0.85;
}

.coprium-btn:active {
    transform: scale(0.98);
}

/* Style pour la page wp-login.php native */
.login h1 a {
    background-image: url('../images/coprium-syndic-logo-blanc-vert-200x71.png') !important;
    background-size: contain !important;
    width: 200px !important;
    height: 71px !important;
    filter: invert(1); /* Pour rendre le logo noir si l'original est blanc */
}

.login form {
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    border: 1px solid #e2e8f0 !important;
}

.login #wp-submit {
    background-color: #000 !important;
    border-radius: 50px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    font-weight: bold !important;
}

.login #nav a, .login #backtoblog a {
    color: #4a5568 !important;
}