/* =========================================================
   STRATÉGIE MATHS — CATÉGORIES PRODUITS (FICHES / FLASHCARDS)
   Objectif : même rendu “propre” que Parcours
   ========================================================= */

/* On cible uniquement les catégories produit qui utilisent TON layout */
body.tax-product_cat .sm-shop-layout{
  max-width: 1240px !important;
  width: 100% !important;              /* ✅ important */
  margin-left: auto !important;        /* ✅ important */
  margin-right: auto !important;       /* ✅ important */
  margin-top: 70px !important;         /* ✅ on descend sous le header */
  padding: 26px 18px !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}



/* Mobile */
@media (max-width: 980px){
  body.tax-product_cat .sm-shop-layout{
    grid-template-columns: 1fr !important;
    margin-top: 20px !important;
  }
}

/* Sidebar filtres — style propre */
body.tax-product_cat .sm-filter-sidebar{
  background: #fff !important;
  border: 1px solid rgba(106,27,154,.12) !important;
  border-radius: 16px !important;
  padding: 16px 16px 14px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;
  position: sticky !important;
  top: 200px !important;
}

@media (max-width: 980px){
  body.tax-product_cat .sm-filter-sidebar{
    position: relative !important;
    top: auto !important;
  }
}

body.tax-product_cat .sm-filter-sidebar h3{
  margin: 0 0 12px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #6a1b9a !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(106,27,154,.10) !important;
}

body.tax-product_cat .sm-filter-sidebar strong{
  display: block !important;
  margin: 10px 0 6px !important;
  font-size: 13px !important;
  color: #222 !important;
}

body.tax-product_cat .sm-filter-sidebar label{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 !important;
  font-size: 14px !important;
  color: #333 !important;
  cursor: pointer !important;
}

/* Checkbox custom */
body.tax-product_cat .sm-filter-sidebar input[type="checkbox"]{
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid rgba(255,122,0,.35) !important;
  border-radius: 5px !important;
  background: #fff !important;
  display: inline-grid !important;
  place-content: center !important;
  margin: 0 !important;
}

body.tax-product_cat .sm-filter-sidebar input[type="checkbox"]:checked{
  background: #f57c00 !important;
  border-color: #f57c00 !important;
}

body.tax-product_cat .sm-filter-sidebar input[type="checkbox"]:checked::after{
  content:"" !important;
  width: 9px !important;
  height: 5px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
  margin-top: -1px !important;
}

/* Select */
body.tax-product_cat .sm-filter-sidebar select{
  width: 100% !important;
  margin-top: 6px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-size: 14px !important;
  outline: none !important;
}

body.tax-product_cat .sm-filter-sidebar select:focus{
  border-color: rgba(255,122,0,.7) !important;
  box-shadow: 0 0 0 4px rgba(255,122,0,.15) !important;
}

/* Lien “effacer filtres” */
body.tax-product_cat .sm-filter-sidebar a{
  display: block !important;
  margin-top: 12px !important;
  text-align: center !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255,122,0,.35) !important;
  color: #ff7a00 !important;
  background: rgba(255,122,0,.06) !important;
}

/* Grille produits : 3 colonnes desktop */
body.tax-product_cat ul.products{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
}

@media (max-width: 1100px){
  body.tax-product_cat ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  body.tax-product_cat ul.products{
    grid-template-columns: 1fr !important;
  }
}

/* On cache compteur + tri (optionnel) */
body.tax-product_cat .woocommerce-result-count,
body.tax-product_cat .woocommerce-ordering{
  display: none !important;
}

.sm-home-sr-box{
  background: linear-gradient(135deg, #fff6fb, #fff3e8);
  border:2px solid #f57c00;
  border-radius:18px;
  padding:22px;
  margin-bottom:25px;
  box-shadow:0 10px 25px rgba(0,0,0,0.06);
  position:relative;
  overflow:hidden;
}

/* petite touche visuelle */
.sm-home-sr-box::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:80px;
  height:80px;
  background: radial-gradient(circle, rgba(216,27,96,0.15), transparent);
}

/* TITRE */
.sm-home-sr-box__title{
  font-size:20px;
  font-weight:900;
  color:#6a1b9a; /* violet stratégie */
  margin-bottom:12px;
}

/* TEXTE NB CARTES */
.sm-home-sr-box__count{
  font-size:16px;
  color:#333;
  margin-bottom:16px;
  line-height:1.5;
}

/* PETIT TEXTE */
.sm-home-sr-box__text{
  margin-top:14px;
  font-size:14px;
  color:#6a1b9a;
  opacity:0.8;
}

/* CAS "A JOUR" */
.sm-home-sr-box__ok{
  color:#d81b60; /* cerise */
  font-weight:800;
  margin-bottom:16px;
  font-size:16px;
}

/* BOUTON */
.sm-home-sr-box__btn{
  display:inline-block;
  background: linear-gradient(135deg, #f57c00, #ff9800);
  color:#fff !important;
  padding:12px 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  letter-spacing:0.3px;
  box-shadow:0 6px 14px rgba(0,0,0,0.12);
  transition: all 0.2s ease;
}

.sm-home-sr-box__btn:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, #ef6c00, #fb8c00);
  color:#fff !important;
  text-decoration:none;
}

.sm-home-actions{
  margin-bottom:28px;
}

.sm-home-actions__title{
  font-size:20px;
  font-weight:800;
  color:#6a1b9a;
  margin-bottom:14px;
}

.sm-home-actions__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.sm-home-action-card{
  display:block;
  text-decoration:none;
  border-radius:18px;
  padding:20px;
  min-height:180px;
  box-shadow:0 10px 24px rgba(0,0,0,0.06);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
  border:2px solid transparent;
}

.sm-home-action-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(0,0,0,0.10);
  text-decoration:none;
}

.sm-home-action-card__icon{
  font-size:30px;
  margin-bottom:12px;
}

.sm-home-action-card__title{
  font-size:18px;
  font-weight:800;
  margin-bottom:10px;
  line-height:1.3;
}

.sm-home-action-card__text{
  font-size:14px;
  line-height:1.5;
  color:#444;
}

.sm-home-action-card--parcours{
  background:linear-gradient(135deg, #fff6fb, #f8f1ff);
  border-color:#6a1b9a;
}

.sm-home-action-card--parcours .sm-home-action-card__title{
  color:#6a1b9a;
}

.sm-home-action-card--train{
  background:linear-gradient(135deg, #fff8ef, #fff2e2);
  border-color:#f57c00;
}

.sm-home-action-card--train .sm-home-action-card__title{
  color:#f57c00;
}

.sm-home-action-card--fiches{
  background:linear-gradient(135deg, #fff5f8, #fff0f4);
  border-color:#d81b60;
}

.sm-home-action-card--fiches .sm-home-action-card__title{
  color:#d81b60;
}

@media (max-width: 980px){
  .sm-home-actions__grid{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   CARTE ÉLÈVE PREMIUM — STRATÉGIE MATHS
   ============================================================ */

.woocommerce-MyAccount-navigation .sm-user-card{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 22px 0;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(135deg, #fff8ef, #fff3e0);
  border:2px solid #f57c00;
  box-shadow:0 12px 28px rgba(0,0,0,0.08);
  position:relative;
  overflow:hidden;
}

.woocommerce-MyAccount-navigation .sm-user-card::before{
  content:"";
  position:absolute;
  top:-20px;
  right:-20px;
  width:100px;
  height:100px;
  background:radial-gradient(circle, rgba(245,124,0,0.20), transparent);
}

.woocommerce-MyAccount-navigation .sm-user-card img,
.woocommerce-MyAccount-navigation .sm-user-card .avatar{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #ffffff;
  box-shadow:0 6px 18px rgba(245,124,0,0.25);
  flex-shrink:0;
}

.woocommerce-MyAccount-navigation .sm-user-card .sm-user-name{
  font-size:18px;
  font-weight:900;
  color:#f57c00;
  line-height:1.2;
}

.woocommerce-MyAccount-navigation .sm-user-card .sm-user-role{
  font-size:13px;
  font-weight:700;
  color:#ef6c00;
  margin-top:4px;
}

@media (max-width:768px){
  .woocommerce-MyAccount-navigation .sm-user-card{
    padding:14px 14px;
    gap:12px;
  }

  .woocommerce-MyAccount-navigation .sm-user-card img,
  .woocommerce-MyAccount-navigation .sm-user-card .avatar{
    width:56px;
    height:56px;
  }
}

/* ============================================================
   MON COMPTE — MENU STRATÉGIE MATHS
   Version propre, espacée, cohérente avec la palette
   Violet : #6a1b9a
   Orange : #f57c00
   Cerise : #d81b60
   ============================================================ */

.woocommerce-MyAccount-navigation{
  overflow:visible !important;
}

.woocommerce-MyAccount-navigation ul{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0;
  padding:0;
  overflow:visible !important;
}

.woocommerce-MyAccount-navigation ul li{
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
}

/* Retire les icônes parasites du thème */
.woocommerce-MyAccount-navigation ul li a::before{
  content:none !important;
  display:none !important;
}

/* Base commune de tous les boutons */
.woocommerce-MyAccount-navigation ul li a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  min-height:72px; /* plus de hauteur pour respirer */
  padding:14px 16px;
  border-radius:14px;
  text-decoration:none;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0.2px;
  color:#d81b60; /* texte cerise */  
  background:#ffffff;
  border:2px solid #d81b60;
  backdrop-filter: blur(2px);
  box-shadow:0 6px 16px rgba(0,0,0,0.05);
  transition:all 0.22s ease;
}

/* ------------------------------------------------------------
   SECTION 1 — MON ESPACE STRATÉGIE MATHS
   ------------------------------------------------------------ */

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard{
  margin-top:22px;
  padding-top:48px; /* plus d’espace pour le titre */
  padding-left:8px;
  padding-right:8px;
  background:linear-gradient(135deg, rgba(216,27,96,0.08), rgba(216,27,96,0.04));
  border-top:2px solid #d81b60;
  border-left:2px solid #d81b60;
  border-right:2px solid #d81b60;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard::before{
  content:"Mon espace Stratégie Maths";
  position:absolute;
  top:10px;
  left:8px;
  right:8px;
  display:block;
  text-align:center;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:0.3px;
  color:#d81b60;
  padding-bottom:8px;
  border-bottom:1px solid rgba(216,27,96,0.18);
  z-index:2;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths a{
  margin-bottom:10px;
  width:100%;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths{
  padding-left:8px;
  padding-right:8px;
  background:linear-gradient(135deg, rgba(216,27,96,0.08), rgba(216,27,96,0.04));
  border-left:2px solid #d81b60;
  border-right:2px solid #d81b60;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads{
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  background:linear-gradient(135deg, rgba(216,27,96,0.08), rgba(216,27,96,0.04));
  border-left:2px solid #d81b60;
  border-right:2px solid #d81b60;
  border-bottom:2px solid #d81b60;
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
  margin-bottom:18px;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a{
  margin-bottom:0;
  width:100%;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:hover{
  transform:none;
  box-shadow:0 10px 22px rgba(0,0,0,0.08);
}

/* ------------------------------------------------------------
   SECTION 2 — MON COMPTE
   ------------------------------------------------------------ */

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders{
  margin-top:22px;
  padding-top:48px;
  padding-left:8px;
  padding-right:8px;
  background:linear-gradient(135deg, rgba(106,27,154,0.08), rgba(106,27,154,0.04));
  border-top:2px solid #6a1b9a;
  border-left:2px solid #6a1b9a;
  border-right:2px solid #6a1b9a;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders::before{
  content:"Mon compte";
  position:absolute;
  top:10px;
  left:8px;
  right:8px;
  display:block;
  text-align:center;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:0.3px;
  color:#6a1b9a;
  padding-bottom:8px;
  border-bottom:1px solid rgba(106,27,154,0.18);
  z-index:2;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a{
  background:#ffffff;
  border-color:#6a1b9a;
  color:#6a1b9a;
  margin-bottom:10px;
  width:100%;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address{
  padding-left:8px;
  padding-right:8px;
  background:linear-gradient(135deg, rgba(106,27,154,0.08), rgba(106,27,154,0.04));
  border-left:2px solid #6a1b9a;
  border-right:2px solid #6a1b9a;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout{
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  background:linear-gradient(135deg, rgba(106,27,154,0.08), rgba(106,27,154,0.04));
  border-left:2px solid #6a1b9a;
  border-right:2px solid #6a1b9a;
  border-bottom:2px solid #6a1b9a;
  border-bottom-left-radius:18px;
  border-bottom-right-radius:18px;
  margin-bottom:18px;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{
  background:#ffffff;
  border-color:#6a1b9a;
  color:#6a1b9a;
  margin-bottom:0;
  width:100%;
  box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background:#f7f2fb;
  border-color:#6a1b9a;
  color:#6a1b9a;
  transform:none;
  box-shadow:0 10px 22px rgba(0,0,0,0.08);
}

/* ------------------------------------------------------------
   TEXTE D’AIDE — discret et intégré au bouton
   ------------------------------------------------------------ */

.woocommerce-MyAccount-navigation ul li a[data-sm-tooltip]{
  position:relative;
  overflow:hidden;
}

.woocommerce-MyAccount-navigation ul li a[data-sm-tooltip]::after{
  content: attr(data-sm-tooltip);
  position:absolute;
  left:16px;
  right:16px;
  bottom:10px;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  color:#d81b60;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.18s ease;
}

.woocommerce-MyAccount-navigation ul li a[data-sm-tooltip]:hover{
  background:#fff5f8 !important;
  border-color:#d81b60 !important;
  color:#d81b60 !important;
  padding-top:10px;
  padding-bottom:28px;
  justify-content:flex-start;
}

.woocommerce-MyAccount-navigation ul li a[data-sm-tooltip]:hover::after{
  opacity:1;
}

.woocommerce-MyAccount-navigation ul li.is-active a[data-sm-tooltip]::after{
  color:rgba(255,255,255,0.88);
  opacity:1;
}

/* ------------------------------------------------------------
   BOUTON ACTIF — cerise stratégie, très lisible
   ------------------------------------------------------------ */

.woocommerce-MyAccount-navigation ul li.is-active a{
  background:#d81b60 !important;
  border-color:#d81b60 !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.10) !important;
  transform:translateX(4px);
}

.woocommerce-MyAccount-navigation ul li.is-active a:hover{
  background:#d81b60 !important;
  border-color:#d81b60 !important;
  color:#ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a[data-sm-tooltip]::after{
  color:rgba(255,255,255,0.88);
  opacity:1;
  max-height:48px;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width:768px){
  .woocommerce-MyAccount-navigation ul li a{
    padding:12px 14px;
    font-size:15px;
  }

  .woocommerce-MyAccount-navigation ul li:hover a{
    min-height:72px;
  }
}


/* ============================================================
   CORRECTION FINALE — MENU MON COMPTE SANS ORANGE
   À laisser tout en bas du fichier
   ============================================================ */

/* Bloc "Mon espace Stratégie Maths" : état normal */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a{
  color:#d81b60 !important;
  border-color:#d81b60 !important;
  background:#ffffff !important;
}

/* Bloc "Mon espace Stratégie Maths" : survol */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths a:hover,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:hover{
  color:#d81b60 !important;
  border-color:#d81b60 !important;
  background:#fff5f8 !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.08) !important;
  transform:none !important;
}

/* Texte d’aide du bloc Stratégie Maths */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a[data-sm-tooltip]::after,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours a[data-sm-tooltip]::after,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches a[data-sm-tooltip]::after,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards a[data-sm-tooltip]::after,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths a[data-sm-tooltip]::after,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a[data-sm-tooltip]::after{
  color:#666 !important;
}

/* Si actif : bloc Stratégie Maths en cerise, bloc Mon compte en violet */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-parcours.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-fiches.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-flashcards.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--profil-maths.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads.is-active a{
  background:#d81b60 !important;
  border-color:#d81b60 !important;
  color:#ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout.is-active a{
  background:#6a1b9a !important;
  border-color:#6a1b9a !important;
  color:#ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a[data-sm-tooltip]::after{
  color:rgba(255,255,255,0.88) !important;
}

/* ============================================================
   MASQUER LA CARTE WOOCOMMERCE NATIVE
   On garde uniquement la carte élève personnalisée
   ============================================================ */

/* Masquer l’ancien bloc avatar/nom ajouté par Blocksy */
.ct-account-welcome{
  display:none !important;
}


/* ============================================================
   CORRECTION FINALE — CARTE ÉLÈVE SM-USER-CARD
   À laisser tout en bas du fichier
   ============================================================ */

.sm-user-card{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 22px 0 !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, #fff8ef, #fff3e0) !important;
  border:2px solid #f57c00 !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.08) !important;
  position:relative !important;
  overflow:hidden !important;
}

.sm-user-card::before{
  content:"" !important;
  position:absolute !important;
  top:-20px !important;
  right:-20px !important;
  width:100px !important;
  height:100px !important;
  background:radial-gradient(circle, rgba(245,124,0,0.20), transparent) !important;
}

.sm-user-card img,
.sm-user-card .avatar{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  border:3px solid #ffffff !important;
  box-shadow:0 6px 18px rgba(245,124,0,0.25) !important;
  overflow:hidden !important;
}

.sm-user-card .sm-user-name{
  display:block !important;
  font-size:18px !important;
  font-weight:900 !important;
  color:#f57c00 !important;
  line-height:1.2 !important;
  margin:0 !important;
}

.sm-user-card .sm-user-role{
  display:block !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#ef6c00 !important;
  margin-top:4px !important;
}

/* le conteneur texte ne doit pas hériter d'une couleur noire globale */
.sm-user-card > div{
  color:inherit !important;
}

@media (max-width:768px){
  .sm-user-card{
    padding:14px 14px !important;
    gap:12px !important;
  }

  .sm-user-card img,
  .sm-user-card .avatar{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
  }
}

/* ============================================================
   MISSION — BLOC CONTENU ASSOCIÉ (fiche / flashpack)
   ============================================================ */

.sm-bloc-contenu-mission{
  margin-top:24px;
  padding:20px 22px;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(0,0,0,0.06);
}

.sm-bloc-contenu-mission h3{
  margin:0 0 10px 0;
  font-size:20px;
  font-weight:900;
  line-height:1.2;
}

.sm-bloc-contenu-mission p{
  margin:0;
  font-size:15px;
  line-height:1.5;
}

.sm-bloc-contenu-mission a{
  font-weight:800;
  text-decoration:none;
}

.sm-bloc-contenu-mission a:hover{
  text-decoration:underline;
}

/* Version fiche */
.sm-bloc-contenu-mission--fiche{
  background:linear-gradient(135deg, #fff8ef, #fff3e0);
  border:2px solid #f57c00;
}

.sm-bloc-contenu-mission--fiche h3,
.sm-bloc-contenu-mission--fiche a{
  color:#f57c00;
}

/* Version flashpack */
.sm-bloc-contenu-mission--flashpack{
  background:linear-gradient(135deg, #fff6fb, #fff0f6);
  border:2px solid #d81b60;
}

.sm-bloc-contenu-mission--flashpack h3,
.sm-bloc-contenu-mission--flashpack a{
  color:#d81b60;
}

@media (max-width:768px){
  .sm-bloc-contenu-mission{
    padding:16px 16px;
    border-radius:16px;
  }

  .sm-bloc-contenu-mission h3{
    font-size:18px;
  }
}

.sm-bloc-contenu-mission__titre-fiche{
  margin:0 0 14px 0;
  font-size:22px;
  font-weight:900;
  line-height:1.2;
}

.sm-bloc-contenu-mission__contenu{
  margin-top:8px;
}

/* ============================================================
   MISSION — FICHE INTÉGRÉE DANS LA MISSION
   ============================================================ */

.sm-bloc-contenu-mission--fiche-integree{
  margin-top:24px;
  padding:20px 22px;
  border-radius:18px;
  background:linear-gradient(135deg, #fff8ef, #fff3e0);
  border:2px solid #f57c00;
  box-shadow:0 10px 24px rgba(0,0,0,0.06);
}

.sm-bloc-contenu-mission--fiche-integree > h3{
  margin:0 0 16px 0;
  font-size:22px;
  font-weight:900;
  color:#f57c00;
  line-height:1.2;
}


/* ============================================================
   FLASHCARD MISSION — STYLE IDENTIQUE AUX FLASHCARDS
   ============================================================ */

.sm-mission-flashcard-card{
  margin:24px auto 0 auto;
  max-width:520px;
  width:100%;
  perspective:1000px;
}

.sm-mission-flashcard-card__inner{
  position:relative;
  width:100%;
  min-height:260px;
  transition:transform 0.6s ease;
  transform-style:preserve-3d;
}

.sm-mission-flashcard-card__face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;

  border-radius:20px;
  padding:24px;
  box-sizing:border-box;

  background:linear-gradient(135deg, #ffffff, #fff6fb);
  border:2px solid rgba(216,27,96,0.20);
  box-shadow:0 14px 30px rgba(0,0,0,0.08);
}

.sm-mission-flashcard-card__face--back{
  transform:rotateY(180deg);
}

.sm-mission-flashcard-card__badge{
  margin-bottom:12px;
  padding:6px 12px;
  border-radius:999px;
  background:#fff0f4;
  color:#d81b60;
  font-weight:800;
  font-size:13px;
}

.sm-mission-flashcard-card__content{
  font-size:20px;
  line-height:1.5;
  font-weight:900;
  color:#333;
}

.sm-bloc-contenu-mission--flashcard-vraie{
  margin-top:24px;
  padding:20px 22px;
  border-radius:18px;
  background:linear-gradient(135deg, #fff6fb, #fff0f6);
  border:2px solid #d81b60;
  box-shadow:0 10px 24px rgba(0,0,0,0.06);
}

.sm-bloc-contenu-mission--flashcard-vraie > h3{
  margin:0 0 18px 0;
  font-size:22px;
  font-weight:900;
  color:#d81b60;
  line-height:1.2;
}

/* ============================================================
   CORRECTION — MES QCM DANS LE BLOC STRATÉGIE MATHS
   ============================================================ */

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-qcm{
  padding-left:8px;
  padding-right:8px;
  background:linear-gradient(135deg, rgba(216,27,96,0.08), rgba(216,27,96,0.04));
  border-left:2px solid #d81b60;
  border-right:2px solid #d81b60;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-qcm a{
  margin-bottom:10px;
  width:100%;
  box-sizing:border-box;
  color:#d81b60 !important;
  border-color:#d81b60 !important;
  background:#ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-qcm a:hover{
  color:#d81b60 !important;
  border-color:#d81b60 !important;
  background:#fff5f8 !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.08) !important;
  transform:none !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-qcm a[data-sm-tooltip]::after{
  color:#666 !important;
}


.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-qcm.is-active a{
  background:#d81b60 !important;
  border-color:#d81b60 !important;
  color:#ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mes-qcm.is-active a[data-sm-tooltip]::after{
  color:rgba(255,255,255,0.88) !important;
}


/* ============================================================
   Pages dédiées Stratégie Maths — espace sous le menu
   Parcours / étapes / fiches / flashcards / QCM
   ============================================================ */

body.single-sm_parcours main,
body.single-sm_etape main,
body.single-sm_fiche main,
body.single-sm_flashpack main,
body.single-sm_flashcard_pack main,
body.single-sm_qcm main{
  padding-top:70px !important;
}

/* ============================================================
   MAISON RETOUR — COMMUN
   Ne plus dupliquer ailleurs
   ============================================================ */

.sm-back-chip{
  position:absolute;
  top:0;
  left:0;
  transform:translate(-35%, -35%);
  z-index:80;
  text-decoration:none;
}

.sm-back-round{
  width:42px;
  height:42px;
  border-radius:999px;
  color:#fff;
  border:none;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  transition: transform .25s ease, box-shadow .25s ease;

  z-index:3;
  position:relative;
}

/* Couleurs */
.sm-back-round-cours{ background:#6a1b9a; }
.sm-back-round-methode{ background:#f57c00; }
.sm-back-round-astuce{ background:#d81b60; }

/* Slide */
.sm-back-slide{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);

  color:#fff;
  font-size:14px;
  font-weight:700;

  padding:10px 0;
  border-radius:25px;

  white-space:nowrap;

  opacity:0;
  width:0;
  overflow:hidden;

  transition:
    opacity .25s ease,
    width .35s ease,
    padding .35s ease;
}

/* Couleurs */
.sm-back-slide-cours{ background:#6a1b9a; }
.sm-back-slide-methode{ background:#f57c00; }
.sm-back-slide-astuce{ background:#d81b60; }

/* Hover */
.sm-back-chip:hover .sm-back-round{
  transform:scale(1.12);
  box-shadow:0 6px 18px rgba(106,27,154,.35);
}

.sm-back-chip:hover .sm-back-slide{
  opacity:1;

  width:auto;
  min-width:max-content;

  padding:12px 18px 12px 56px;
}