/* ══ DESIGN TOKENS SD INGÉNIERIE ═════════════════════════════════
   Charte graphique contractuelle SDI : bleu marine / bleu nuit / teal.
   Les noms de variables --sk-* sont conservés (couplage avec les
   autres feuilles du thème) mais les valeurs sont celles de SDI.
═══════════════════════════════════════════════════════════════ */
:root {
    /* Couleurs */
    --sk-pk:      #00A6B4; /* accent teal — CTA, liens actifs, icônes */
    --sk-pk-d:    #00838F; /* teal foncé — hover */
    --sk-pk-l:    #33B8C4; /* teal clair */
    --sk-pk-a:    rgba(0, 166, 180, .08);
    --sk-pk-glow: rgba(0, 166, 180, .25);
    --sk-nv:      #02254F; /* bleu marine — fonds sombres, titres */
    --sk-nv-2:    #1E3A5F; /* bleu nuit — textes structurants, bordures secondaires */
    --sk-nv-l:    #1E3A5F;
    --sk-mu:      #667085; /* gris neutre — textes secondaires */
    --sk-mu-l:    #98A2B3;
    --sk-bd:      rgba(13, 29, 45, .08);
    --sk-ow:      #FDFDFE;
    --sk-wh:      #ffffff;
    --sk-bg:      #EEF2F6; /* fond clair — sections alternées */

    /* Ombres */
    --sk-shadow:   0 2px 16px rgba(13, 29, 45, .07);
    --sk-shadow-h: 0 8px 32px rgba(13, 29, 45, .13);

    /* Rayons */
    --sk-r:    1.25rem;
    --sk-r-sm: 10px;

    /* Polices */
    --sk-font-title: 'Poppins', sans-serif;
    --sk-font-body:  'Inter', sans-serif;
}

/* ══ UTILITAIRES D'ALIGNEMENT GUTENBERG ══════════════════════════
   wp-block-library (CSS natif WordPress) est désactivé pour la perf
   (voir inc/blocks.php), donc ces classes utilitaires standard ne
   sont plus fournies par défaut : on les redéfinit ici pour que tout
   texte marqué has-text-align-* s'aligne réellement, pas seulement
   quand un style inline redondant est présent. */
.has-text-align-center {
    text-align: center;
}

.has-text-align-left {
    text-align: left;
}

.has-text-align-right {
    text-align: right;
}

/* ══ RESET & BASE ══════════════════════════════════════════════ */

/* Élimine le délai 300ms touch */
a, button, [role="button"], input[type="submit"], label {
    touch-action: manipulation;
}

body {
    font-family: var(--sk-font-body);
    color: var(--sk-mu);
    background: #fff;
    margin: 0;
    padding: 0;
}

table {
    margin-block-end: 0 !important;
}

/* Padding-top pour compenser le header fixe (118px desktop + tablet) */
@media (min-width: 769px) {
    .sk-page-content {
        padding-top: 118px;
    }
}

/* ══ TYPOGRAPHY ════════════════════════════════════════════════ */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sk-font-title);
    color: var(--sk-nv);
    line-height: 1.15;
}

h2 {
    font-size: 40px !important;
    font-weight: 700 !important;

}

h1 em, h2 em {
    font-style: normal;
    color: var(--sk-pk);
}

p {
    font-family: var(--sk-font-body);
    line-height: 1.7;
}

a {
    color: var(--sk-pk);
}

/* ══ SKIP LINK ════════════════════════════════════════════════ */
.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 9999;
    padding: .5rem 1rem;
    background: var(--sk-nv);
    color: #fff;
    font-size: .85rem;
}

.skip-link:focus {
    top: 0;
}

/* ══ ANIMATIONS ═══════════════════════════════════════════════ */
@keyframes ddIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes skCardIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes simple-glow {
    0%   { opacity: 0.3; }
    50%  { opacity: 1; }
    100% { opacity: 0.3; }
}