/**
 * ========================================================================
 * PROJET      : LOOM-CMS
 * VERSION     : 1.0.12
 * CLIENT      : CRPMEM de La Reunion
 * MODULE      : CSS - Section Partenaires financiers (Frontend Homepage)
 * SOCIETE     : LOOM DIGITAL
 * ========================================================================
 *
 * Styles de la section partenaires financiers sur la homepage.
 * Logos en couleurs sur fond transparent, flex-wrap centré.
 * Passe sur 2 lignes naturellement si > 5 logos.
 * Pas de titre (demande client CRPMEM).
 *
 * CHARGEMENT : Conditionnel dans /public/index.php
 *   → Charge uniquement si $activePartners non vide
 *
 * CONVENTIONS :
 * - BEM-like : .section-partners, .partners-logo-strip, .partners-logo-item
 * - Pas d'accents dans noms de classes (DIRECTIVES 3.1)
 * - Couleurs CRPMEM : teal #015f68 (foncé), #007489 (clair)
 * - Pas de !important sauf override Bootstrap documenté
 *
 * ACCESSIBILITÉ RGAA AAA :
 * - Focus visible sur liens (outline 3px)
 * - prefers-reduced-motion : désactive transitions
 * - Contrastes conformes (logos en couleurs sur fond neutre)
 *
 * @author  Riley / LOOM DIGITAL
 * @version 1.0.12
 * @date    2026-03-24
 * ========================================================================
 */

/* =======================================================================
   SECTION WRAPPER
   ======================================================================= */

.section-partners {
    background-color: #f6f7f9;
    border-top: 1px solid rgba(1, 95, 104, 0.08);
}

/* =======================================================================
   LOGO STRIP — Flexbox centré, wrap naturel sur 2+ lignes
   ======================================================================= */

.partners-logo-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem 3rem;
}

/* =======================================================================
   LOGO ITEM — Carte blanche individuelle (lien ou span)
   ======================================================================= */

.partners-logo-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    /* FIX v1.0.12 (2026-03-24) : Fond transparent (logos PNG transparents)
     * Ancien : background-color: #ffffff + box-shadow carte blanche
     * Nouveau : transparent, logos flottent sur le fond gris de la section */
    background-color: transparent;
    transition: opacity 0.2s ease, transform 0.2s ease;
    text-decoration: none;
}

/* Hover uniquement sur les liens cliquables */
a.partners-logo-item:hover,
a.partners-logo-item:focus-visible {
    opacity: 0.9;
    transform: scale(1.04);
}

/* Focus visible — accessibilité clavier (RGAA) */
a.partners-logo-item:focus-visible {
    outline: 3px solid #007489;
    outline-offset: 4px;
}

/* =======================================================================
   LOGO IMAGE — Harmonisation hauteur via max-height
   ======================================================================= */

.partners-logo-img {
    display: block;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */

/* Mobile */
@media (max-width: 575.98px) {
    .partners-logo-strip {
        gap: 1.25rem 1.5rem;
    }

    .partners-logo-img {
        max-height: 70px;
    }

    .partners-logo-item {
        padding: 0.75rem 1rem;
    }
}

/* Tablette */
@media (min-width: 576px) and (max-width: 991.98px) {
    .partners-logo-strip {
        gap: 1.5rem 2rem;
    }

    .partners-logo-img {
        max-height: 80px;
    }
}

/* =======================================================================
   ACCESSIBILITÉ — Reduced motion
   ======================================================================= */

@media (prefers-reduced-motion: reduce) {
    .partners-logo-item {
        transition: none;
    }

    a.partners-logo-item:hover,
    a.partners-logo-item:focus-visible {
        transform: none;
    }
}

/**
 * ========================================================================
 * SIGNATURE NUMERIQUE LOOM-CMS
 * ========================================================================
 * Module      : CSS - Section Partenaires (Frontend)
 * Emplacement : /assets/css/partners-section.css
 * Version     : 1.0.12
 * Date        : 2026-03-24
 * Auteur      : Riley / LOOM DIGITAL
 * ========================================================================
 *
 * FIX v1.0.12 (2026-03-24) - FOND TRANSPARENT LOGOS PARTENAIRES :
 * [x] background-color: #ffffff → transparent (logos PNG transparents)
 * [x] box-shadow supprimee (plus de carte blanche)
 * [x] Hover/focus : scale + opacity preserves, box-shadow retiree
 * [x] prefers-reduced-motion : box-shadow retiree
 *
 * CLASSES DEFINIES :
 * [x] .section-partners — wrapper section (fond gris neutre, bordure teal)
 * [x] .partners-logo-strip — conteneur flex centré avec wrap
 * [x] .partners-logo-item — conteneur logo (fond transparent, padding)
 * [x] .partners-logo-img — image logo (max-height 100px, width auto)
 *
 * RESPONSIVE :
 * [x] Mobile (<576px) : max-height 70px, gap 1.25rem
 * [x] Tablette (576-991px) : max-height 80px, gap 1.5rem
 * [x] Desktop (>992px) : max-height 100px, gap 3rem
 *
 * ACCESSIBILITÉ :
 * [x] Focus visible 3px outline #007489 (teal CRPMEM)
 * [x] prefers-reduced-motion : transitions désactivées
 * [x] Fond transparent (logos PNG transparents sur gris section)
 * [x] Hover : ombre élevée + scale (liens cliquables uniquement)
 *
 * SIMPLIFICATION v1.0.12 (2026-03-17) :
 * [x] Suppression mode marquee/défilement (over-engineered pour 6-8 logos)
 * [x] Retour flex-wrap simple : 2 lignes naturelles si > 5 logos
 * [x] Suppression @keyframes, --scroll, scroll-duplicate, overflow hidden
 * [x] Pattern Bretagne Pêches : sobre, institutionnel, professionnel
 *
 * Hash : SHA256-PARTNERS-SECTION-CSS-20260324-TRANSPARENT
 * ========================================================================
 */