/* ══════════════════════════════════════════════════════
   KOCOON FAMILY — CSS PAGE MON COMPTE
   Sections : Stats | Sidebar | Contenu
   ══════════════════════════════════════════════════════ */


/* ════════════════════════════════
   GLOBAL — Police uniforme
   ════════════════════════════════ */
   .woocommerce-MyAccount-content,
   .woocommerce-MyAccount-content * {
     font-family: inherit !important;
     box-sizing: border-box !important;
   }
   
   
   /* ════════════════════════════════
      STATS — 3 cartes en haut
      (widget Shortcode PHP)
      ════════════════════════════════ */
   .kocoon-stats {
     display: grid !important;
     grid-template-columns: repeat(3, 1fr) !important;
     gap: 12px !important;
     margin-bottom: 24px !important;
   }
   
   .kstat {
     background: var(--k-beige-2) !important;
     border: 1px solid var(--k-border) !important;
     border-radius: 12px !important;
     padding: 18px 16px !important;
     display: flex !important;
     flex-direction: column !important;
     gap: 6px !important;
   }
   
   .kstat-lbl {
     font-size: 12px !important;
     color: var(--k-gris) !important;
     display: block !important;
     letter-spacing: 0.5px !important;
   }
   
   .kstat-val {
     font-size: 24px !important;
     font-weight: 500 !important;
     color: var(--k-noir) !important;
     display: block !important;
   }
   
   .kstat-sub {
     font-size: 11px !important;
     color: var(--k-gris-clair) !important;
     display: block !important;
   }
   
   
   /* ════════════════════════════════
      SIDEBAR — Menu de navigation gauche
      ════════════════════════════════ */
   .woocommerce-MyAccount-navigation {
     background: var(--k-beige-2) !important;
     border-right: 1px solid var(--k-border) !important;
     padding: 20px 0 !important;
     border-radius: 12px 0 0 12px !important;
   }
   
   .woocommerce-MyAccount-navigation ul {
     list-style: none !important;
     margin: 0 !important;
     padding: 0 !important;
   }
   
   .woocommerce-MyAccount-navigation li a {
     display: block !important;
     padding: 12px 24px !important;
     font-size: 16px !important;
     color: var(--k-noir) !important;
     text-decoration: none !important;
     border-left: 3px solid transparent !important;
     transition: all 0.2s !important;
   }
   
   /* Lien actif + hover */
   .woocommerce-MyAccount-navigation li.is-active a,
   .woocommerce-MyAccount-navigation li a:hover {
     color: var(--k-noir) !important;
     border-left: 3px solid var(--k-ocre) !important;
     background: var(--k-border-light) !important;
   }
   
   
   /* ════════════════════════════════
      CONTENU — Zone droite (tous onglets)
      ════════════════════════════════ */
   .woocommerce-MyAccount-content {
     padding: 24px 32px !important;
     background: transparent !important;
   }
   
   /* Texte intro du tableau de bord */
   .woocommerce-MyAccount-content > p:first-child {
     font-size: 12px !important;
     color: var(--k-gris-clair) !important;
     margin-bottom: 20px !important;
   }
   
   
   /* ════════════════════════════════
      RESPONSIVE — Mobile
      ════════════════════════════════ */
   @media (max-width: 767px) {
   
     /* Stats en colonne */
     .kocoon-stats {
       grid-template-columns: 1fr !important;
     }
   }