/* =========================================
   Frise Chronologique — frise-chronologique.css
   Reprend le design du Code Block d'origine.
   ========================================= */

.frise-tl *{box-sizing:border-box;margin:0;padding:0}
.frise-tl{width:100%;font-family:inherit}
.frise-tl .frise-desktop{width:100%}
.frise-tl .frise-row-top,
.frise-tl .frise-row-bot,
.frise-tl .frise-row-arrows{display:flex;width:100%}
.frise-tl .frise-cell{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}
.frise-tl .frise-cell-top{justify-content:flex-end}
.frise-tl .frise-cell-bot{justify-content:flex-start}

.frise-tl .frise-card{border:1.5px solid #a8d8dc;border-radius:4px;padding:12px 14px;background:#fff;width:92%;font-size:13.5px;line-height:1.6;color:#444}
.frise-tl .frise-card b{display:block;font-weight:700;font-size:14px;color:#1a1a1a;margin-bottom:5px}
.frise-tl .frise-card p{margin:0 0 6px}
.frise-tl .frise-card p:last-child{margin-bottom:0}

.frise-tl .frise-conn{width:2px;height:30px;flex-shrink:0}
.frise-tl .frise-arrow{width:100%;height:68px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(14px,2.2vw,26px);color:#1a1a1a}
.frise-tl .frise-ph{width:100%;min-height:30px}

/* MOBILE */
.frise-tl .frise-mobile{display:none}
.frise-tl .frise-mob-item{display:flex;align-items:stretch}
.frise-tl .frise-mob-left{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0}
.frise-tl .frise-mob-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:5px}
.frise-tl .frise-mob-line{width:2px;flex:1;min-height:16px;opacity:.6}
.frise-tl .frise-mob-arrow{height:46px;border-radius:4px;display:flex;align-items:center;padding-left:16px;font-weight:800;font-size:22px;color:#1a1a1a;width:100%}
.frise-tl .frise-mob-card{border:1.5px solid #a8d8dc;border-radius:4px;padding:10px 12px;background:#fff;font-size:13px;line-height:1.55;color:#444;margin:8px 0 0 0}
.frise-tl .frise-mob-card b{display:block;font-weight:700;color:#1a1a1a;margin-bottom:3px}
.frise-tl .frise-mob-card p{margin:0 0 6px}
.frise-tl .frise-mob-card p:last-child{margin-bottom:0}
.frise-tl .frise-mob-content{flex:1;padding:0 0 16px 12px}

@media(max-width:640px){
  .frise-tl .frise-desktop{display:none}
  .frise-tl .frise-mobile{display:block}
}

/* Lien d'édition (visible uniquement pour les éditeurs connectés) */
.frise-edit-link{text-align:right;margin:0 0 6px;font-size:12px}
.frise-edit-link a{display:inline-block;padding:4px 10px;background:#f0f0f1;border:1px solid #c3c4c7;border-radius:4px;color:#2271b1;text-decoration:none}
.frise-edit-link a:hover{background:#2271b1;color:#fff}
