/* ADIL — Public CSS
 *
 * Ces règles s'appliquent dans les DEUX modes du shortcode :
 *  - mode naturel (par défaut) : .adil94-canvas n'a pas de style inline
 *    particulier, le contenu suit le flux normal ;
 *  - mode recadrage (avancé)   : .adil94-canvas est positionné en absolu
 *    par le shortcode (voir class-shortcode.php).
 */

/* Fenêtre visible (= #ai-div-{id} chez iframepro en mode recadrage) */
.adil94-viewport {
    display: block;
    box-sizing: border-box;
    max-width: 100%;       /* responsive : ne dépasse jamais le conteneur parent */
}

/* Zone de contenu (= #{id} chez iframepro en mode recadrage) */
.adil94-canvas {
    box-sizing: border-box;
}

/* Adaptation responsive SANS iframe : un <iframe> a son propre viewport
 * indépendant, donc le CSS ANIL à l'intérieur réagit naturellement à SA
 * largeur à lui. Ici, le contenu ANIL est injecté directement dans la page
 * ADIL : sans ce qui suit, ses @media réagiraient à la largeur du viewport
 * du NAVIGATEUR, pas à la place réellement disponible dans la colonne
 * d'ADIL. container-type transforme .adil94-canvas en repère de mesure ;
 * class-shortcode.php (scope_css / media_to_container) convertit de son
 * côté les @media d'ANIL basés sur la largeur en @container adil-anil, qui
 * mesurent cette boîte plutôt que le viewport. Résultat : les grilles de
 * cartes ANIL passent en mode "tablette"/"téléphone" selon la place
 * réellement disponible ici, pas selon la taille de la fenêtre du visiteur. */
.adil94-canvas {
    container-type: inline-size;
    container-name: adil-anil;
}

/* Filet de sécurité anti-débordement (corrige les "blocs tronqués") :
 * certaines pages ANIL utilisent des grilles de cartes/rangées (largeur
 * fixe ou flex sans retour à la ligne) pensées pour la pleine largeur du
 * site anil.org. Dans la colonne, plus étroite, d'ADIL, cette rangée peut
 * déborder de son conteneur ; si un ancêtre masque le débordement
 * (overflow:hidden, sur le thème ADIL ou sur ANIL lui-même), le morceau qui
 * dépasse devient invisible plutôt que tronqué proprement.
 * On force ici un débordement DÉFILABLE plutôt que caché : rien n'est plus
 * jamais perdu, au pire on peut faire glisser horizontalement. */
.adil94-canvas {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Sécurité : évite qu'une image plus large que son conteneur ne déborde
   (utile surtout si import_css="no", donc sans le CSS d'origine d'ANIL). */
.adil94-canvas img {
    max-width: 100%;
    height: auto;
}

/* Fallback erreur */
.adil94-anil-error {
    background: #fff8e1;
    border-left: 4px solid #f9a825;
    padding: 12px 16px;
    border-radius: 3px;
}
.adil94-anil-error p {
    margin: 0;
    color: #555;
    font-style: italic;
}

/* Tableaux ANIL (si le CSS ANIL n'est pas importé) */
.adil94-canvas table  { border-collapse:collapse; width:100%; margin:1em 0; }
.adil94-canvas th,
.adil94-canvas td     { border:1px solid #ddd; padding:8px 12px; text-align:left; }
.adil94-canvas th     { background:#f5f5f5; font-weight:600; }
.adil94-canvas tr:nth-child(even) td { background:#fafafa; }