/*
Theme Name: SIGA Academy
Template: kadence
Author: SIGA IT Consulting
Author URI: https://siga-itconsulting.com
Description: Theme enfant Kadence aux couleurs de marque SIGA (Academie IA). Palette v2, police Arial, ajustements LifterLMS + cartes catalogue WooCommerce.
Version: 1.0.40
*/

/* Badge "Gratuit" sur les tuiles de cours (boucle LifterLMS) — pose par functions.php */
.siga-free-badge{
  display:inline-block;background:#2E7D55;color:#fff;
  font-size:11px;font-weight:bold;letter-spacing:.4px;text-transform:uppercase;
  padding:3px 10px;border-radius:6px;margin:2px 0 6px;line-height:1.4;
}

/* ============================================================
   SIGA — palette de marque v2 (source : 05-Templates/.../colors.js)
   ============================================================ */
:root{
  --siga-navy:#1A2B4A;
  --siga-navy-dark:#0D2137;
  --siga-green:#2E7D55;
  --siga-cyan:#38B8E8;
  --siga-orange:#E8650A;   /* accent ponctuel uniquement */
  --siga-rouge:#E2445C;
  --siga-teal:#006868;
  --siga-text:#333333;
  --siga-text-muted:#666666;
  --siga-bg-light:#EEF3F7;
}

/* Remap (best-effort) de la palette globale Kadence vers SIGA.
   NB : la voie autoritaire reste Apparence > Personnaliser > Couleurs (Global Palette). */
:root{
  --global-palette1:#1A2B4A;   /* accent principal  -> Navy        */
  --global-palette2:#38B8E8;   /* accent 2 / hover  -> Cyan        */
  --global-palette3:#0D2137;   /* titres / texte fort -> Navy dark */
  --global-palette4:#2E7D55;   /* validation        -> Green       */
  --global-palette5:#006868;   /* secondaire        -> Teal        */
  --global-palette6:#666666;   /* texte attenue                    */
  --global-palette7:#EEF3F7;   /* fond clair                       */
  --global-palette8:#F7FAFC;   /* fond tres clair                  */
  --global-palette9:#FFFFFF;   /* blanc                            */
}

/* ============================================================
   Typographie : Arial partout
   ============================================================ */
body, button, input, select, optgroup, textarea{
  font-family: Arial, Helvetica, sans-serif;
  color: var(--siga-text);
}
h1,h2,h3,h4,h5,h6{
  font-family: Arial, Helvetica, sans-serif;
  color: var(--siga-navy);
}

/* Liens */
a{ color: var(--siga-teal); }
a:hover, a:focus{ color: var(--siga-cyan); }

/* ============================================================
   Boutons primaires -> vert SIGA (hover teal)
   ============================================================ */
.wp-block-button__link, .button, .kb-button, .kt-button, .kadence-btn,
input[type="submit"], button.button{
  background-color: var(--siga-green);
  border-color: var(--siga-green);
  color:#ffffff;
}
.wp-block-button__link:hover, .button:hover,
input[type="submit"]:hover, button.button:hover{
  background-color: var(--siga-teal);
  border-color: var(--siga-teal);
  color:#ffffff;
}

/* ============================================================
   LifterLMS — accents de marque
   ============================================================ */
.llms-button-action, .llms-button-primary,
.llms-field button[type="submit"]{
  background-color: var(--siga-green) !important;
  border-color: var(--siga-green) !important;
  color:#ffffff !important;
}
.llms-button-action:hover, .llms-button-primary:hover{
  background-color: var(--siga-teal) !important;
  border-color: var(--siga-teal) !important;
}
/* Jauge de progression : PISTE neutre, REMPLISSAGE cyan.
   (Avant : la piste pleine largeur etait aussi peinte en cyan -> barre toujours "pleine".) */
.llms-progress .llms-progress-bar{
  background-color:#e3e9f0 !important;          /* piste (pleine largeur) -> gris neutre */
}
.llms-progress .progress-bar-complete{
  background-color: var(--siga-cyan) !important; /* remplissage (width inline %) -> cyan */
}
/* Badge "reussi" du quiz */
.llms-quiz-results .llms-status.passed,
.llms-donut-graph .percentage{ color: var(--siga-green) !important; }

/* ============================================================
   Quiz : navigation precedent/suivant (corrige le chevauchement mobile)
   LifterLMS flotte les boutons par defaut -> sur colonne etroite ils se
   superposent. On force un flux flex avec gouttiere et retour a la ligne.
   ============================================================ */
.llms-quiz-nav{
  display:flex !important; flex-wrap:wrap; gap:10px; align-items:center;
  clear:both; overflow:hidden;   /* clearfix au cas ou un enfant flotte encore */
}
.llms-quiz-nav button,
.llms-quiz-nav .llms-button-action,
.llms-quiz-nav .llms-button-primary,
.llms-quiz-nav .llms-button-secondary{
  float:none !important; margin:0 !important;
}
/* Ordre logique (retour testeur 2026-07-02) : Precedent a GAUCHE, Suivant/Terminer a
   DROITE, compteur a l'extreme droite. LifterLMS rend le DOM dans l'ordre next -> complete
   -> prev -> counter (cf. load_ui_elements), d'ou l'inversion visuelle par defaut.
   On force l'ordre avec flex `order` (independant du DOM). */
#llms-quiz-nav #llms-prev-question{ order:1 !important; }
#llms-quiz-nav #llms-next-question,
#llms-quiz-nav #llms-complete-quiz{ order:2 !important; }
#llms-quiz-nav #llms-quiz-counter{ order:3 !important; margin-left:auto !important; }

/* Couleurs distinctes : Precedent = secondaire (contour navy sur blanc),
   Suivant/Terminer = primaire (vert de marque). */
#llms-quiz-nav #llms-prev-question,
#llms-quiz-nav #llms-prev-question.llms-button-secondary{
  background:#ffffff !important;
  color:var(--siga-navy) !important;
  border:1px solid #c7d0da !important;
  box-shadow:none !important;
}
#llms-quiz-nav #llms-prev-question:hover{
  background:#eef3f7 !important;
  border-color:var(--siga-navy) !important;
  color:var(--siga-navy) !important;
}
#llms-quiz-nav #llms-next-question,
#llms-quiz-nav #llms-complete-quiz{
  background-color:var(--siga-green) !important;
  border-color:var(--siga-green) !important;
  color:#ffffff !important;
}
#llms-quiz-nav #llms-next-question:hover,
#llms-quiz-nav #llms-complete-quiz:hover{
  background-color:var(--siga-teal) !important;
  border-color:var(--siga-teal) !important;
}

/* ============================================================
   Navigation de fin de lecon : on masque la pagination LifterLMS par defaut
   (.llms-course-navigation) qui, sur la DERNIERE lecon d'un module, affiche
   "RETOURS AU COURS -> Module 1" au lieu d'amener au module suivant
   (retour testeur 2026-07-02). Notre barre .siga-lesson-topbar (rendue en haut
   ET en bas de la lecon par le mu-plugin) gere le prev/suivant, y compris le
   saut inter-modules ("Module suivant >").
   ============================================================ */
.llms-course-navigation{ display:none !important; }

/* ============================================================
   Notifications LifterLMS : la croix de fermeture n'est pas une erreur.
   On neutralise le rouge (croix grise -> navy au survol) sur les messages
   de succes, en pop-up on-screen comme dans l'onglet "Notifications".
   ============================================================ */
.llms-notification .llms-notification-dismiss,
.llms-notification a.llms-notification-dismiss,
.llms-notification .llms-notification-dismiss i,
.llms-notification .dashicons-dismiss,
.llms-notification .dashicons-no-alt,
.llms-notification .dashicons-no{
  color:#9aa7b5 !important;
  background:transparent !important;
  border-color:#9aa7b5 !important;
  box-shadow:none !important;
}
.llms-notification .llms-notification-dismiss:hover,
.llms-notification .llms-notification-dismiss:hover i,
.llms-notification .dashicons-dismiss:hover{
  color: var(--siga-navy) !important;
}

/* Tableau de bord : cartes "Mes cours" en grille 2 colonnes (responsive) */
.llms-student-dashboard .llms-loop-list,
.llms-student-dashboard ul.llms-loop-list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:24px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.llms-student-dashboard .llms-loop-item{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
}
.llms-student-dashboard .llms-loop-item .llms-loop-link{ display:block; }
@media (max-width:900px){
  .llms-student-dashboard .llms-loop-list,
  .llms-student-dashboard ul.llms-loop-list{ grid-template-columns:1fr !important; }
}

/* ============================================================
   Pages de leçon / cours : mise en forme SIGA du contenu
   (titres, tableaux, encadrés/callouts, code, listes)
   ============================================================ */
.single-lesson .entry-content,
.single-course .entry-content{ color:var(--siga-text); font-size:16px; line-height:1.6; }

/* Masquer le lien LifterLMS "Retourner à" (doublon de la barre supérieure) */
.single-lesson .llms-parent-course,
.single-lesson .llms-meta.llms-parent-course{ display:none !important; }

/* Leçon : barre supérieure (retour + précédent/suivant) */
.single-lesson .siga-lesson-topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid #e3e9f0; }
.single-lesson .siga-back{ color:var(--siga-teal); font-weight:600; text-decoration:none; }
.single-lesson .siga-back:hover{ color:var(--siga-cyan); }
.single-lesson .siga-prevnext{ display:flex; gap:8px; }
.single-lesson .siga-pn{ display:inline-block; padding:7px 14px; border:1px solid #cbd5e1; border-radius:6px; background:#fff; color:var(--siga-navy); font-weight:600; font-size:14px; text-decoration:none; }
.single-lesson a.siga-pn:hover{ background:var(--siga-navy); color:#fff; }
.single-lesson .siga-pn.is-disabled{ opacity:.4; }

/* ============================================================
   Leçon — lecteur de cours : rail latéral persistant HORS du
   contenu (breakout pleine largeur viewport) + corps à droite.
   ============================================================ */
.single-lesson .siga-lesson-shell{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  align-items:start;
  background:#ffffff;
  border:1px solid #e3e9f0; border-radius:12px; overflow:hidden;
  box-shadow:0 1px 4px rgba(26,43,74,.06);
}
/* Titre de la leçon (rendu dans le corps ; le titre Kadence est masqué) */
.single-lesson .siga-lesson-title{ font-size:26px; line-height:1.2; color:var(--siga-navy); margin:0 0 4px; }
/* Rail latéral persistant */
.single-lesson .siga-lesson-rail{
  position:sticky; top:0; align-self:start;
  max-height:100vh; overflow:auto;
  background:#F4F8FB; border-right:1px solid #dbe4ee;
  padding:22px 18px; font-size:14px;
}
.single-lesson .siga-rail-cb{ display:none; }              /* case à cocher (bascule mobile) — cachée */
.single-lesson .siga-lesson-rail-toggle{ display:none; }   /* desktop : corps du rail toujours affiché */
.single-lesson .siga-lesson-rail-title{ font-weight:700; color:var(--siga-navy); font-size:15px; line-height:1.3; margin:0 0 12px; }
.single-lesson .siga-lesson-rail-track{ height:6px; background:#dbe4ee; border-radius:6px; overflow:hidden; }
.single-lesson .siga-lesson-rail-track > span{ display:block; height:100%; background:var(--siga-cyan); border-radius:6px; }
.single-lesson .siga-lesson-rail-pct{ font-size:12px; color:var(--siga-text-muted); margin:5px 0 16px; }
.single-lesson .siga-lesson-rail-nav .siga-nav-section{ margin:0 0 14px; }
.single-lesson .siga-lesson-rail-nav .siga-nav-section-h{ font-weight:700; color:var(--siga-green); font-size:11.5px; text-transform:uppercase; letter-spacing:.4px; margin:0 0 5px; }
.single-lesson .siga-lesson-rail-nav ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
.single-lesson .siga-lesson-rail-nav li{ margin:0 !important; }
.single-lesson .siga-lesson-rail-nav li a{ display:flex; gap:6px; align-items:flex-start; padding:6px 9px; border-radius:6px; color:var(--siga-text); text-decoration:none; line-height:1.35; font-size:13.5px; }
.single-lesson .siga-lesson-rail-nav li a:hover{ background:#e6eef5; }
.single-lesson .siga-lesson-rail-nav li.is-current a{ background:var(--siga-navy); color:#ffffff; font-weight:600; }
.single-lesson .siga-lesson-rail-nav .siga-mark{ flex:none; width:1.2em; color:#9aa7b5; }
.single-lesson .siga-lesson-rail-nav li.is-done .siga-mark{ color:var(--siga-green); }
.single-lesson .siga-lesson-rail-nav li.is-current .siga-mark{ color:#ffffff; }
/* Corps de la leçon (largeur de lecture confortable) */
.single-lesson .siga-lesson-body{ padding:26px 34px 44px; min-width:0; max-width:880px; }
/* Mobile : rail repliable en tête */
@media (max-width:900px){
  .single-lesson .siga-lesson-shell{ grid-template-columns:1fr; }
  .single-lesson .siga-lesson-rail{ position:static; max-height:none; border-right:0; border-bottom:1px solid #dbe4ee; }
  .single-lesson .siga-lesson-rail-toggle{
    display:block; cursor:pointer; font-weight:700; color:var(--siga-navy);
    padding:4px 0; margin:0;
  }
  .single-lesson .siga-lesson-rail-toggle::before{ content:"\2630  "; }
  /* Corps du rail : replié par défaut en mobile, déplié quand la case est cochée */
  .single-lesson .siga-lesson-rail-body{ display:none; margin-top:10px; }
  .single-lesson .siga-rail-cb:checked ~ .siga-lesson-rail .siga-lesson-rail-body{ display:block; }
  .single-lesson .siga-lesson-body{ padding:22px 18px 32px; max-width:100%; }
}

/* Bloc média en tête de leçon (image -> vidéo demain) */
.single-lesson .entry-content .siga-lesson-media{
  margin:6px 0 26px; border:1px solid #cbd5e1; border-radius:10px;
  overflow:hidden; background:#0D2137; box-shadow:0 2px 8px rgba(26,43,74,.10);
}
.single-lesson .entry-content .siga-lesson-media img{ display:block; width:100%; height:auto; }
.single-lesson .entry-content .siga-lesson-media .siga-video{ position:relative; padding-top:56.25%; }
.single-lesson .entry-content .siga-lesson-media .siga-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.single-lesson .entry-content h2,
.single-course .entry-content h2{ color:var(--siga-cyan); font-size:24px; margin:30px 0 10px; }
.single-lesson .entry-content h3,
.single-course .entry-content h3{ color:var(--siga-green); font-size:19px; margin:24px 0 8px; }
.single-lesson .entry-content h4{ color:var(--siga-teal); font-size:16px; font-style:italic; margin:18px 0 6px; }

/* Tableaux */
.single-lesson .entry-content table,
.single-course .entry-content table{ width:100%; border-collapse:collapse; margin:18px 0; font-size:15px; }
.single-lesson .entry-content thead th,
.single-course .entry-content thead th{ background:var(--siga-navy); color:#ffffff; text-align:left; padding:10px 12px; }
.single-lesson .entry-content td,
.single-lesson .entry-content th,
.single-course .entry-content td,
.single-course .entry-content th{ border:1px solid #dbe2ea; padding:9px 12px; vertical-align:top; }
.single-lesson .entry-content tbody tr:nth-child(even),
.single-course .entry-content tbody tr:nth-child(even){ background:#f4f7fa; }

/* Encadrés (blockquote -> callout) */
.single-lesson .entry-content blockquote,
.single-course .entry-content blockquote{
  background:#F0F8E8; border-left:4px solid var(--siga-green);
  border-radius:6px; padding:14px 18px; margin:18px 0; color:#2f3a2f;
}
.single-lesson .entry-content blockquote p:last-child,
.single-course .entry-content blockquote p:last-child{ margin-bottom:0; }

/* Code */
.single-lesson .entry-content code,
.single-course .entry-content code{ background:#f2f2f2; padding:2px 6px; border-radius:4px;
  font-family:"Courier New",monospace; font-size:.92em; color:var(--siga-navy); }

/* Listes + séparateur */
.single-lesson .entry-content ul,
.single-lesson .entry-content ol,
.single-course .entry-content ul,
.single-course .entry-content ol{ padding-left:22px; }
.single-lesson .entry-content li,
.single-course .entry-content li{ margin-bottom:6px; }
.single-lesson .entry-content hr,
.single-course .entry-content hr{ border:0; border-top:1px solid #e3e9f0; margin:24px 0; }

/* Pied : filet de marque Navy (discret). En-tete : PAS de filet (retire à la demande). */
.site-header-row{ border-bottom: none !important; }
.site-footer{ border-top: 2px solid var(--siga-navy); }

/* Barre légale de pied de page (copyright + liens) — remplace la barre Kadence par défaut */
.site-bottom-footer-wrap{ display:none !important; }
.siga-legal-bar{ background:#0D2137; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:16px 0; }
.siga-legal-inner{ max-width:1200px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; box-sizing:border-box; }
.siga-legal-copy{ color:#9FB0C4; }
.siga-legal-links a{ color:#CBD5E1; text-decoration:none; }
.siga-legal-links a:hover{ color:#38B8E8; }
.siga-legal-sep{ color:#5a6b80; margin:0 8px; }
@media (max-width:600px){ .siga-legal-inner{ flex-direction:column; text-align:center; gap:8px; } }

/* ============================================================
   En-tete : logo plus compact + masquer le nom du site
   ============================================================ */
.site-header .site-logo img.custom-logo,
.site-branding img.custom-logo{
  max-height: 52px !important;
  width: auto !important;
}
/* Retirer le titre/description du site a cote du logo */
.site-branding .site-title,
.site-header .site-title,
.header-titles,
.site-branding .site-description{
  display: none !important;
}

/* ============================================================
   Vitrine : sections pleine largeur SANS fond -> contenu recentre
   (Kadence ne recadre que les bandes colorees ; on recadre les autres)
   ============================================================ */
.page .wp-block-group.alignfull:not(.has-background){
  padding-left: max(24px, calc((100% - 1200px) / 2)) !important;
  padding-right: max(24px, calc((100% - 1200px) / 2)) !important;
}
/* Toutes les colonnes : largeur de lecture bornee + gouttieres (jamais collees au bord) */
.page .wp-block-columns{
  gap: 28px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
/* Cartes « points de douleur » (section Vous reconnaissez-vous) */
.siga-pain-card{
  background:#ffffff;
  border:1px solid #e3e9f0;
  border-top:3px solid var(--siga-rouge);
  border-radius:10px;
  padding:26px 22px !important;
  box-shadow:0 1px 3px rgba(26,43,74,.06);
}
.siga-pain-card p{ font-style:italic; color:#444444; margin:0; }
/* Confort de lecture des paragraphes d'intro centres */
.page .wp-block-group:not(.has-background) > .wp-block-paragraph.has-text-align-center{
  max-width: 760px; margin-left: auto; margin-right: auto;
}

/* ============================================================
   WooCommerce — grille catalogue en cartes de marque
   (les produits n'ont pas de visuel -> on masque le placeholder
    et on presente des cartes texte soignees)
   ============================================================ */
/* Vignettes produit = couvertures de deck (16:9) — boucle catalogue */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:8px;
  margin:0 0 12px 0 !important;
  background:#1A2B4A;
  padding:0 !important;
}
/* Fiche produit : image a gauche, resume a droite (puis onglets pleine largeur) */
.single-product div.product .woocommerce-product-gallery{
  display:block !important;
  float:left !important;
  width:48% !important;
  max-width:560px;
  margin:0 0 24px 0 !important;
}
.single-product div.product .woocommerce-product-gallery img{
  display:block !important; max-width:100% !important; border-radius:10px;
}
.single-product div.product .summary.entry-summary,
.single-product div.product .entry-summary{
  float:right !important;
  width:48% !important;
  max-width:none !important;
  margin:0 !important;
}
.single-product div.product .woocommerce-tabs{ width:100% !important; clear:both; }
/* Resume produit : espacement compact */
.single-product div.product .summary.entry-summary p,
.single-product div.product .summary.entry-summary ul,
.single-product div.product .summary.entry-summary ol{ margin:0 0 10px 0 !important; }
.single-product div.product .summary.entry-summary ul,
.single-product div.product .summary.entry-summary ol{ padding-left:22px !important; list-style:disc !important; }
.single-product div.product .summary.entry-summary li{ margin-bottom:4px !important; }
.single-product div.product .summary .price{ margin:0 0 12px 0 !important; }
.single-product div.product .summary .woocommerce-product-details__short-description{ margin-bottom:14px; }
.single-product div.product .summary form.cart{ margin-top:8px; }
/* Titre de la colonne droite aligne en haut (au sommet de l'image) */
.single-product div.product .summary .product_title,
.single-product div.product .summary h1.entry-title,
.single-product div.product .entry-summary > .product_title{
  margin-top:0 !important;
  padding-top:0 !important;
  line-height:1.15;
}
/* Mobile : empilement */
@media (max-width:782px){
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary.entry-summary,
  .single-product div.product .entry-summary{
    float:none !important; width:100% !important; max-width:100% !important; margin:0 0 20px 0 !important;
  }
}
.woocommerce ul.products li.product{
  min-height:170px;
  background:#ffffff;
  border:1px solid #cbd5e1 !important;
  border-top:4px solid var(--siga-cyan) !important;
  border-radius:10px;
  padding:18px 18px 22px;
  text-align:center;
  box-shadow:0 2px 8px rgba(26,43,74,.08);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--siga-navy);
  font-weight:700;
  font-size:17px;
  padding-top:0;
}
.woocommerce ul.products li.product .price{
  color:var(--siga-green) !important;
  font-weight:700;
  font-size:18px;
}
.woocommerce ul.products li.product .button{
  width:100%;
  margin-top:12px;
}
/* Bloc hero produit (parcours) : image gauche / vente droite */
.siga-hero{
  display:flex !important; gap:28px; align-items:flex-start;
  background:#ffffff; border:1px solid #cbd5e1; border-top:4px solid var(--siga-green);
  border-radius:12px; padding:24px; box-shadow:0 2px 8px rgba(26,43,74,.10);
  max-width:1100px; margin:8px auto 0;
}
.siga-hero-img{ flex:0 0 46%; max-width:46%; width:46%; }
.siga-hero-img img{ width:100%; height:auto; border-radius:8px; display:block; }
.siga-hero-body{ flex:1; }
.siga-hero-img img{ margin:0 !important; }
.siga-hero-title{ color:var(--siga-navy); font-size:22px; font-weight:700; margin:0 0 10px !important; padding-top:0 !important; line-height:1.2; }
.siga-hero-pitch{ color:var(--siga-text); margin:6px 0 10px; }
.siga-hero-pitch p{ margin:0 0 6px !important; line-height:1.4; }
.siga-hero-pitch ul{ padding-left:20px; margin:4px 0 6px !important; }
.siga-hero-pitch li{ margin-bottom:2px !important; line-height:1.35; }
.siga-hero-body .siga-card-meta{ margin:4px 0 8px; }
.siga-hero-price{ color:var(--siga-green); font-weight:700; font-size:22px; margin:6px 0 12px; }
.siga-hero-cta{
  display:inline-block; background:var(--siga-green); color:#fff !important;
  padding:12px 26px; border-radius:6px; font-weight:700; text-decoration:none;
}
.siga-hero-cta:hover{ background:var(--siga-teal); color:#fff !important; }
@media (max-width:782px){
  .siga-hero{ flex-direction:column; align-items:stretch; }
  .siga-hero-img{ flex-basis:auto; max-width:100%; }
}

/* Badge palier + duree sur les cartes */
.siga-card-meta{ margin:2px 0 8px; }
.siga-badge{
  display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.5px; color:#ffffff; padding:2px 9px; border-radius:12px; vertical-align:middle;
}
.siga-badge-initie{ background:#38B8E8; }
.siga-badge-praticien{ background:#2E7D55; }
.siga-badge-stratege{ background:#006868; }
.siga-badge-certifiant{ background:#1A2B4A; }
.siga-duree{ color:#666666; font-size:12px; margin-left:6px; vertical-align:middle; }

/* Parcours mis en avant (carte unique en colonne 1) : meme taille qu'une carte module, centree */
.woocommerce ul.products.columns-1{ display:flex; justify-content:center; }
.woocommerce ul.products.columns-1 li.product,
ul.products.columns-1 li.product{
  border-top:4px solid var(--siga-green) !important;
  width:100% !important;
  max-width:380px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}