/* ============================================================
   Fiche formation (single The Events Calendar) + wrapper TEC
   Habillage design 2027 — tokens de echofirst.css (:root)
   ============================================================ */

/* Wrapper commun single + archive : dégagement sous la nav fixe */
.evt-main{padding:132px 0 80px;background:var(--white);}
@media(max-width:760px){.evt-main{padding-top:112px;}}

/* Conteneur de la fiche */
.evt{max-width:860px;margin:0 auto;padding:0 28px;}

/* Fil d'Ariane */
.evt-crumb{font-size:13.5px;color:var(--grey);margin-bottom:26px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.evt-crumb a{color:var(--teal-ink);text-decoration:none;font-weight:600;}
.evt-crumb a:hover{text-decoration:underline;}
.evt-crumb-here{color:var(--grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52ch;}

/* En-tête */
.evt-kick{color:var(--teal);font-size:12.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.evt-title{color:var(--navy);font-size:clamp(28px,4.4vw,44px);font-weight:700;line-height:1.15;margin-bottom:20px;}
.evt-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.evt-chip{display:inline-flex;align-items:center;gap:8px;background:var(--tint);color:var(--navy);font-size:13.5px;font-weight:600;border-radius:30px;padding:8px 15px;}
.evt-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex-shrink:0;}
.evt-chip--cost{background:var(--teal-light);color:var(--teal-ink);font-weight:700;}
.evt-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:36px;}
.evt-cta{border:0;cursor:pointer;background:var(--teal);color:#fff;font-family:inherit;font-size:15px;font-weight:700;border-radius:40px;padding:14px 30px;transition:background .2s,transform .2s;}
.evt-cta:hover{background:var(--teal-dark);transform:translateY(-1px);}
.evt-alt{color:var(--teal-ink);font-size:14px;font-weight:600;text-decoration:none;}
.evt-alt:hover{text-decoration:underline;}

/* Image à la une */
.evt-figure{margin:0 0 36px;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(16,57,110,.14);}
.evt-figure img{display:block;width:100%;height:auto;}

/* Corps (contenu WYSIWYG) */
.evt-body{color:var(--ink);font-size:16.5px;line-height:1.75;}
.evt-body p{margin-bottom:1.2em;}
.evt-body h2,.evt-body h3{color:var(--navy);line-height:1.25;margin:1.6em 0 .6em;}
.evt-body h2{font-size:26px;}
.evt-body h3{font-size:20px;}
.evt-body ul,.evt-body ol{margin:0 0 1.2em 1.3em;}
.evt-body li{margin-bottom:.45em;}
.evt-body li::marker{color:var(--teal);}
.evt-body a{color:var(--teal-ink);}
.evt-body img{border-radius:16px;}
.evt-body strong{color:var(--navy);}

/* Note issue du shortcode [alerte] (plugin altitude-shortcodes absent) : encart discret */
.evt-note{margin:0 0 1.2em;padding:12px 16px;background:var(--teal-light);color:var(--teal-ink);border-radius:12px;font-size:14.5px;line-height:1.6;}
.evt-note strong{color:var(--navy);}
/* Référence DPC : ligne discrète (n'est plus un titre — audit SEO structure Hn) */
.evt-ref{margin:0 0 1.4em;font-size:13.5px;font-weight:600;color:var(--grey);letter-spacing:.02em;}
/* Panneau issu du shortcode [panneau_deroulant] (plugin altitude-shortcodes absent) :
   rendu statique toujours ouvert (contenu indexable), titre en tête */
.evt-panneau{margin:0 0 1.6em;padding:18px 20px;border:1px solid rgba(16,57,110,.14);border-radius:14px;}
.evt-panneau-titre{margin:0 0 12px;font-size:15.5px;font-weight:700;color:var(--navy);}
.evt-panneau > :last-child{margin-bottom:0;}

/* Bloc sémantique par spécialité (SSR, sous le contenu) : renforce le référencement
   « formation + spécialité » sans alourdir la fiche. Séparé du corps par un filet. */
.evt-sem{margin:44px 0 0;padding-top:30px;border-top:1px solid rgba(16,57,110,.12);}
.evt-sem h2{color:var(--navy);font-size:21px;font-weight:700;line-height:1.3;margin:0 0 12px;}
.evt-sem p{color:var(--ink);font-size:15.5px;line-height:1.75;margin:0;}
@media(max-width:600px){.evt-sem{padding-top:26px;}}

/* Pied de fiche */
.evt-foot{margin-top:44px;padding:22px 26px;background:var(--tint);border-radius:18px;font-size:14.5px;color:var(--grey);}
.evt-foot strong{color:var(--navy);}
.evt-foot a{color:var(--teal-ink);font-weight:600;}

/* Notices TEC (si affichées) au ton du design */
.evt .tribe-events-notices{background:var(--teal-light);color:var(--teal-ink);border:0;border-radius:14px;padding:14px 18px;margin-bottom:22px;}

/* ============================================================
   Archive TEC (/agenda-formations/) — skin design 2027
   Stratégie : redéfinir les custom properties TEC v2 (robuste
   aux mises à jour du plugin) + retouches ciblées légères.
   ============================================================ */

/* En-tête ajouté par tribe/events/v2/default-template.php */
.evt-archive-head{max-width:1140px;margin:0 auto 8px;padding:0 28px;}
.evt-archive-title{color:var(--navy);font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.12;margin-bottom:14px;}
.evt-archive-sub{color:var(--grey);font-size:15.5px;max-width:62ch;margin-bottom:8px;}
.evt-archive-sub a{color:var(--teal-ink);font-weight:600;}

/* Variables TEC v2 → tokens du design */
.tribe-common{
  --tec-font-family-sans-serif:'Poppins',arial,tahoma,sans-serif;
  --tec-color-accent-primary:var(--teal);
  --tec-color-accent-primary-hover:var(--teal-dark);
  --tec-color-accent-primary-active:var(--teal-dark);
  --tec-color-text-primary:var(--ink);
  --tec-color-text-secondary:var(--grey);
  --tec-color-text-events-title:var(--navy);
  --tec-color-link-primary:var(--navy);
  --tec-color-link-accent:var(--teal-ink);
  --tec-color-link-accent-hover:var(--teal-dark);
  --tec-color-button-primary:var(--teal);
  --tec-color-button-primary-hover:var(--teal-dark);
  --tec-color-button-primary-active:var(--teal-dark);
  --tec-color-border-active:var(--teal);
  --tec-color-accent-primary-background:var(--teal-light);
}

/* Retouches ciblées */
.tribe-events .tribe-events-calendar-list__event-title-link{color:var(--navy);font-weight:600;}
.tribe-events .tribe-events-calendar-list__event-title-link:hover{color:var(--teal-ink);}
.tribe-events .tribe-events-calendar-list__month-separator-text{color:var(--teal-ink);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;}
.tribe-events .tribe-events-calendar-list__event-cost{background:var(--teal-light);color:var(--teal-ink);font-weight:700;border-radius:20px;padding:4px 12px;display:inline-block;}
.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper img,
.tribe-events .tribe-events-calendar-list__event-featured-image{border-radius:18px;}
.tribe-common .tribe-common-c-btn,.tribe-common a.tribe-common-c-btn{border-radius:40px;background:var(--teal);}
.tribe-common .tribe-common-c-btn:hover,.tribe-common a.tribe-common-c-btn:hover{background:var(--teal-dark);}
.tribe-common .tribe-common-c-btn-border,.tribe-common a.tribe-common-c-btn-border{border-radius:40px;}
.tribe-events .tribe-events-c-events-bar{border-radius:18px;}
.tribe-events .tribe-events-c-search__input{font-family:inherit;}
/* Bouton « Chercher » : TEC le peint via une règle media-scoped plus spécifique
   (.tribe-common--breakpoint-medium.tribe-common …) → variable dédiée + override appuyé. */
.tribe-common{
  --tec-color-background-events-bar-submit-button:var(--teal);
  --tec-color-background-events-bar-submit-button-hover:var(--teal-dark);
  --tec-color-background-events-bar-submit-button-active:var(--teal-dark);
}
.tribe-common .tribe-common-c-btn.tribe-events-c-search__button,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn.tribe-events-c-search__button{
  background:var(--teal) !important;border-radius:40px;font-family:inherit;
}
.tribe-common .tribe-common-c-btn.tribe-events-c-search__button:hover,
.tribe-common .tribe-common-c-btn.tribe-events-c-search__button:focus{
  background:var(--teal-dark) !important;
}