/*
 * My Shortcodes — Feuille de style principale
 * Contient les styles de base de chaque shortcode.
 * Tu peux surcharger ces styles depuis ton thème sans modifier ce fichier.
 */

/* ─── [msc_texte] ──────────────────────────────────────────────────────────── */

.msc-texte {
    box-sizing: border-box;
    max-width: 100%;
}

/* ─── [msc_citation] ────────────────────────────────────────────────────────── */

.msc-citation {
    border-radius: 2px;
    max-width: 100%;
    /* La bordure gauche et les couleurs sont gérées en inline par PHP
       pour respecter les paramètres de l'utilisateur */
}

/* ─── [msc_horloge] ─────────────────────────────────────────────────────────── */

.msc-horloge {
    display: inline-block;
    max-width: 100%;
}

.msc-horloge__date {
    font-weight: 500;
}

.msc-horloge__sep {
    opacity: 0.4;
}

.msc-horloge__heure {
    font-variant-numeric: tabular-nums; /* évite le saut de layout à chaque seconde */
    font-weight: 600;
}

/* ─── [msc_calendar] ────────────────────────────────────────────────────────── */

.msc-calendar {
    max-width: 100%;
    font-family: inherit; /* hérite la police du thème */
}

/* Colonne icône : centrée verticalement sur le titre */
.msc-calendar__icone {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* Colonne corps : prend tout l'espace restant */
.msc-calendar__corps {
    flex: 1;
    min-width: 0;
}

/* Supprime les marges et <br> parasites générés par wpautop
   sur le premier et dernier enfant du bloc — technique de Shortcodes Ultimate */
.msc-calendar__corps > *:first-child { margin-top: 0 !important; }
.msc-calendar__corps > *:last-child  { margin-bottom: 0 !important; }
.msc-calendar__corps > br:first-child,
.msc-calendar__corps > br:last-child  { display: none; }

/* Reset des marges des <p> générés par wpautop à l'intérieur des divs */
.msc-calendar__titre p,
.msc-calendar__texte p { margin: 0; padding: 0; }

/* Reset des listes <ul>/<ol> dont le thème gonfle les marges */
.msc-calendar__texte ul,
.msc-calendar__texte ol  { margin: 0; padding-left: 1.2em; }
.msc-calendar__texte li  { margin: 0; padding: 0; }

/* ─── [msc_semainier] ───────────────────────────────────────────────────────── */

.msc-semainier {
    max-width: 100%;
    font-family: inherit;
}

/* Reset marges wpautop */
.msc-semainier__titre p,
.msc-semainier__texte p { margin: 0; padding: 0; }

/* Reset listes */
.msc-semainier__texte { list-style: none !important; }
.msc-semainier__texte ul,
.msc-semainier__texte ol  { margin: 0; padding-left: 1.2em; }
.msc-semainier__texte li  { margin: 0; padding: 0; }
@media (max-width: 400px) {
    .msc-calendar {
        flex-direction: column;
        gap: 8px !important;
    }
}