/* ========================================
   PAGE SINGLE - STYLES DÉDIÉS
   ======================================== */


   .adux-blog-article { font-family: 'sweet-sans-pro', sans-serif; background: #fff; }
   
   /* Breadcrumbs  */
   .adux-breadcrumbs-exact { 
       background: #f8f9fa; 
       padding: 15px 0; 
       border-bottom: 1px solid #e9ecef; 
       font-size: 13px; 
       font-family: 'sweet-sans-pro', sans-serif;
       margin-top: 65px; /* Espace pour le header fixe */
   }
   .adux-breadcrumbs-exact a { 
       color: #666; 
       text-decoration: none; 
       transition: color 0.3s ease;
   }
   .adux-breadcrumbs-exact a:hover { 
       color: #E5413E; 
   }
   .adux-breadcrumbs-exact ol {
       align-items: center;
       font-weight: 500;
   }
   
   /* Tag rouge  */
   .adux-category-tag-exact { 
       background: #E5413E; 
       color: white; 
       padding: 8px 16px; 
       border-radius: 4px; 
       font-size: 12px; 
       font-weight: 700; 
       text-transform: uppercase; 
       text-decoration: none; 
       display: inline-block; 
       margin-bottom: 20px; 
   }
   
   
   .adux-title-exact { 
       font-size: 3rem; 
       font-weight: 800; 
       color: #2C2F32; 
       text-transform: uppercase; 
       margin: 20px 0 30px 0; 
       line-height: 1.1; 
       letter-spacing: -1px; 
   }
   
   
   .adux-hero-exact { 
       background: linear-gradient(135deg, #E5413E 0%, #c73631 100%); 
       padding: 60px 0; 
       color: white; 
       position: relative; 
       overflow: hidden; 
   }
   
   /* Graphique */
   .adux-hero-graphic-exact { 
       position: absolute; 
       right: 40px; 
       top: 20px; 
       width: 200px; 
       height: 150px; 
       background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150"><circle cx="150" cy="40" r="25" fill="rgba(255,255,255,0.15)"/><text x="150" y="48" text-anchor="middle" fill="white" font-size="18" font-weight="bold">G</text><path d="M50,100 Q100,60 150,100" stroke="rgba(255,255,255,0.3)" stroke-width="3" fill="none"/><rect x="30" y="110" width="140" height="2" fill="rgba(255,255,255,0.2)"/><circle cx="50" cy="100" r="3" fill="white"/><circle cx="100" cy="80" r="3" fill="white"/><circle cx="150" cy="100" r="3" fill="white"/></svg>') center/contain no-repeat; 
       opacity: 0.8; 
   }
   
   /* Layout Hero 2 colonnes */
   .adux-hero-content-exact {
       display: grid;
       grid-template-columns: 1fr auto;
       gap: 40px;
       align-items: center;
       position: relative;
       z-index: 2;
       max-width: 1200px;
       margin: 0 auto;
   }
   
   .adux-hero-intro-exact {
       max-width: 600px;
   }
   
   .adux-hero-excerpt-exact {
       font-size: 1.2rem;
       line-height: 1.6;
       margin: 0;
       opacity: 0.9;
       color: white;
   }
   
   .adux-hero-meta-exact {
       margin-top: 25px;
       font-size: 14px;
       opacity: 0.8;
       color: white;
   }
   
   .adux-meta-separator {
       margin: 0 15px;
   }
   
   .adux-hero-right-exact {
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 20px;
       position: relative;
   }
   
   .adux-hero-image-exact {
       width: 200px;
       height: 150px;
       border-radius: 8px;
       overflow: hidden;
       box-shadow: 0 8px 25px rgba(0,0,0,0.3);
       border: 3px solid rgba(255,255,255,0.2);
   }
   
   .adux-hero-image-exact img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.3s ease;
   }
   
   .adux-hero-image-exact:hover img {
       transform: scale(1.05);
   }
   
   .adux-google-analytics-icon-exact {
       position: absolute;
       top: -10px;
       right: -10px;
       background: rgba(255,255,255,0.1);
       border-radius: 50%;
       padding: 8px;
       backdrop-filter: blur(10px);
       border: 1px solid rgba(255,255,255,0.2);
   }
   
   /* Layout principal */
   .adux-layout-exact { 
       display: grid; 
       grid-template-columns: 250px 1fr 300px; 
       gap: 40px; 
       max-width: 1400px; 
       margin: 0 auto; 
       padding: 40px 20px; 
       overflow: hidden; 
   }
   
   /* Table des matières */
   .adux-toc-exact { 
       background: #f8f9fa; 
       border-radius: 10px; 
       padding: 25px; 
       position: sticky; 
       top: 100px; 
       height: fit-content; 
   }
   
   .adux-toc-exact h3 { 
       font-size: 1.1rem; 
       font-weight: 700; 
       margin-bottom: 20px; 
       color: #2C2F32; 
   }
   
   .adux-toc-exact ol { 
       list-style: none; 
       margin: 0; 
       padding: 0; 
       counter-reset: toc-counter; 
   }
   
   .adux-toc-exact li { 
       counter-increment: toc-counter; 
       margin-bottom: 10px; 
   }
   
   .adux-toc-exact li a { 
       color: #666; 
       text-decoration: none; 
       font-size: 14px; 
       line-height: 1.4; 
       display: block; 
       position: relative; 
       padding-left: 25px; 
   }
   
   .adux-toc-exact li a:before { 
       content: counter(toc-counter); 
       position: absolute; 
       left: 0; 
       top: 0; 
       background: #E5413E; 
       color: white; 
       width: 18px; 
       height: 18px; 
       border-radius: 50%; 
       font-size: 11px; 
       font-weight: 700; 
       display: flex; 
       align-items: center; 
       justify-content: center; 
   }
   
   .adux-toc-exact li a:hover { color: #E5413E; font-weight: 600; }
   
   /* Contenu article avec H2/H3  */
   .adux-content-exact h2 { 
       font-size: 2rem; 
       font-weight: 800; 
       color: #2C2F32; 
       margin: 40px 0 20px 0; 
       line-height: 1.2; 
   }
   
   .adux-content-exact h3 { 
       font-size: 1.5rem; 
       font-weight: 700; 
       color: #E5413E; 
       margin: 30px 0 15px 0; 
   }
   
   .adux-content-exact p { 
       font-size: 17px; 
       line-height: 1.7; 
       color: #666; 
       margin-bottom: 20px; 
   }
   
   .adux-content-exact ol, .adux-content-exact ul { 
       margin-bottom: 20px; 
       padding-left: 30px; 
   }
   
   .adux-content-exact strong { color: #2C2F32; font-weight: 700; }
   
   /* Sidebar ARTICLES  */
   .adux-sidebar-exact { 
       background: #f8f9fa; 
       border-radius: 10px; 
       padding: 30px; 
       position: sticky; 
       top: 100px; 
       height: fit-content; 
   }
   
   .adux-sidebar-exact h3 { 
       font-size: 1.5rem; 
       font-weight: 800; 
       color: #2C2F32; 
       text-transform: uppercase; 
       margin-bottom: 30px; 
       text-align: center; 
   }
   
   .adux-sidebar-article-exact { 
       border-bottom: 1px solid #e9ecef; 
       padding-bottom: 20px; 
       margin-bottom: 20px; 
   }
   
   .adux-sidebar-article-exact:last-child { border-bottom: none; margin-bottom: 0; }
   
   .adux-sidebar-article-exact h4 { 
       font-size: 14px; 
       font-weight: 700; 
       color: #2C2F32; 
       line-height: 1.4; 
       margin-bottom: 8px; 
   }
   
   .adux-sidebar-article-exact h4 a { 
       color: inherit; 
       text-decoration: none; 
   }
   
   .adux-sidebar-article-exact h4 a:hover { color: #E5413E; }
   
   .adux-sidebar-article-exact .date { 
       font-size: 12px; 
       color: #999; 
   }
   
   /* Related posts  */
   .adux-related-exact { 
       margin-top: 80px; 
       padding-top: 60px; 
       padding-bottom: 60px;
       border-top: 1px solid #e9ecef; 
   }
   
   .adux-related-exact h3 { 
       font-size: 1.5rem; 
       font-weight: 800; 
       color: #2C2F32; 
       margin-bottom: 40px; 
   }
   
   .adux-related-grid-exact { 
       display: grid; 
       grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
       gap: 40px; 
       margin-bottom: 20px;
   }
   
   .adux-related-card-exact { 
       background: white; 
       border: 1px solid #e9ecef;
       border-radius: 0; 
       overflow: hidden; 
       transition: transform 0.3s ease, box-shadow 0.3s ease; 
       margin-bottom: 20px;
       height: 100%;
       display: flex;
       flex-direction: column;
   }
   
   .adux-related-card-exact:hover { 
       transform: translateY(-5px); 
       box-shadow: 0 10px 30px rgba(0,0,0,0.1);
   }
   
   .adux-related-card-exact img { 
       width: 100%; 
       height: 180px; 
       object-fit: cover; 
       transition: transform 0.3s ease;
   }
   
   .adux-related-card-exact:hover img {
       transform: scale(1.05);
   }
   
   .adux-related-card-exact-content { 
       padding: 25px; 
       flex: 1;
       display: flex;
       flex-direction: column;
   }
   
   .adux-related-card-exact h4 { 
       font-family: 'sweet-sans-pro', sans-serif;
       font-size: 1.2rem; 
       font-weight: 700; 
       color: #333; 
       margin-bottom: 15px; 
       line-height: 1.3; 
   }
   
   .adux-related-card-exact h4 a { 
       color: inherit; 
       text-decoration: none; 
       transition: color 0.3s ease;
   }
   
   .adux-related-card-exact h4 a:hover { 
       color: #E5413E; 
   }
   
   .adux-related-card-exact .category { 
       background: #E5413E; 
       color: white; 
       padding: 4px 8px; 
       border-radius: 0; 
       font-size: 0.7rem; 
       font-weight: 700; 
       text-transform: uppercase; 
       margin-bottom: 15px; 
       display: inline-block; 
       font-family: 'sweet-sans-pro', sans-serif;
       letter-spacing: 0.5px;
   }
   
   .adux-related-card-exact .date { 
       font-family: 'sweet-sans-pro', sans-serif;
       font-size: 0.9rem; 
       color: #666; 
       margin-top: auto;
   }
   
   /* Responsive */
   
   /* Tablette Large */
   @media (max-width: 1200px) {
       .adux-layout-exact { 
           grid-template-columns: 200px 1fr 280px; 
           gap: 30px; 
           padding: 30px 15px; 
       }
       .adux-toc-exact, .adux-sidebar-exact { 
           padding: 20px; 
       }
       .adux-related-grid-exact { 
           grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
           gap: 25px; 
       }
   }
   
   /* Tablette */
   @media (max-width: 1024px) {
       .adux-layout-exact { 
           grid-template-columns: 1fr; 
           gap: 30px; 
           padding: 20px 15px; 
       }
       .adux-toc-exact, .adux-sidebar-exact { 
           position: static; 
           order: 2; 
       }
       .adux-content-exact { 
           order: 1; 
       }
       .adux-sidebar-exact { 
           order: 3; 
       }
       .adux-title-exact { 
           font-size: 2.5rem; 
       }
       .adux-hero-exact { 
           padding: 40px 0; 
       }
       .adux-related-grid-exact { 
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
           gap: 20px; 
       }
   }
   
   /* Mobile Large */
   @media (max-width: 768px) {
       .adux-title-exact { 
           font-size: 2rem; 
           margin: 15px 0 25px 0; 
       }
       .adux-content-exact h2 { 
           font-size: 1.5rem; 
           margin: 30px 0 15px 0; 
       }
       .adux-content-exact h3 { 
           font-size: 1.3rem; 
       }
       .adux-content-exact p { 
           font-size: 16px; 
       }
       .adux-hero-graphic-exact { 
           display: none; 
       }
       .adux-hero-exact { 
           padding: 30px 0; 
       }
       
       /* Responsive Hero 2 colonnes */
       .adux-hero-content-exact {
           grid-template-columns: 1fr;
           gap: 30px;
           text-align: center;
       }
       
       .adux-hero-intro-exact {
           max-width: 100%;
       }
       
       .adux-hero-excerpt-exact {
           font-size: 1.1rem;
       }
       
       .adux-hero-image-exact {
           width: 180px;
           height: 135px;
       }
       
       .adux-google-analytics-icon-exact {
           top: -8px;
           right: -8px;
           padding: 6px;
       }
       .adux-related-grid-exact { 
           grid-template-columns: 1fr; 
       }
       .adux-layout-exact { 
           padding: 15px 10px; 
       }
       .adux-toc-exact, .adux-sidebar-exact { 
           padding: 15px; 
       }
   }
   
   /* Mobile */
   @media (max-width: 480px) {
       .adux-title-exact { 
           font-size: 1.5rem; 
           line-height: 1.2; 
       }
       .adux-content-exact h2 { 
           font-size: 1.3rem; 
       }
       .adux-content-exact h3 { 
           font-size: 1.1rem; 
       }
       .adux-content-exact p { 
           font-size: 15px; 
       }
       .adux-hero-exact { 
           padding: 20px 0; 
       }
       
       /* Responsive Hero 2 colonnes - Mobile */
       .adux-hero-content-exact {
           gap: 20px;
       }
       
       .adux-hero-excerpt-exact {
           font-size: 1rem;
       }
       
       .adux-hero-image-exact {
           width: 150px;
           height: 112px;
       }
       
       .adux-google-analytics-icon-exact {
           top: -6px;
           right: -6px;
           padding: 5px;
       }
       .adux-breadcrumbs-exact { 
           padding: 10px 0; 
           font-size: 12px; 
           margin-top: 55px; /* Ajusté pour mobile */
       }
       .adux-breadcrumbs-exact ol { 
           flex-wrap: wrap; 
           gap: 5px; 
       }
       .adux-breadcrumbs-exact li {
           font-size: 11px;
       }
       .adux-category-tag-exact { 
           padding: 6px 12px; 
           font-size: 11px; 
       }
       .adux-layout-exact { 
           padding: 10px 5px; 
       }
       .adux-toc-exact, .adux-sidebar-exact { 
           padding: 12px; 
       }
       .adux-related-exact { 
           margin-top: 40px; 
           padding-top: 30px; 
       }
   }
   
   /* Très petit mobile */
   @media (max-width: 320px) {
       .adux-title-exact { 
           font-size: 1.3rem; 
       }
       .adux-content-exact h2 { 
           font-size: 1.2rem; 
       }
       .adux-content-exact p { 
           font-size: 14px; 
       }
   }
   
   /* Amélresponsive */
   .container { 
       max-width: 1400px; 
       margin: 0 auto; 
       padding: 0 20px; 
   }
   
   /* Images responsives */
   .adux-content-exact img {
       max-width: 100%;
       height: auto;
       border-radius: 8px;
       margin: 20px 0;
   }
   
   /* Tables responsives */
   .adux-content-exact table {
       width: 100%;
       overflow-x: auto;
       display: block;
       white-space: nowrap;
   }
   
   .adux-content-exact table th,
   .adux-content-exact table td {
       padding: 12px;
       text-align: left;
       border-bottom: 1px solid #e9ecef;
   }
   
   /* mobile pour les containers */
   @media (max-width: 768px) {
       .container {
           padding: 0 20px;
       }
   }
   
   @media (max-width: 480px) {
       .container {
           padding: 0 15px;
       }
       .adux-related-grid-exact {
           grid-template-columns: 1fr;
           gap: 15px;
       }
       .adux-related-card-exact img {
           height: 150px;
       }
   }
   
   /*  débordement texte */
   .adux-content-exact {
       word-wrap: break-word;
       overflow-wrap: break-word;
   }
   
   .adux-title-exact,
   .adux-content-exact h2,
   .adux-content-exact h3 {
       word-wrap: break-word;
       overflow-wrap: break-word;
   }