/* 
 * DOCUMENTATION JP — CSS RÉORGANISÉ
 * ----------------------------------------------------------
 * Fichier : assets/css/profiles/jpds-profile-service.css
 * Rôle : Profil JPDS des pages Service.
 *
 * Lecture conseillée :
 * 1. fondations et structure du composant ;
 * 2. éléments internes et états ;
 * 3. adaptations responsive et compatibilité.
 *
 * IMPORTANT : l'ordre de cascade est volontairement préservé lorsqu'un déplacement
 * pourrait modifier le rendu. Les doublons retirés sont uniquement ceux dont une
 * déclaration strictement identique existe plus loin dans le même contexte CSS.
  */

/* * FICHIER CSS RÉORGANISÉ
 * Fichier : assets/css/profiles/jpds-profile-service.css
 * Rôle : Système de design et composants partagés.
 *
 * Organisation :
 * 1. Styles de base du module
 * 2. États et interactions
 * 3. Adaptations responsives, dans l’ordre du fichier d’origine
 *
 * Maintenance : l’ordre des règles est conservé afin de respecter la cascade CSS.
 * Les doublons strictement identiques dans un même bloc ont été supprimés. */

/* *
 * jpds-profile-service.css
 * Rôle : Pages de service.
 *
 * Organisation du fichier :
 * 1. Variables et fondations éventuelles
 * 2. Structure principale du composant
 * 3. États, variantes et interactions
 * 4. Adaptations responsives
 *
 * Les doublons strictement identiques ont été supprimés. Les surcharges
 * volontaires et les fallbacks compatibles ont été conservés pour ne pas
 * modifier le rendu ou le comportement existant. */

/* Profil Service */

.jpds-service-grid {
        display: grid;
        grid-template-columns: repeat(7,minmax(0,1fr));
        gap: 12px;
        width: min(var(--jp-container-wide),calc(100% - 42px));
        margin: 0 auto 38px;
}

/*  CIBLE — Pages Service : .jpds-service-section  */

.jpds-service-section {
        width: min(var(--jp-container-wide),calc(100% - 42px));
        margin: 0 auto 38px;
}

/*  CIBLE — Pages Service : .jpds-service-section h2  */

.jpds-service-section h2 {
        text-align: center;
        color: var(--jp-blue);
        font-size: 28px;
        font-weight: 950;
}

/*  CIBLE — Pages Service : .jpds-service-section h2 span  */

.jpds-service-section h2 span {
        color: var(--jp-main,var(--jp-orange));
}

/* ==========================================================================
   Adaptation responsive : (max-width:1500px)
   ========================================================================== */

@media (max-width:1500px) {
        /*  CIBLE — Pages Service : .jpds-service-grid  */
        .jpds-service-grid {
            grid-template-columns: repeat(6,minmax(0,1fr));
    }
}

/* ==========================================================================
   Adaptation responsive : (max-width:1280px)
   ========================================================================== */

@media (max-width:1280px) {
        /*  CIBLE — Pages Service : .jpds-service-grid  */
        .jpds-service-grid {
            grid-template-columns: repeat(5,minmax(0,1fr));
    }
}

/* ==========================================================================
   Adaptation responsive : (max-width:1100px)
   ========================================================================== */

@media (max-width:1100px) {
        /*  CIBLE — Pages Service : .jpds-service-grid  */
        .jpds-service-grid {
            grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

/* ==========================================================================
   Adaptation responsive : (max-width:900px)
   ========================================================================== */

@media (max-width:900px) {
        /*  CIBLE — Pages Service : .jpds-service-grid  */
        .jpds-service-grid {
            grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

/* ==========================================================================
   Adaptation responsive : (max-width:680px)
   ========================================================================== */

@media (max-width:680px) {
        /*  CIBLE — Pages Service : .jpds-service-grid  */
        .jpds-service-grid {
            grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

/* ==========================================================================
   Adaptation responsive : (max-width:480px)
   ========================================================================== */

@media (max-width:480px) {
        /*  CIBLE — Pages Service : .jpds-service-grid  */
        .jpds-service-grid {
            grid-template-columns: 1fr;
    }
}