/**
 * PiloteCSE — Fiche formation (onglets + contenu + CTA + print)
 * Version: 1.1.9 (2026-01-28)
 *
 * Base : 1.1.8 (validée)
 * Patch : masque uniquement "contact@pilotecse.fr" HORS CADRE (sous les boutons),
 *         sans toucher au contact dans l’onglet Réclamations.
 *
 * Scope : uniquement .pcse-formation (zéro impact ailleurs)
 */

:root{
  --pcse-blue:#0073aa;
  --pcse-blue-hover:#005f8c;
  --pcse-bg:#f7fafc;
  --pcse-border:rgba(0,0,0,.12);
  --pcse-text:#111827;
}

.pcse-formation{
  max-width: 1500px;
  width: min(1500px, calc(100% - 48px));
  margin: 24px auto 34px;
  padding: 0;
  color: var(--pcse-text);
}
@media (max-width: 720px){
  .pcse-formation{ width: calc(100% - 24px); }
}

.pcse-formation h1{
  font-size: 34px;
  line-height: 1.15;
  color: var(--pcse-blue);
  margin: 0 0 18px 0;
  font-weight: 800;
}
.pcse-formation h2{ font-size: 22px; margin: 18px 0 10px; font-weight: 800; }
.pcse-formation h3{ font-size: 18px; margin: 14px 0 8px; font-weight: 800; color: var(--pcse-blue); }
.pcse-formation p{ margin: 0 0 10px 0; line-height: 1.65; }
.pcse-formation ul{ margin: 8px 0 12px 0; padding-left: 18px; }
.pcse-formation li{ margin: 0 0 6px 0; line-height: 1.55; }

/* Masquer un éventuel header print à l’écran */
.pcse-formation .pcse-formation-print-header{ display:none !important; }

/* ------------------------------------------------------------
   Onglets
------------------------------------------------------------ */
.pcse-tabs{
  background:#fff;
  border:1px solid var(--pcse-border);
  border-radius:18px;
  padding:14px 14px 16px;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.pcse-tabs input[type="radio"]{ display:none !important; }

.pcse-tabs-nav{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  align-items:center;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:10px 10px 6px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:16px;
}

.pcse-tabs-nav label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:9px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#f9fafb;
  color:#111827;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  font-size:14px;
}
.pcse-tabs-nav label:hover{
  border-color:rgba(0,0,0,.22);
  background:#f3f4f6;
}

#pcse-tab-1:checked ~ .pcse-tabs-nav label[for="pcse-tab-1"],
#pcse-tab-2:checked ~ .pcse-tabs-nav label[for="pcse-tab-2"],
#pcse-tab-3:checked ~ .pcse-tabs-nav label[for="pcse-tab-3"],
#pcse-tab-4:checked ~ .pcse-tabs-nav label[for="pcse-tab-4"],
#pcse-tab-5:checked ~ .pcse-tabs-nav label[for="pcse-tab-5"],
#pcse-tab-6:checked ~ .pcse-tabs-nav label[for="pcse-tab-6"],
#pcse-tab-7:checked ~ .pcse-tabs-nav label[for="pcse-tab-7"],
#pcse-tab-8:checked ~ .pcse-tabs-nav label[for="pcse-tab-8"],
#pcse-tab-9:checked ~ .pcse-tabs-nav label[for="pcse-tab-9"]{
  background: var(--pcse-blue);
  color:#fff;
  border-color: var(--pcse-blue);
}

/* Panels */
.pcse-tab-panel{
  display:none;
  margin-top: 14px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: var(--pcse-bg);
}

#pcse-tab-1:checked ~ .pcse-tabs-panels .pcse-tab-panel-1{ display:block; }
#pcse-tab-2:checked ~ .pcse-tabs-panels .pcse-tab-panel-2{ display:block; }
#pcse-tab-3:checked ~ .pcse-tabs-panels .pcse-tab-panel-3{ display:block; }
#pcse-tab-4:checked ~ .pcse-tabs-panels .pcse-tab-panel-4{ display:block; }
#pcse-tab-5:checked ~ .pcse-tabs-panels .pcse-tab-panel-5{ display:block; }
#pcse-tab-6:checked ~ .pcse-tabs-panels .pcse-tab-panel-6{ display:block; }
#pcse-tab-7:checked ~ .pcse-tabs-panels .pcse-tab-panel-7{ display:block; }
#pcse-tab-8:checked ~ .pcse-tabs-panels .pcse-tab-panel-8{ display:block; }
#pcse-tab-9:checked ~ .pcse-tabs-panels .pcse-tab-panel-9{ display:block; }

/* ------------------------------------------------------------
   CTA bas (ta structure .pcse-cta-bar) — gabarit validé
------------------------------------------------------------ */
.pcse-cta-bar{
  display:flex;
  gap:14px;
  margin-top:16px;
}
.pcse-cta-bar > *{ flex:1 1 0; }

@media (max-width: 820px){
  .pcse-cta-bar{ flex-direction: column; }
}

.pcse-formation .pcse-btn,
.pcse-formation a.pcse-btn,
.pcse-formation button.pcse-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:16px 18px;
  border-radius:999px;
  border:1px solid var(--pcse-blue);
  background: var(--pcse-blue);
  color:#fff !important;
  font-weight:800;
  font-size:16px;
  line-height:1;
  text-decoration:none !important;
  cursor:pointer;
  transition: background .15s ease, border-color .15s ease, transform .05s ease;
}
.pcse-formation .pcse-btn:hover{
  background: var(--pcse-blue-hover);
  border-color: var(--pcse-blue-hover);
}
.pcse-formation .pcse-btn:active{ transform: translateY(1px); }

/* Option secondaire conservée */
.pcse-formation .pcse-btn-secondary{
  background: #fff;
  color: var(--pcse-blue) !important;
  border-color: rgba(0,115,170,.45);
}
.pcse-formation .pcse-btn-secondary:hover{
  background: rgba(0,115,170,.06);
  border-color: rgba(0,115,170,.65);
  color: var(--pcse-blue) !important;
}

/* ------------------------------------------------------------
   PATCH : masquer UNIQUEMENT le "contact@pilotecse.fr" hors cadre
   (celui sous les boutons)
   Hypothèse la plus probable : c’est un <p> ou un texte juste après .pcse-cta-bar
------------------------------------------------------------ */
.pcse-formation .pcse-cta-bar + p,
.pcse-formation .pcse-cta-bar + div p{
  /* on ne masque que si c’est réellement un contact */
  margin-top: 0 !important;
}

.pcse-formation .pcse-cta-bar + p a[href^="mailto:"],
.pcse-formation .pcse-cta-bar + p,
.pcse-formation .pcse-cta-bar + div p a[href^="mailto:"],
.pcse-formation .pcse-cta-bar + div p{
  /* masque le paragraphe juste après les boutons (hors onglets) */
  display:none !important;
}

/* IMPORTANT : on ne touche PAS au contact dans l’onglet Réclamations
   car il est DANS .pcse-tab-panel-9 et n’est pas "juste après" .pcse-cta-bar */

/* ------------------------------------------------------------
   Print
------------------------------------------------------------ */
@media print{
  .pcse-tabs-nav,
  .pcse-cta-bar{
    display:none !important;
  }
  .pcse-tab-panel{
    display:block !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
}