/*
 * Association Manager — Harmonisation avec le thème Français de Karlsruhe
 * Ce fichier surcharge les variables et styles du plugin pour qu'ils
 * correspondent aux couleurs et à la typographie du thème FDK.
 * NE PAS modifier les fichiers du plugin directement.
 */

/* =============================================
   1. VARIABLES — remplace les couleurs du plugin
      par celles du thème FDK
   ============================================= */
:root {
    /* Couleur primaire : bleu marine FDK au lieu du bleu électrique */
    --asso-primary:      var(--fdk-navy);        /* #1a3a6b */
    --asso-primary-dark: var(--fdk-navy-dark);   /* #122a52 */

    /* Fond & texte : reprend les neutres FDK */
    --asso-bg:           var(--fdk-off-white);   /* #f7f8fc */
    --asso-card-bg:      var(--fdk-white);       /* #ffffff */
    --asso-border:       var(--fdk-gray-200);    /* #e2e8f0 */
    --asso-text:         var(--fdk-text);        /* #1e293b */
    --asso-muted:        var(--fdk-gray-600);    /* #475569 */

    /* Rayon : légèrement réduit pour coller au style FDK */
    --asso-radius:       var(--fdk-radius);      /* 8px */

    /* Auth — variables spécifiques à la page connexion/inscription */
    --asso-blue-900: var(--fdk-navy-dark);
    --asso-blue-700: var(--fdk-navy);
    --asso-blue-600: var(--fdk-navy);
    --asso-blue-500: var(--fdk-blue);
    --asso-blue-400: var(--fdk-blue-light);
    --asso-blue-100: var(--fdk-gray-200);
    --asso-blue-50:  var(--fdk-gray-100);
}

/* =============================================
   2. TYPOGRAPHIE
   ============================================= */
.asso-auth-wrap,
.asso-frontend-dashboard,
.asso-dashboard-wrap,
.asso-grid,
.asso-contact-wrap {
    font-family: var(--fdk-font);
}

/* =============================================
   3. BOUTONS PRINCIPAUX
   ============================================= */

/* Bouton primaire (s'inscire, envoyer…) */
.asso-btn-primary,
.asso-dash-action-primary,
.asso-btn-auth {
    background: var(--fdk-navy);
    border-color: var(--fdk-navy);
    color: #fff;
    border-radius: var(--fdk-radius-sm);
    font-family: var(--fdk-font);
    font-weight: 600;
}
.asso-btn-primary:hover,
.asso-dash-action-primary:hover,
.asso-btn-auth:hover {
    background: var(--fdk-blue);
    border-color: var(--fdk-blue);
    color: #fff;
    box-shadow: var(--fdk-shadow);
}

/* Bouton auth (page connexion) — retire le dégradé bleu électrique */
.asso-btn-auth {
    background: var(--fdk-navy);
    box-shadow: 0 4px 14px rgba(26, 58, 107, .3);
}
.asso-btn-auth:hover {
    background: var(--fdk-blue);
    box-shadow: 0 6px 20px rgba(26, 58, 107, .4);
    transform: translateY(-1px);
}

/* Bouton outline auth */
.asso-btn-auth-outline {
    color: var(--fdk-navy);
    border-color: var(--fdk-gray-200);
}
.asso-btn-auth-outline:hover {
    background: var(--fdk-gray-100);
    color: var(--fdk-navy-dark);
}

/* Boutons secondaires / actions */
.asso-btn,
.asso-dash-action-btn,
.asso-dash-text-btn,
.asso-filter-btn,
.asso-cat-filter-btn {
    font-family: var(--fdk-font);
    border-radius: var(--fdk-radius-sm);
}

/* Bouton filtre actif — utilise l'accent doré FDK */
.asso-filter-btn.active,
.asso-cat-filter-btn.active,
.asso-filter-btn[data-cat="all"].active,
.asso-cat-filter-btn[data-cat="all"].active {
    background: var(--fdk-navy);
    border-color: var(--fdk-navy);
    color: #fff;
}

/* =============================================
   4. EN-TÊTE DE LA PAGE CONNEXION
      Remplace le dégradé bleu électrique par le
      dégradé marine FDK
   ============================================= */
.asso-auth-card-header {
    background: linear-gradient(135deg, var(--fdk-navy-dark) 0%, var(--fdk-blue) 100%);
}

/* =============================================
   5. CHAMPS DE FORMULAIRE
      Focus avec la couleur FDK au lieu du bleu électrique
   ============================================= */
.asso-field > input:focus,
.asso-input-wrap input:focus,
.asso-input:focus,
.asso-contact-form input:focus,
.asso-contact-form select:focus,
.asso-contact-form textarea:focus {
    border-color: var(--fdk-blue);
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .12);
    outline: none;
}

/* =============================================
   6. CARTES ACTIVITÉS
      Bordure hover en bleu marine FDK
   ============================================= */
.asso-activity-card:hover {
    box-shadow: var(--fdk-shadow-lg);
    border-color: var(--fdk-gray-200);
}

/* =============================================
   7. DASHBOARD — EN-TÊTE & SECTIONS
   ============================================= */
.asso-dash-header,
.asso-dash-section,
.asso-settings-panel {
    border-radius: var(--fdk-radius);
}

/* Pill de rôle — adapte les couleurs */
.role-asso_admin        { background: var(--fdk-gray-100); color: var(--fdk-navy); }
.role-asso_organisateur { background: var(--fdk-gray-100); color: var(--fdk-blue); }
.role-asso_membre       { background: var(--fdk-gray-100); color: var(--fdk-gray-600); }

/* =============================================
   8. LIEN "VOIR PLUS" & ÉLÉMENTS ACCENTUÉS
      Remplace le violet/indigo du plugin par le
      doré FDK
   ============================================= */
.asso-see-more-btn,
.asso-popup-see-more,
.asso-dash-past-details summary {
    color: var(--fdk-accent);
}
.asso-see-more-btn:hover,
.asso-popup-see-more:hover,
.asso-dash-past-details summary:hover {
    color: #c4882b;
}

/* Accent-color des checkboxes */
.asso-checkbox-label input[type=checkbox],
.asso-newsletter-toggle-label input[type=checkbox] {
    accent-color: var(--fdk-navy);
}

/* =============================================
   9. BOUTON CONTACT
   ============================================= */
.asso-contact-form .asso-btn-primary {
    background: var(--fdk-navy);
    border-radius: var(--fdk-radius-sm);
    font-family: var(--fdk-font);
    font-weight: 600;
}
.asso-contact-form .asso-btn-primary:hover {
    background: var(--fdk-blue);
}
.asso-contact-form input:focus {
    border-color: var(--fdk-blue);
    box-shadow: 0 0 0 3px rgba(42, 82, 152, .1);
}

/* =============================================
   10. UPGRADE CARD (lien devenir membre)
   ============================================= */
.asso-dash-upgrade-btn {
    color: var(--fdk-navy);
    border-color: var(--fdk-gray-200);
}
.asso-dash-upgrade-btn:hover {
    background: var(--fdk-gray-100);
}

/* =============================================
   11. MONTANT COTISATION
      Bleu électrique → bleu FDK
   ============================================= */
.asso-cotis-front-amount {
    color: var(--fdk-blue);
}