/* =========================================================
   BASE GLOBAL — MMA CHILD NEON
   ========================================================= */

   *,
   *::before,
   *::after{
     box-sizing: border-box;
   }
   
   html, body{
     height: 100%;
   }
   
   body{
     margin:0;
     font-family: var(--font-body);
     color: var(--text);
     background:
       radial-gradient(1200px 700px at 15% 20%, rgba(0,245,255,.08), transparent 60%),
       radial-gradient(1200px 700px at 85% 30%, rgba(255,43,214,.08), transparent 62%),
       radial-gradient(1000px 600px at 70% 90%, rgba(183,255,60,.06), transparent 55%),
       linear-gradient(180deg, var(--bg), var(--bg2));
     
     min-width:1600px;      /* OBLIGATOIRE */
     overflow-x:auto;
     font-weight: 200;
   }
   
   /* Responsive quand même */
   @media (max-width:1599px){
     body{
       min-width:0;
       overflow-x:hidden;
     }
   }
   
   /* Container global */
   .container{
     width:100%;
     max-width: var(--max);
     margin: 0 auto;
     padding: 0 var(--pad);
   }
   
   /* Liens */
   a{
     text-decoration:none;
     color:inherit;
   }
   
   b, strong {
       color: #e0d5a4;
     }

  /* ==========================================================
   ACTUALITES (page 1961) — FUTURISTE / MODERNE
   Scope: body.page-id-1961
   ========================================================== */

body.page-id-1961 .site-content{
    padding-top: clamp(26px, 3vw, 64px) !important; /* + d’air en haut */
    padding-bottom: clamp(40px, 4vw, 90px) !important;
  }
  
  /* Titre / typo globale sur la zone */
  body.page-id-1961 .entry-content{
    color: rgba(226, 238, 255, .92);
  }
  
  /* Layout principal: garde 9/3 mais rend + clean */
  body.page-id-1961 .left-sidebar{
    padding-right: 18px;
  }
  body.page-id-1961 #secondary{
    position: sticky;
    top: 92px; /* sous ton header */
  }
  
  /* ====== GRID POSTS ====== */
  body.page-id-1961 .rs-blog-grid .row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px !important;
    margin: 0 !important;
  }
  
  @media (max-width: 991px){
    body.page-id-1961 .rs-blog-grid .row{
      grid-template-columns: 1fr;
    }
  }
  
  /* neutralise les col-* bootstrap (sinon ça fight) */
  body.page-id-1961 .rs-blog-grid .blog-item{
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* ====== CARTE FUTURISTE ====== */
  body.page-id-1961 .rs-blog-grid .blog-item{
    border-radius: 18px;
    overflow: hidden;
    background: rgba(10, 16, 24, 0.55);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 12px 40px rgba(0,0,0,0.40);
    backdrop-filter: blur(10px);
    transform: translateZ(0);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    position: relative;
  }
  
  /* glow léger */
  body.page-id-1961 .rs-blog-grid .blog-item::before{
   
    position:absolute; inset:-2px;
    background: radial-gradient(600px 220px at 20% 10%, rgba(31,127,211,.25), transparent 60%),
                radial-gradient(520px 200px at 90% 90%, rgba(204,46,52,.18), transparent 60%);
    pointer-events:none;
    opacity:.9;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-item:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 55px rgba(0,0,0,0.55);
    border-color: rgba(31,127,211,0.35);
  }
  
  /* ====== IMAGE CINEMA ====== */
  body.page-id-1961 .rs-blog-grid .blog-img{
    position: relative;
  }
  
  body.page-id-1961 .rs-blog-grid .image-wrap{
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  
  body.page-id-1961 .rs-blog-grid .image-wrap img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.02);
    transition: transform .35s ease, filter .35s ease;
    filter: saturate(1.05) contrast(1.02);
  }
  
  body.page-id-1961 .rs-blog-grid .blog-item:hover .image-wrap img{
    transform: scale(1.08);
    filter: saturate(1.15) contrast(1.08);
  }
  
  /* overlay dégradé pour lisibilité */
  body.page-id-1961 .rs-blog-grid .blog-img::after{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(to bottom,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.35) 55%,
      rgba(0,0,0,0.85) 100%);
    pointer-events:none;
  }
  
  /* ====== META (DATE + AUTEUR) ====== */
  body.page-id-1961 .rs-blog-grid .all-meta{
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  /* date pill futuriste */
  body.page-id-1961 .rs-blog-grid .meta-date{
    background: rgba(10, 16, 24, .65);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 8px 10px;
    line-height: 1;
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 22px rgba(0,0,0,.35);
  }
  
  body.page-id-1961 .rs-blog-grid .meta-date .month-day{
    display:block;
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 800;
    font-size: 16px;
    color: #eaf2ff;
  }
  body.page-id-1961 .rs-blog-grid .meta-date .month-name{
    display:block;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: rgba(226,238,255,.78);
  }
  
  /* auteur */
  body.page-id-1961 .rs-blog-grid .meta.author{
    background: rgba(10, 16, 24, .55);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    padding: 8px 12px;
    color: rgba(226,238,255,.85);
    backdrop-filter: blur(8px);
  }
  
  /* ====== CONTENU ====== */
  body.page-id-1961 .rs-blog-grid .blog-meta{
    padding: 16px 18px 18px !important;
    position: relative;
    z-index: 2;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-title a{
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: rgba(234, 242, 255, .96) !important;
    text-decoration: none !important;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-desc{
    color: rgba(226,238,255,.82);
    line-height: 1.55;
    margin-top: 10px;
  }
  
  /* bouton "Read More" => néon */
  body.page-id-1961 .rs-blog-grid .blog-button a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
  
    margin-top: 14px;
    padding: 10px 14px;
    border-radius: 999px;
  
    background: rgba(31,127,211,.16);
    border: 1px solid rgba(31,127,211,.35);
    color: rgba(234, 242, 255, .96) !important;
  
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-decoration: none !important;
  
    box-shadow: 0 14px 30px rgba(0,0,0,.35);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-button a:hover{
    transform: translateY(-2px);
    background: rgba(31,127,211,.26);
    border-color: rgba(31,127,211,.55);
  }
  
  /* ====== SIDEBAR FUTURISTE ====== */
  body.page-id-1961 .bs-sidebar .widget,
  body.page-id-1961 .recent-widget{
    background: rgba(10, 16, 24, 0.55);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px;
    padding: 16px 16px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.40);
    backdrop-filter: blur(10px);
    margin-bottom: 18px;
  }
  
  /* titres sidebar */
  body.page-id-1961 .widget-title{
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: rgba(234,242,255,.96);
    margin-bottom: 14px !important;
  }
  
  /* items récents */
  body.page-id-1961 .recent-post-widget .show-featured{
    display: grid;
    grid-template-columns: 78px 1fr;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
  }
  body.page-id-1961 .recent-post-widget .show-featured:first-child{
    border-top: none;
    padding-top: 0;
  }
  
  body.page-id-1961 .recent-post-widget .post-img img{
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.10);
  }
  
  body.page-id-1961 .recent-post-widget .post-desc a{
    color: rgba(226,238,255,.90) !important;
    text-decoration: none !important;
    font-weight: 700;
  }
  body.page-id-1961 .recent-post-widget .post-desc a:hover{
    color: rgba(31,127,211,.95) !important;
  }
  
  /* social icons */
  body.page-id-1961 .footer_social li a{
    background: rgba(31,127,211,.14) !important;
    border: 1px solid rgba(31,127,211,.30) !important;
    border-radius: 14px !important;
  }
  body.page-id-1961 .footer_social li a:hover{
    background: rgba(31,127,211,.24) !important;
    border-color: rgba(31,127,211,.55) !important;
  }
  
/* ==========================================================
   ACTUALITES (page 1961) — NEON / MODERNE (Design System)
   Scope: body.page-id-1961
   Targets: .rs-blog-grid + .bs-sidebar.dynamic-sidebar
   ========================================================== */

   body.page-id-1961{
    /* ---------- TOKENS / VARIABLES ---------- */
    --neo-bg: rgba(10, 16, 24, .58);
    --neo-bg-2: rgba(10, 16, 24, .68);
    --neo-border: rgba(255,255,255,.10);
    --neo-border-2: rgba(255,255,255,.14);
    --neo-text: rgba(226,238,255,.92);
    --neo-text-soft: rgba(226,238,255,.78);
    --neo-title: rgba(234,242,255,.98);
  
    --neo-blue: rgba(31,127,211,1);
    --neo-red: rgba(204,46,52,1);
  
    --neo-radius: 18px;
    --neo-radius-sm: 14px;
  
    --neo-gap: 22px;
    --neo-pad: 16px;
  
    --neo-shadow: 0 12px 40px rgba(0,0,0,.40);
    --neo-shadow-hover: 0 18px 55px rgba(0,0,0,.55);
  
    --neo-blur: blur(10px);
  
    --neo-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --neo-font-title: Orbitron, Inter, system-ui, sans-serif;
  }
  
  /* ---------- SPACING GLOBAL ---------- */
  body.page-id-1961 .site-content{
    padding-top: clamp(26px, 3vw, 64px) !important;
    padding-bottom: clamp(40px, 4vw, 90px) !important;
  }
  
  body.page-id-1961 .entry-content{
    color: var(--neo-text);
    font-family: var(--neo-font);
  }
  
  /* ---------- LAYOUT 9/3 propre ---------- */
  body.page-id-1961 .left-sidebar{ padding-right: 18px; }
  
  /* Sidebar sticky (optionnel) */
  body.page-id-1961 #secondary{
    position: sticky;
    top: 92px;
  }
  
  /* ==========================================================
     GRID POSTS (sans fight bootstrap)
     ========================================================== */
  body.page-id-1961 .rs-blog-grid .row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--neo-gap) !important;
    margin: 0 !important;
  }
  @media (max-width: 991px){
    body.page-id-1961 .rs-blog-grid .row{ grid-template-columns: 1fr; }
  }
  
  /* neutralise le col-lg-6 etc */
  body.page-id-1961 .rs-blog-grid .blog-item{
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* ==========================================================
     POST CARD (glass + glow)
     ========================================================== */
  body.page-id-1961 .rs-blog-grid .blog-item{
    border-radius: var(--neo-radius);
    overflow: hidden;
    background: var(--neo-bg);
    border: 1px solid var(--neo-border);
    box-shadow: var(--neo-shadow);
    backdrop-filter: var(--neo-blur);
    transform: translateZ(0);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    position: relative;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-item::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(600px 220px at 20% 10%, rgba(31,127,211,.22), transparent 60%),
      radial-gradient(520px 200px at 90% 90%, rgba(204,46,52,.16), transparent 60%);
    pointer-events:none;
    opacity:.95;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-item:hover{
    transform: translateY(-6px);
    box-shadow: var(--neo-shadow-hover);
    border-color: rgba(31,127,211,.35);
  }
  
  /* Image ratio propre */
  body.page-id-1961 .rs-blog-grid .blog-img{ position: relative; }
  body.page-id-1961 .rs-blog-grid .image-wrap{
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  body.page-id-1961 .rs-blog-grid .image-wrap img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.02);
    transition: transform .35s ease, filter .35s ease;
    filter: saturate(1.05) contrast(1.02);
  }
  body.page-id-1961 .rs-blog-grid .blog-item:hover .image-wrap img{
    transform: scale(1.08);
    filter: saturate(1.15) contrast(1.08);
  }
  
  /* overlay lisibilité */
  body.page-id-1961 .rs-blog-grid .blog-img::after{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(to bottom,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.35) 55%,
      rgba(0,0,0,0.85) 100%);
    pointer-events:none;
  }
  
  /* Meta en bas sur l'image */
  body.page-id-1961 .rs-blog-grid .all-meta{
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  body.page-id-1961 .rs-blog-grid .meta-date{
    background: var(--neo-bg-2);
    border: 1px solid var(--neo-border-2);
    border-radius: var(--neo-radius-sm);
    padding: 8px 10px;
    line-height: 1;
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 22px rgba(0,0,0,.35);
  }
  
  body.page-id-1961 .rs-blog-grid .meta-date .month-day{
    display:block;
    font-family: var(--neo-font-title);
    font-weight: 900;
    font-size: 16px;
    color: var(--neo-title);
  }
  body.page-id-1961 .rs-blog-grid .meta-date .month-name{
    display:block;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--neo-text-soft);
  }
  
  body.page-id-1961 .rs-blog-grid .meta.author{
    background: rgba(10, 16, 24, .55);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    padding: 8px 12px;
    color: rgba(226,238,255,.86);
    backdrop-filter: blur(8px);
  }
  
  /* Contenu */
  body.page-id-1961 .rs-blog-grid .blog-meta{
    padding: 16px 18px 18px !important;
    position: relative;
    z-index: 2;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-title a{
    font-family: var(--neo-font-title);
    font-weight: 900;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--neo-title) !important;
    text-decoration: none !important;
  }
  
  body.page-id-1961 .rs-blog-grid .blog-desc{
    color: var(--neo-text-soft);
    line-height: 1.55;
    margin-top: 10px;
  }
  
  /* Bouton Read More néon */
  body.page-id-1961 .rs-blog-grid .blog-button a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
  
    padding: 10px 14px;
    border-radius: 999px;
  
    background: rgba(31,127,211,.16);
    border: 1px solid rgba(31,127,211,.35);
    color: var(--neo-title) !important;
  
    font-weight: 900;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-decoration: none !important;
  
    box-shadow: 0 14px 30px rgba(0,0,0,.35);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
  }
  body.page-id-1961 .rs-blog-grid .blog-button a:hover{
    transform: translateY(-2px);
    background: rgba(31,127,211,.26);
    border-color: rgba(31,127,211,.55);
  }
  
  /* ==========================================================
     SIDEBAR — bs-sidebar.dynamic-sidebar (PRO)
     ========================================================== */
  
  /* Container sidebar */
  body.page-id-1961 .bs-sidebar.dynamic-sidebar{
    display: grid;
    gap: 18px;
  }
  
  /* Widgets = cards futuristes */
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .widget,
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-widget{
    background: var(--neo-bg);
    border: 1px solid var(--neo-border);
    border-radius: var(--neo-radius);
    padding: var(--neo-pad);
    box-shadow: var(--neo-shadow);
    backdrop-filter: var(--neo-blur);
  }
  
  /* Titre widget */
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .widget-title{
    font-family: var(--neo-font-title);
    font-weight: 900;
    letter-spacing: .55px;
    text-transform: uppercase;
    color: var(--neo-title);
    margin: 0 0 14px 0 !important;
  }
  
  /* ==========================================================
     RECENT POSTS — photo à gauche / texte à droite (espacé)
     ========================================================== */
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget{
    display: grid;
    gap: 12px;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .show-featured{
    display: grid;
    grid-template-columns: 82px 1fr; /* photo gauche */
    gap: 14px;                     /* espace */
    align-items: center;
  
    padding: 12px 10px;
    border-radius: 14px;
  
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
  
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .show-featured:hover{
    transform: translateY(-2px);
    background: rgba(31,127,211,.08);
    border-color: rgba(31,127,211,.22);
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .post-img{
    width: 82px;
    height: 58px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .post-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .post-item,
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .post-desc{
    margin: 0 !important;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .post-desc a{
    display: -webkit-box;
    -webkit-line-clamp: 2;      /* 2 lignes max */
    -webkit-box-orient: vertical;
    overflow: hidden;
  
    color: rgba(226,238,255,.92) !important;
    text-decoration: none !important;
    font-weight: 800;
    line-height: 1.25;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .recent-post-widget .post-desc a:hover{
    color: rgba(31,127,211,.95) !important;
  }
  
  /* ==========================================================
     SOCIAL (widget Follow US)
     ========================================================== */
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .footer_social{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .footer_social li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
  
    width: 44px;
    height: 44px;
    border-radius: 14px;
  
    background: rgba(31,127,211,.14) !important;
    border: 1px solid rgba(31,127,211,.30) !important;
  
    box-shadow: 0 10px 22px rgba(0,0,0,.25);
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
  }
  
  body.page-id-1961 .bs-sidebar.dynamic-sidebar .footer_social li a:hover{
    transform: translateY(-2px);
    background: rgba(31,127,211,.24) !important;
    border-color: rgba(31,127,211,.55) !important;
  }
  

  /* ==========================================================
   SINGLE POST (articles) — NEON FUTURISTE
   Scope: body.single-post (ex: postid-430)
   Fichier: assets/css/01-base.css
   ========================================================== */

body.single-post #content,
body.single-post .site-content {
  padding-top: clamp(28px, 3vw, 70px) !important;
  padding-bottom: clamp(40px, 4vw, 90px) !important;
}

/* Confort lecture + typos */
body.single-post .rs-blog-details,
body.single-post .single-content-full,
body.single-post .bs-desc {
  color: rgba(226, 238, 255, .90);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Layout 9/3 clean (garde bootstrap) */
body.single-post .rs-blog-details .row {
  align-items: flex-start;
}
body.single-post .rs-blog-details .col-lg-9 {
  padding-right: 18px;
}

/* Sidebar sticky (comme sur Actus) */
body.single-post #secondary {
  position: sticky;
  top: 92px;
}

/* ====== ARTICLE => PANEL GLASS ====== */
body.single-post article.post {
  border-radius: 18px;
  overflow: hidden;
  background: rgba(10, 16, 24, 0.55);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 12px 40px rgba(0,0,0,0.40);
  backdrop-filter: blur(10px);
}

/* Image featured => 16/9 + overlay cinematic */
body.single-post article.post .bs-img {
  position: relative;
  overflow: hidden;
}
body.single-post article.post .bs-img img {
  width: 100% !important;
  height: auto !important;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.03);
}
body.single-post article.post .bs-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.35) 55%,
    rgba(0,0,0,0.85) 100%
  );
  pointer-events: none;
}

/* Contenu du post (padding + lisibilité) */
body.single-post article.post .single-content-full {
  padding: 18px 18px 22px;
}
body.single-post article.post .bs-desc {
  font-size: 15.5px;
  line-height: 1.75;
}

/* Titres */
body.single-post article.post .bs-desc h1,
body.single-post article.post .bs-desc h2,
body.single-post article.post .bs-desc h3,
body.single-post article.post .bs-desc h4 {
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing: .4px;
  color: rgba(234,242,255,.96);
  margin: 22px 0 12px;
  text-transform: none;
}
body.single-post article.post .bs-desc h2 {
  font-size: clamp(18px, 1.8vw, 24px);
}
body.single-post article.post .bs-desc h3 {
  font-size: clamp(16px, 1.4vw, 20px);
}

/* Paragraphes / liens */
body.single-post article.post .bs-desc p {
  margin: 0 0 14px;
  color: rgba(226,238,255,.88);
}
body.single-post article.post .bs-desc a {
  color: rgba(31,127,211,.95);
  text-decoration: none;
}
body.single-post article.post .bs-desc a:hover {
  text-decoration: underline;
}

/* Blockquote néon */
body.single-post article.post .bs-desc blockquote {
  margin: 18px 0;
  padding: 14px 16px;
  border-left: 3px solid rgba(31,127,211,.65);
  background: rgba(31,127,211,.10);
  border-radius: 14px;
  color: rgba(234,242,255,.92);
}

/* Liste (ul stylelisting) => grid clean */
body.single-post article.post .bs-desc ul,
body.single-post article.post .bs-desc ol {
  margin: 14px 0 18px 18px;
}
body.single-post article.post .bs-desc ul.stylelisting {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px 16px;
}
@media (max-width: 991px){
  body.single-post article.post .bs-desc ul.stylelisting {
    grid-template-columns: 1fr;
  }
}
body.single-post article.post .bs-desc ul.stylelisting li{
  background: rgba(10,16,24,.45);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  padding: 10px 12px;
  color: rgba(226,238,255,.88);
}

/* Images inline */
body.single-post article.post .bs-desc img{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* ====== NAV PREV/NEXT => buttons neon ====== */
body.single-post .ps-navigation {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(10, 16, 24, 0.55);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 12px 40px rgba(0,0,0,0.40);
  backdrop-filter: blur(10px);
}
body.single-post .ps-navigation ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px){
  body.single-post .ps-navigation ul {
    grid-template-columns: 1fr;
  }
}
body.single-post .ps-navigation a {
  display: block;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(31,127,211,.12);
  border: 1px solid rgba(31,127,211,.30);
  color: rgba(234,242,255,.92) !important;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
body.single-post .ps-navigation a:hover{
  transform: translateY(-2px);
  background: rgba(31,127,211,.22);
  border-color: rgba(31,127,211,.55);
}
body.single-post .ps-navigation .next_link{
  display:block;
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing: .35px;
  font-weight: 800;
  text-transform: uppercase;
  opacity: .9;
  margin-bottom: 6px;
}

/* ====== COMMENTS => glass panel ====== */
body.single-post #comments .comment-full {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(10, 16, 24, 0.55);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 12px 40px rgba(0,0,0,0.40);
  backdrop-filter: blur(10px);
}
body.single-post #comments textarea,
body.single-post #comments input[type="text"],
body.single-post #comments input[type="email"]{
  width: 100%;
  border-radius: 14px;
  background: rgba(10,16,24,.55);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(234,242,255,.92);
  padding: 10px 12px;
}
body.single-post #comments input.submit{
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(31,127,211,.22);
  border: 1px solid rgba(31,127,211,.45);
  color: rgba(234,242,255,.96);
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
}

/* ====== SIDEBAR (identique à Actus) ====== */
body.single-post .bs-sidebar.dynamic-sidebar .recent-widget{
  background: rgba(10, 16, 24, 0.55);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.35);
}

body.single-post .bs-sidebar.dynamic-sidebar .widget-title{
  font-family: Orbitron, Inter, sans-serif;
  font-weight: 900;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: rgba(234,242,255,.96);
  margin-bottom: 14px !important;
}

body.single-post .recent-post-widget .show-featured{
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
body.single-post .recent-post-widget .show-featured:first-child{
  border-top: none;
  padding-top: 0;
}
body.single-post .recent-post-widget .post-img img{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.10);
}
body.single-post .recent-post-widget .post-desc a{
  color: rgba(226,238,255,.90) !important;
  text-decoration: none !important;
  font-weight: 700;
}
body.single-post .recent-post-widget .post-desc a:hover{
  color: rgba(31,127,211,.95) !important;
}

/* social icons */
body.single-post .footer_social li a{
  background: rgba(31,127,211,.14) !important;
  border: 1px solid rgba(31,127,211,.30) !important;
  border-radius: 14px !important;
}
body.single-post .footer_social li a:hover{
  background: rgba(31,127,211,.24) !important;
  border-color: rgba(31,127,211,.55) !important;
}


/* ==========================================================
   PARTENAIRES (page-id-2460) — NEON FUTURISTE
   Fichier: assets/css/01-base.css
   ========================================================== */


  
  /* Typo + couleur globale */
  body.page-id-2460 .entry-content{
    color: rgba(226, 238, 255, .92);
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  
  /* H1 “NOS PARTENAIRES” en style néon */
  body.page-id-2460 .entry-content h1{
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: rgba(234,242,255,.98);
    margin: 0 0 18px !important;
    text-shadow:
      0 0 22px rgba(31,127,211,.35),
      0 0 50px rgba(31,127,211,.18);
  }
  

  
  /* --- HERO LOGO (l’image large intersport) => panel glass + glow --- */
  body.page-id-2460 .entry-content .vc_row.vc_row-has-fill:first-of-type,
  body.page-id-2460 .entry-content .vc_row.vc_custom_1771067531023{
    border-radius: 20px;
    overflow: hidden;
  }
  
  body.page-id-2460 .entry-content .vc_custom_1771067531023{
    position: relative;
  }
  
  body.page-id-2460 .entry-content .vc_custom_1771067531023::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(700px 260px at 20% 10%, rgba(31,127,211,.22), transparent 60%),
      radial-gradient(620px 240px at 90% 90%, rgba(204,46,52,.16), transparent 60%);
    pointer-events:none;
    opacity:.95;
    z-index: 0;
  }
  
  body.page-id-2460 .entry-content .vc_custom_1771067531023 .wpb_single_image{
    position: relative;
    z-index: 1;
    background: rgba(10,16,24,.55);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 40px rgba(0,0,0,.40);
  }
  
  /* Image large : cinematic + arrondi */
  body.page-id-2460 .entry-content .vc_custom_1771067531023 img{
    width: 100% !important;
    height: auto !important;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    filter: saturate(1.05) contrast(1.03);
  }
  
  /* --- GRID LOGOS (4 colonnes) => on transforme chaque logo en “carte” --- */
  body.page-id-2460 .entry-content .vc_custom_1771067539041{
    background: transparent !important; /* on garde ton bg global */
  }
  
  /* Le wrapper row devient une “zone” */
  body.page-id-2460 .entry-content .vc_custom_1771067539041{
    position: relative;
    padding-top: 8px;
  }
  
  body.page-id-2460 .entry-content .vc_custom_1771067539041::before{
    content:"";
    position:absolute; left:0; right:0; top:-10px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
    opacity: .9;
  }
  

  
  /* Carte logo */
  body.page-id-2460 .entry-content .vc_custom_1771067539041 .wpb_single_image{
    border-radius: 18px;
    background: rgba(10,16,24,.50);
    border: 1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 35px rgba(0,0,0,.35);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
    height: 100%;
  }
  
  /* Hover néon */
  body.page-id-2460 .entry-content .vc_custom_1771067539041 .wpb_single_image:hover{
    transform: translateY(-6px);
    border-color: rgba(31,127,211,.40);
    box-shadow: 0 18px 55px rgba(0,0,0,.50);
  }
  
  /* Image logo => centrée, “contain”, pas crop */
  body.page-id-2460 .entry-content .vc_custom_1771067539041 .vc_single_image-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;  /* carré clean */
    border-radius: 14px;
    overflow: hidden;
    background: rgba(0,0,0,.20);
    border: 1px solid rgba(255,255,255,.08);
  }
  
  body.page-id-2460 .entry-content .vc_custom_1771067539041 img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* important pour logos */
    filter: saturate(1.05) contrast(1.05);
    transform: translateZ(0);
  }
  
  /* Responsive: 4 => 2 => 1 */
  @media (max-width: 991px){
    body.page-id-2460 .entry-content .vc_custom_1771067539041 .vc_col-sm-3{
      width: 50% !important;
      float: left;
    }
  }
  @media (max-width: 575px){
    body.page-id-2460 .entry-content .vc_custom_1771067539041 .vc_col-sm-3{
      width: 100% !important;
      float: none;
    }
  }


  /* ==========================================================
   AGENDA (page-id-53) — NEON / GLASS / FUTURISTE
   Fichier: assets/css/01-base.css
   Objectif: agenda = design "home agenda" + custom max
   ========================================================== */

body.page-id-53 .site-content{
    padding-top: clamp(18px, 3vw, 56px) !important;
    padding-bottom: clamp(36px, 5vw, 90px) !important;
  }
  
  /* Titres WPBakery (rs-heading) */
  body.page-id-53 .rs-heading.style9 .sub-text{
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(10,16,24,.55);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(225,238,255,.85);
    letter-spacing: .8px;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    margin-bottom: 20px;
  }
  
  body.page-id-53 .rs-heading.style9 .title{
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;

    color: #CB1A2B !important;

  }
  
  /* Zone agenda = grand panel glass (comme home) */
  body.page-id-53 .mptt-shortcode-wrapper{
    position: relative;
    margin-top: 18px;
    border-radius: 22px;
    padding: clamp(14px, 2vw, 20px);
    background: rgba(10,16,24,.52);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
    backdrop-filter: blur(12px);
    overflow: hidden;
  }
  
  /* Glow de fond */
  body.page-id-53 .mptt-shortcode-wrapper::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(700px 300px at 20% 10%, rgba(31,127,211,.22), transparent 60%),
      radial-gradient(520px 260px at 85% 80%, rgba(204,46,52,.14), transparent 60%);
    pointer-events:none;
    opacity:.95;
    z-index: 0;
  }
  body.page-id-53 .mptt-shortcode-wrapper > *{ position: relative; z-index: 1; }
  
  /* Tabs (Nos Sessions / Catégories) => pills néon */
  body.page-id-53 .mptt-menu.mptt-navigation-tabs{
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  
  body.page-id-53 .mptt-menu.mptt-navigation-tabs li{
    margin: 0 !important;
    list-style: none !important;
    border: 0 !important;
    background: transparent !important;
  }
  
  body.page-id-53 .mptt-menu.mptt-navigation-tabs li a{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    background: rgba(5,10,16,.55) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(230,240,255,.90) !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 700;
    font-size: 12px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    text-decoration: none !important;
  }
  
  body.page-id-53 .mptt-menu.mptt-navigation-tabs li a:hover{
    transform: translateY(-2px);
    border-color: rgba(31,127,211,.35) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
  }
  
  body.page-id-53 .mptt-menu.mptt-navigation-tabs li.active a{
    background: rgba(31,127,211,.18) !important;
    border-color: rgba(31,127,211,.42) !important;
    box-shadow:
      0 0 0 2px rgba(31,127,211,.12),
      0 16px 40px rgba(0,0,0,.40);
  }
  
  /* Table générale: grid clean futuriste */
  body.page-id-53 table.mptt-shortcode-table{
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 10px !important; /* effet "cards" */
    background: transparent !important;
  }
  
  /* En-têtes jours */
  body.page-id-53 .mptt-shortcode-table thead th{
    position: sticky; /* super agréable en scroll */
    top: 0;
    z-index: 3;
    padding: 14px 10px !important;
    border-radius: 14px !important;
    background: rgba(5,10,16,.65) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(234,242,255,.95) !important;
    font-family: Orbitron, Inter, sans-serif;
    letter-spacing: .8px;
    text-transform: uppercase;
    text-align: center !important;
    backdrop-filter: blur(10px);
  }
  
  /* Colonne heures */
  body.page-id-53 td.mptt-shortcode-hours{
    padding: 12px 10px !important;
    border-radius: 14px !important;
    background: rgba(5,10,16,.55) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(230,240,255,.82) !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: nowrap;
  }
  
  /* Cellules vides */
  body.page-id-53 td.mptt-shortcode-event:not(.event){
    border-radius: 14px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px dashed rgba(255,255,255,.08) !important;
  }
  
  /* ==========================================================
     EVENTS = "cards" néon (on neutralise les bg inline du plugin)
     et on remet la couleur en accent via les classes id-*
     ========================================================== */
  
  body.page-id-53 .mptt-event-container{
    --acc: rgba(31,127,211,.65); /* fallback */
    position: relative !important;
    border-radius: 16px !important;
    padding: 14px 12px !important;
    background: rgba(10,16,24,.62) !important;  /* override inline */
    color: rgba(240,248,255,.96) !important;    /* override inline */
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow:
      0 18px 40px rgba(0,0,0,.40),
      0 0 0 2px rgba(255,255,255,.03) inset;
    overflow: hidden;
    transform: translateZ(0);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  
  /* Accent néon gauche + glow */
  body.page-id-53 .mptt-event-container::before{
    content:"";
    position:absolute;
    left: 0; top: 10px; bottom: 10px;
    width: 5px;
    border-radius: 10px;
    background: var(--acc);
    box-shadow: 0 0 18px var(--acc);
    opacity: .95;
  }
  
  /* Halo soft */
  body.page-id-53 .mptt-event-container::after{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(320px 180px at 20% 15%, color-mix(in srgb, var(--acc) 30%, transparent), transparent 60%);
    pointer-events:none;
    opacity: .9;
  }
  
  /* Hover style "home agenda" */
  body.page-id-53 .mptt-event-container:hover{
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--acc) 40%, rgba(255,255,255,.10)) !important;
    box-shadow:
      0 22px 60px rgba(0,0,0,.55),
      0 0 0 2px color-mix(in srgb, var(--acc) 18%, transparent) inset;
  }
  
  /* Titre */
  body.page-id-53 .mptt-event-container .event-title{
    display: inline-block;
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    font-size: 15px;
    color: rgba(240,248,255,.98) !important;
    text-decoration: none !important;
    margin-bottom: 6px;
  }
  
  /* Horaires */
  body.page-id-53 .mptt-event-container .timeslot{
    margin: 6px 0 0 !important;
    color: rgba(210,230,255,.90);
    font-size: 12px;
  }
  
  /* ==========================================================
     Mapping couleurs par type (d’après tes ids dans le HTML)
     id-4/5: Lutte (rouge) | id-6/7: Boxe (magenta)
     id-8/9: G&P (gold)    | id-10/11: MMA (teal)
     ========================================================== */
  body.page-id-53 .mptt-event-container.id-4,
  body.page-id-53 .mptt-event-container.id-5{ --acc: rgba(255,74,74,.78); }
  
  body.page-id-53 .mptt-event-container.id-6,
  body.page-id-53 .mptt-event-container.id-7{ --acc: rgba(255,0,255,.78); }
  
  body.page-id-53 .mptt-event-container.id-8,
  body.page-id-53 .mptt-event-container.id-9{ --acc: rgba(241,194,50,.78); }
  
  body.page-id-53 .mptt-event-container.id-10,
  body.page-id-53 .mptt-event-container.id-11{ --acc: rgba(118,165,175,.78); }
  
  /* Les cellules "event" du tableau */
  body.page-id-53 td.mptt-shortcode-event.event{
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  
  /* ==========================================================
     Mobile / Responsive: liste mptt (si plugin bascule)
     ========================================================== */
  body.page-id-53 .mptt-shortcode-list{
    margin-top: 14px;
  }
  
  body.page-id-53 .mptt-shortcode-list .mptt-column-title{
    font-family: Orbitron, Inter, sans-serif;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: rgba(234,242,255,.95);
  }
  
  body.page-id-53 .mptt-shortcode-list .mptt-list-event{
    border-radius: 14px !important;
    background: rgba(10,16,24,.55) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    padding: 12px 12px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.40);
  }
  
  body.page-id-53 .mptt-shortcode-list .mptt-event-title{
    font-family: Orbitron, Inter, sans-serif;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: rgba(240,248,255,.98) !important;
    text-decoration: none !important;
  }
  
  /* ==========================================================
     Section "Événements Prévisionnels" (rs-services) => cards glass
     ========================================================== */
  body.page-id-53 .rs-services .service-inner{
    border-radius: 18px;
    background: rgba(10,16,24,.45);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 16px 45px rgba(0,0,0,.40);
    backdrop-filter: blur(10px);
    overflow: hidden;
    margin-bottom: 14px;
  }
  
  body.page-id-53 .rs-services .services-desc{
    padding: 18px 18px !important;
    color: rgba(226,238,255,.92);
  }
  
  body.page-id-53 .rs-services .services-title2 a{
    font-family: Orbitron, Inter, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: rgba(234,242,255,.98) !important;
    text-decoration: none !important;
  }
  
  /* Logo à droite => cadre neon */
  body.page-id-53 .vc_col-sm-4 .wpb_single_image{
    border-radius: 20px;
    background: rgba(10,16,24,.45);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 16px 50px rgba(0,0,0,.45);
    padding: 16px;
    backdrop-filter: blur(10px);
  }
  
  body.page-id-53 .vc_col-sm-4 .wpb_single_image img{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    filter: saturate(1.06) contrast(1.05);
  }
  
  /* ==========================================================
     Carousel partenaires (owl) => neon buttons
     ========================================================== */
  body.page-id-53 .rs-partner .partner-item{
    border-radius: 18px;
    background: rgba(10,16,24,.45);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 16px 45px rgba(0,0,0,.40);
    padding: 14px;
    backdrop-filter: blur(10px);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  body.page-id-53 .rs-partner .partner-item:hover{
    transform: translateY(-4px);
    border-color: rgba(31,127,211,.35);
    box-shadow: 0 22px 60px rgba(0,0,0,.55);
  }
  body.page-id-53 .rs-partner .partner-item img{
    width: 100%;
    height: 78px;
    object-fit: contain;
    filter: saturate(1.06) contrast(1.05);
  }
  
  body.page-id-53 .owl-nav .owl-prev,
  body.page-id-53 .owl-nav .owl-next{
    width: 44px; height: 44px;
    border-radius: 999px;
    background: rgba(5,10,16,.65) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.40);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  body.page-id-53 .owl-nav .owl-prev:hover,
  body.page-id-53 .owl-nav .owl-next:hover{
    transform: translateY(-2px);
    border-color: rgba(31,127,211,.35) !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.55);
  }
  body.page-id-53 .owl-nav .owl-prev i,
  body.page-id-53 .owl-nav .owl-next i{
    color: rgba(234,242,255,.95) !important;
  }
  
  /* Petite sécurité: éviter les fonds blancs imposés */
  body.page-id-53 .entry-content .dark{
    background: transparent !important;
    color: rgba(226,238,255,.92) !important;
  }

  
  
 /* =========================================================
   FUTURISTIC / NEON — Forminator (Contact Centre)
   ========================================================= */

.forminator-ui .neo-hero{
    padding: 18px 18px 14px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.18);
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
  }
  .forminator-ui .neo-hero::before{
    content:"";
    position:absolute; inset:-2px;
    background:
      radial-gradient(520px 260px at 20% 10%, rgba(0,245,255,.14), transparent 60%),
      radial-gradient(560px 280px at 85% 20%, rgba(255,43,214,.12), transparent 62%);
    filter: blur(12px);
    pointer-events:none;
  }
  .forminator-ui .neo-hero__badge{
    display:inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.82);
    text-transform: uppercase;
    letter-spacing: .8px;
    font-weight: 900;
    font-size: 11px;
    backdrop-filter: blur(10px);
  }
  .forminator-ui .neo-hero__title{
    margin: 10px 0 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 0 18px rgba(0,245,255,.18);
  }
  .forminator-ui .neo-hero__sub{
    margin: 0;
    color: rgba(255,255,255,.70);
    font-size: 14px;
    line-height: 1.55;
  }
  
  /* Headings inside form */
  .forminator-ui .neo-h2{
    margin: 4px 0 6px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 18px;
    color: rgba(255,255,255,.92);
    text-shadow: 0 0 16px rgba(255,43,214,.12);
  }
  .forminator-ui .neo-muted{
    margin: 0 0 6px;
    color: rgba(255,255,255,.65);
    font-size: 13px;
    line-height: 1.5;
  }
  
  /* General field wrapper feel */
  .forminator-ui .neo-field{
    border-radius: 18px;
  }
  .forminator-ui .neo-field .forminator-field{
    border-radius: 18px;
  }
  
  /* Inputs / selects / textarea */
  .forminator-ui .neo-field input,
  .forminator-ui .neo-field select,
  .forminator-ui .neo-field textarea{
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(0,0,0,.22) !important;
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.25);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  .forminator-ui .neo-field input:focus,
  .forminator-ui .neo-field select:focus,
  .forminator-ui .neo-field textarea:focus{
    outline: none !important;
    border-color: rgba(0,245,255,.35) !important;
    box-shadow: 0 0 18px rgba(0,245,255,.12), 0 14px 40px rgba(0,0,0,.30) !important;
    transform: translateY(-1px);
  }
  
  /* Radio / checkbox cards */
  .forminator-ui .neo-field .forminator-radio,
  .forminator-ui .neo-field .forminator-checkbox{
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    margin-bottom: 10px;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  .forminator-ui .neo-field .forminator-radio:hover,
  .forminator-ui .neo-field .forminator-checkbox:hover{
    transform: translateY(-1px);
    border-color: rgba(255,43,214,.28);
    box-shadow: 0 0 18px rgba(255,43,214,.10);
  }
  
  /* Labels */
  .forminator-ui .forminator-label{
    color: rgba(255,255,255,.78) !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
  }
  
  /* Page Break / Steps buttons */
  .forminator-ui .forminator-pagination-footer{
    display:flex;
    gap: 10px;
  }
  .forminator-ui .forminator-pagination-footer button{
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.04) !important;
    color: rgba(255,255,255,.9) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    padding: 10px 14px !important;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .forminator-ui .forminator-pagination-footer button:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.30) !important;
    box-shadow: 0 0 18px rgba(0,245,255,.12) !important;
  }
  
  /* Submit button */
  .forminator-ui .forminator-button-submit{
    border-radius: 999px !important;
    border: 1px solid rgba(255,43,214,.35) !important;
    background: linear-gradient(135deg, rgba(255,43,214,.16), rgba(0,245,255,.12)) !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    box-shadow: 0 0 18px rgba(255,43,214,.12), 0 14px 40px rgba(0,0,0,.35);
  }
  .forminator-ui .forminator-button-submit:hover{
    border-color: rgba(0,245,255,.35) !important;
    box-shadow: 0 0 18px rgba(0,245,255,.12), 0 14px 40px rgba(0,0,0,.45) !important;
  }
  
  /* Error states */
  .forminator-ui .forminator-error-message{
    border-radius: 14px;
    background: rgba(255,43,214,.10) !important;
    border: 1px solid rgba(255,43,214,.22) !important;
    color: rgba(255,255,255,.92) !important;
  }
   

  /* ====== Contrat (scroll) ====== */
.forminator-ui .neo-contract{
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.18);
    box-shadow: 0 18px 60px rgba(0,0,0,.35);
    overflow: hidden;
    position: relative;
    margin: 10px 0 14px;
  }
  .forminator-ui .neo-contract__scroll{
    max-height: 240px;
    overflow: auto;
    padding: 14px 14px;
    color: rgba(255,255,255,.76);
    line-height: 1.65;
    font-size: 14px;
  }
  .forminator-ui .neo-contract__scroll::-webkit-scrollbar{ width: 10px; }
  .forminator-ui .neo-contract__scroll::-webkit-scrollbar-thumb{
    background: rgba(0,245,255,.18);
    border: 2px solid rgba(0,0,0,.35);
    border-radius: 999px;
  }
  
  /* ====== Récap ====== */
  .forminator-ui .neo-recap{
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.18);
    box-shadow: 0 18px 60px rgba(0,0,0,.35);
    padding: 14px;
  }
  .forminator-ui .neo-recap__grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
  }
  @media (max-width: 720px){
    .forminator-ui .neo-recap__grid{ grid-template-columns: 1fr; }
  }
  .forminator-ui .neo-recap__item{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    padding: 10px 12px;
  }
  .forminator-ui .neo-recap__item span{
    display:block;
    font-size: 12px;
    color: rgba(255,255,255,.60);
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 900;
    margin-bottom: 4px;
  }
  .forminator-ui .neo-recap__item strong{
    color: rgba(255,255,255,.92);
    font-weight: 900;
  }
  
  /* ====== Total ====== */
  .forminator-ui .neo-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,43,214,.28);
    background: linear-gradient(135deg, rgba(255,43,214,.10), rgba(0,245,255,.08));
    box-shadow: 0 0 18px rgba(255,43,214,.10);
  }
  .forminator-ui .neo-total__label{
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: rgba(255,255,255,.80);
    font-size: 12px;
  }
  .forminator-ui .neo-total__value{
    font-weight: 900;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 0 16px rgba(0,245,255,.18);
  }
  


  /* ===== Header Actions Icons (Compte / Panier / Membre) ===== */
.nav__actions{
    display:flex;
    align-items:center;
    gap:10px;
  }
  
  .icon-btn{
    position:relative;
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: rgba(255,255,255,.92);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
  }
  
  .icon-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.28);
    background: linear-gradient(135deg, rgba(0,245,255,.10), rgba(255,43,214,.06));
    box-shadow: 0 0 18px rgba(0,245,255,.18), 0 14px 40px rgba(0,0,0,.35);
  }
  
  .icon-btn:active{
    transform: translateY(0);
  }
  
  .icon-btn .icon{
    display:inline-flex;
    line-height:0;
  }
  .icon-btn svg{
    display:block;
  }
  
  /* Badge panier */
  .icon-btn .badge{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:18px;
    height:18px;
    padding:0 6px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:900;
    letter-spacing:.2px;
    background: rgba(197, 5, 5, 0.95);
    color:#0b0d14;
    border:1px solid rgba(255,255,255,.18);
    box-shadow: 0 0 16px rgba(255, 43, 43, 0.22);
  }
  
  /* Variante “Primary” pour Devenir membre */
  .icon-btn--primary{
    border-color: rgba(197, 5, 5, 0.95);
    background: linear-gradient(135deg, rgba(255, 0, 0, 0.14), rgba(0,245,255,.10));
    box-shadow: 0 0 18px rgba(255, 12, 12, 0.16), 0 14px 40px rgba(0,0,0,.35);
  }
  .icon-btn--primary:hover{
    border-color: rgba(197, 5, 5, 0.95);
    box-shadow: 0 0 22px rgba(255, 43, 43, 0.22), 0 0 18px rgba(0,245,255,.14), 0 16px 44px rgba(0,0,0,.40);
  }
  
  /* Responsive (optionnel) */
  @media (max-width: 520px){
    .icon-btn{ width:42px; height:42px; border-radius:13px; }
  }
  

  /* ==============================
   NEO HEADER / MENU (Futuriste)
   ============================== */

.neo-header{
    position: sticky;
    top: 0;
    z-index: 9999;
    background: rgba(8,10,16,.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
  }
  
  .neo-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 14px;
    padding: 10px 0;
  }
  
  .neo-brand{
    display:flex;
    align-items:center;
    gap: 10px;
    text-decoration:none;
    color: #fff;
  }
  .neo-brand__logo{
    width:44px;
    height:44px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    box-shadow: 0 0 18px rgba(0,245,255,.10);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .neo-brand__logo img{ width:100%; height:100%; object-fit:cover; }
  .neo-brand__text .brand__name{
    font-weight: 900;
    letter-spacing: .3px;
    text-transform: lowercase;
    opacity: .95;
  }
  
  /* Desktop menu */
  .neo-menu__list{
    display:flex;
    align-items:center;
    gap: 6px;
    list-style:none;
    margin:0;
    padding:0;
  }
  .neo-menu__list > li > a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 10px 12px;
    border-radius: 14px;
    text-decoration:none;
    color: rgba(255,255,255,.90);
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: 13px;
  }
  .neo-menu__list > li > a:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.26);
    background: linear-gradient(135deg, rgba(0,245,255,.10), rgba(255,43,214,.06));
    box-shadow: 0 0 18px rgba(0,245,255,.14);
  }
  .neo-menu__list > li.current-menu-item > a,
  .neo-menu__list > li.current_page_item > a{
    border-color: rgba(255,43,214,.30);
    background: linear-gradient(135deg, rgba(255,43,214,.12), rgba(0,245,255,.08));
    box-shadow: 0 0 18px rgba(255,43,214,.14);
  }
  
  /* Actions row */
  .neo-actions{
    display:flex;
    align-items:center;
    gap:10px;
  }
  
  /* Icon buttons (tu les as déjà, je complète pour le header) */
  .neo-header .icon-btn{
    width:44px;
    height:44px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: rgba(255,255,255,.92);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
  }
  .neo-header .icon-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.28);
    background: linear-gradient(135deg, rgba(0,245,255,.10), rgba(255,43,214,.06));
    box-shadow: 0 0 18px rgba(0,245,255,.18), 0 14px 40px rgba(0,0,0,.35);
  }
  .neo-header .icon-btn .badge{
    position:absolute;
    top:-6px; right:-6px;
    min-width:18px; height:18px;
    padding:0 6px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    background: rgba(255,43,214,.95);
    color:#0b0d14;
    border:1px solid rgba(255,255,255,.18);
    box-shadow: 0 0 16px rgba(255,43,214,.22);
  }
  .neo-header .icon-btn--primary{
    border-color: rgba(255,43,214,.30);
    background: linear-gradient(135deg, rgba(255,43,214,.14), rgba(0,245,255,.10));
    box-shadow: 0 0 18px rgba(255,43,214,.16), 0 14px 40px rgba(0,0,0,.35);
  }
  
  /* Burger */
  .burger{
    width:44px; height:44px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    display:none; /* visible en responsive */
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .burger__lines{
    width:18px; height:2px;
    background: rgba(255,255,255,.92);
    position:relative;
    display:block;
    box-shadow: 0 0 18px rgba(0,245,255,.14);
  }
  .burger__lines::before,
  .burger__lines::after{
    content:"";
    position:absolute; left:0;
    width:18px; height:2px;
    background: rgba(255,255,255,.92);
  }
  .burger__lines::before{ top:-6px; }
  .burger__lines::after{ top:6px; }
  
  /* Drawer */
  .neo-drawer{
    position:fixed;
    inset:0;
    display:none;
    z-index: 99999;
  }
  .neo-drawer.is-open{ display:block; }
  .neo-drawer__overlay{
    position:absolute; inset:0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(4px);
  }
  .neo-drawer__panel{
    position:absolute;
    right: 12px;
    top: 12px;
    bottom: 12px;

    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .neo-drawer__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 14px 14px 10px;
    border-bottom: 1px solid rgba(255,255,255,.10);
  }
  .neo-drawer__title{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight: 900;
    letter-spacing:.6px;
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(255,255,255,.92);
  }
  .neo-drawer__title .dot{
    width:10px; height:10px; border-radius:99px;
    background: rgba(0,245,255,.95);
    box-shadow: 0 0 18px rgba(0,245,255,.35);
  }
  .neo-drawer__close{
    width:40px; height:40px;
    border-radius:14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    color:#fff;
    cursor:pointer;
  }
  
  /* Quick actions (mobile) */
  .neo-quick{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px 14px;
  }
  .neo-quick__btn{
    position:relative;
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.92);
    text-decoration:none;
    font-weight: 800;
  }
  .neo-quick__btn--primary{
    grid-column: 1 / -1;
    border-color: rgba(255,43,214,.25);
    background: linear-gradient(135deg, rgba(255,43,214,.14), rgba(0,245,255,.10));
    box-shadow: 0 0 18px rgba(255,43,214,.14);
  }
  .neo-quick__ico{ font-size: 18px; }
  .neo-quick__badge{
    margin-left:auto;
    min-width:18px; height:18px;
    padding:0 6px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    background: rgba(0,245,255,.92);
    color:#081018;
  }
  
  /* Links list */
  .neo-mobile{
    padding: 8px 14px 14px;
    display:flex;
    flex-direction:column;
    gap: 10px;
    overflow:auto;
  }
  .neo-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 18px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.92);
    text-decoration:none;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
    font-weight: 800;
  }
  .neo-link:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.24);
    background: linear-gradient(135deg, rgba(0,245,255,.08), rgba(255,43,214,.06));
    box-shadow: 0 0 18px rgba(0,245,255,.10);
  }
  .neo-link__ico{
    width:34px; height:34px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.22);
  }
  
  /* Bottom pills */
  .neo-drawer__bottom{
    margin-top:auto;
    display:flex;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid rgba(255,255,255,.10);
  }
  .neo-drawer__bottom .pill{
    padding: 8px 12px;
    border-radius: 999px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 900;
  }
  
  /* Responsive rules */
  @media (max-width: 1024px){
    .neo-menu{ display:none; }     /* on masque menu desktop */
    .burger{ display:inline-flex; } /* burger visible */
  }
  
  @media (max-width: 520px){
    .neo-brand__text{ display:none; } /* gagne de la place */
    .neo-quick{ grid-template-columns: 1fr; }
    .neo-quick__btn--primary{ grid-column:auto; }
  }
  

  /* =========================
   NEO HEADER + MENU
   ========================= */
.neo-header{
    position: sticky;
    top: 0;
    z-index: 9999;
    background:
      radial-gradient(900px 300px at 20% 0%, rgba(0,245,255,.10), transparent 60%),
      radial-gradient(900px 300px at 80% 10%, rgba(255,43,214,.08), transparent 62%),
      rgba(5,8,16,.72);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 60px rgba(0,0,0,.35);
  }
  
  .neo-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 14px;
    padding: 10px 0;
  }
  
  .neo-brand{
    display:flex;
    align-items:center;
    gap: 12px;
    text-decoration:none;
    color:#fff;
    min-width: 220px;
  }
  .neo-brand__logo img{
    width:44px; height:44px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  .neo-brand__name{
    font-weight: 900;
    letter-spacing:.6px;
    text-transform: uppercase;
    font-size: 13px;
  }
  .neo-brand__tag{
    font-size: 12px;
    color: rgba(255,255,255,.62);
  }
  
  /* Desktop menu */
  .neo-menu__list{
    display:flex;
    gap: 10px;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
  }
  .neo-menu__list > li > a{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 999px;
    border:1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.92);
    text-decoration:none;
    font-weight: 900;
    letter-spacing:.35px;
    text-transform: uppercase;
    font-size: 12px;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .15s ease;
  }
  .neo-menu__list > li > a:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.22);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
    background: linear-gradient(135deg, rgba(0,245,255,.08), rgba(255,43,214,.05));
  }
  .neo-menu__list > li.current-menu-item > a{
    border-color: rgba(255,43,214,.26);
    box-shadow: 0 0 18px rgba(255,43,214,.12);
  }
  
  /* Sous-menu desktop simple */
  .neo-menu__list .sub-menu{
    list-style:none;
    margin: 10px 0 0;
    padding: 10px;
    position:absolute;
    background: rgba(10,14,24,.92);
    border:1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
    display:none;
    min-width: 240px;
  }
  .neo-menu__list li{ position: relative; }
  .neo-menu__list li:hover > .sub-menu{ display:block; }
  .neo-menu__list .sub-menu a{
    display:flex;
    padding: 10px 12px;
    border-radius: 14px;
    color: rgba(255,255,255,.9);
    text-decoration:none;
    font-weight:800;
    font-size: 12px;
  }
  .neo-menu__list .sub-menu a:hover{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(0,245,255,.18);
  }
  
  /* Actions */
  .neo-actions{
    display:flex;
    align-items:center;
    gap: 10px;
  }
  
  .neo-iconbtn{
    position:relative;
    width:44px; height:44px;
    border-radius: 16px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(10px);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
  }
  .neo-iconbtn:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.24);
    box-shadow: 0 0 20px rgba(0,245,255,.12);
  }
  .neo-iconbtn--primary{
    background: linear-gradient(135deg, rgba(255,43,214,.14), rgba(0,245,255,.10));
    border-color: rgba(255,43,214,.25);
  }
  .neo-iconbtn__txt{
    display:none; /* on garde compact desktop */
  }
  
  .neo-badge{
    position:absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background: rgba(255,43,214,.95);
    color:#fff;
    font-size: 11px;
    font-weight: 900;
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: 0 0 18px rgba(255,43,214,.22);
  }
  
  /* =========================
     MOBILE NEO MENU
     ========================= */
  .sr-only{
    position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  
  /* Burger */
  .neo-burger{
    display:none;
    width:44px; height:44px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(10px);
    cursor:pointer;
    box-shadow: 0 0 18px rgba(0,245,255,.10);
  }
  .neo-burger:hover{ border-color: rgba(0,245,255,.28); box-shadow: 0 0 18px rgba(0,245,255,.18); }
  
  .neo-burger__lines{
    display:block; width:20px; height:2px; margin:0 auto;
    background: rgba(255,255,255,.92);
    border-radius:999px;
    position:relative;
    box-shadow: 0 0 14px rgba(0,245,255,.25);
  }
  .neo-burger__lines::before,
  .neo-burger__lines::after{
    content:"";
    position:absolute; left:0;
    width:20px; height:2px;
    background: rgba(255,255,255,.92);
    border-radius:999px;
    box-shadow: 0 0 14px rgba(255,43,214,.18);
  }
  .neo-burger__lines::before{ top:-6px; }
  .neo-burger__lines::after{ top: 6px; }
  
  /* Drawer off by default */
  .neo-drawer{
    position:fixed;
    inset:0;
    display:none;
    z-index: 99999;
  }
  .neo-drawer.is-open{ display:block; }
  
  .neo-drawer__overlay{
    position:absolute; inset:0;
    background:
      radial-gradient(900px 420px at 20% 10%, rgba(0,245,255,.18), transparent 60%),
      radial-gradient(900px 420px at 80% 20%, rgba(255,43,214,.16), transparent 62%),
      rgba(0,0,0,.64);
    backdrop-filter: blur(8px);
  }
  

  
  .neo-drawer__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    padding: 16px 16px 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .neo-drawer__brand{
    display:flex; gap: 12px; align-items:center;
  }
  .neo-drawer__brand img{
    width:44px; height:44px; border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  .neo-drawer__name{
    font-weight:900;
    letter-spacing:.6px;
    text-transform:uppercase;
    color:#fff;
    font-size: 13px;
  }
  .neo-drawer__tag{
    font-size:12px;
    color: rgba(255,255,255,.65);
  }
  
  .neo-close{
    width:40px; height:40px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    color:#fff;
    cursor:pointer;
    font-size:22px;
    line-height: 1;
  }
  .neo-close:hover{ border-color: rgba(255,43,214,.35); box-shadow: 0 0 18px rgba(255,43,214,.16); }
  
  /* Quick actions mobile */
  .neo-quick{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 12px 16px;
  }
  .neo-quick__btn{
    display:flex; align-items:center; justify-content:center; gap: 8px;
    padding: 10px 10px;
    border-radius: 16px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color:#fff;
    text-decoration:none;
    font-weight:900;
    letter-spacing:.2px;
    text-transform: uppercase;
    font-size: 10.5px;
  }
  .neo-quick__btn:hover{
    border-color: rgba(0,245,255,.28);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  .neo-quick__btn--primary{
    background: linear-gradient(135deg, rgba(255,43,214,.14), rgba(0,245,255,.10));
    border-color: rgba(255,43,214,.25);
  }
  
  /* Mobile nav */
  .neo-mobile-nav{
    padding: 90px 10px 16px;
    overflow:auto;
    flex:1;
  }
  
  .neo-mobile-menu{
    list-style:none;
    padding:0; margin:0;
    display:flex;
    flex-direction:column;
    gap: 8px;
  }
  .neo-mobile-menu > li{
    border-radius: 18px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    overflow:hidden;
  }
  .neo-mobile-menu a{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 14px 14px;
    color: rgba(255,255,255,.92);
    text-decoration:none;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-size: 13px;
  }
  .neo-mobile-menu > li:hover{
    border-color: rgba(0,245,255,.22);
    box-shadow: 0 0 20px rgba(0,245,255,.10);
    background: linear-gradient(135deg, rgba(0,245,255,.08), rgba(255,43,214,.05));
  }
  
  /* Toggle sous-menu */
  .neo-sub-toggle{
    margin-left:auto;
    width:36px; height:36px;
    border-radius: 12px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.12);
    color:#fff;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .neo-sub-toggle:hover{ border-color: rgba(255,43,214,.28); box-shadow: 0 0 18px rgba(255,43,214,.12); }
  
  .neo-chevron{
    width:10px; height:10px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .16s ease;
  }
  
  /* Sous-menu */
  .neo-mobile-menu .sub-menu{
    list-style:none;
    margin:0;
    padding: 0 10px 10px;
    display:none;
  }
  .neo-mobile-menu li.is-open > .sub-menu{ display:block; }
  .neo-mobile-menu li.is-open > a .neo-chevron{ transform: rotate(225deg); }
  
  .neo-mobile-menu .sub-menu li{
    margin-top: 8px;
    border-radius: 16px;
    border:1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.14);
  }
  .neo-mobile-menu .sub-menu a{
    padding: 12px 12px;
    font-weight:800;
    font-size: 12px;
    text-transform:none;
    letter-spacing:.2px;
  }
  
  /* Bottom pills */
  .neo-drawer__bottom{
    padding: 12px 16px 16px;
    border-top: 1px solid rgba(255,255,255,.08);
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
  }
  .neo-pill{
    display:inline-flex;
    align-items:center;
    padding: 10px 12px;
    border-radius: 999px;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    text-decoration:none;
    color:#fff;
    font-weight:900;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing:.35px;
  }
  .neo-pill:hover{
    border-color: rgba(0,245,255,.25);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  
  /* RESPONSIVE */
  @media (max-width: 1100px){
    .neo-menu{ display:none !important; }
    .neo-burger{ display:inline-flex; align-items:center; justify-content:center; }
    .neo-iconbtn__txt{ display:none; }
  }
  @media (max-width: 520px){
    .neo-brand__tag{ display:none; }
    .neo-quick{ grid-template-columns: 1fr; }
  }
  
  .neo-drawer{ display:none; }
.neo-drawer.is-open{ display:block; }


/* ===== Fix layout mobile header (no wrap, icons uniform) ===== */
.neo-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;          /* empêche de casser la ligne */
    white-space:nowrap;
  }
  
  .neo-brand{ min-width:0; }   /* autorise le shrink */
  .neo-brand__text{ min-width:0; }
  .neo-brand__name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width: 42vw;
  }
  
  /* reset button style (Chrome/Bootstrap) */
  .neo-burger{
    -webkit-appearance:none;
    appearance:none;
    border:1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.04) !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow: 0 0 20px rgba(0,245,255,.10);
  }
  
  /* burger must look EXACTLY like icon buttons */
  .neo-iconbtn{
    width:44px;
    height:44px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex: 0 0 44px;          /* empêche le shrink bizarre */
  }
  
  .neo-burger__lines{
    width:20px;
    height:2px;
    background: rgba(255,255,255,.92);
    border-radius:999px;
    position:relative;
  }
  .neo-burger__lines::before,
  .neo-burger__lines::after{
    content:"";
    position:absolute;
    left:0;
    width:20px;
    height:2px;
    background: rgba(255,255,255,.92);
    border-radius:999px;
  }
  .neo-burger__lines::before{ top:-6px; }
  .neo-burger__lines::after{ top: 6px; }
  
  /* Desktop/Tablet rules */
  @media (min-width: 1101px){
    .neo-burger{ display:none !important; }
    .neo-menu{ display:block; }
  }
  @media (max-width: 1100px){
    .neo-menu{ display:none !important; }
    .neo-burger{ display:inline-flex !important; }
  }
  
  /* Very small phones: shorten brand */
  @media (max-width: 420px){
    .neo-brand__tag{ display:none; }
    .neo-brand__name{ max-width: 36vw; }
  }
  

  /* ===== Neo Header Responsive ===== */

.neo-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  
  .neo-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    text-decoration:none;
  }
  
  .neo-brand__logo img{
    width:44px;
    height:44px;
    object-fit:contain;
    display:block;
  }
  
  .neo-brand__text{
    display:flex;
    flex-direction:column;
    line-height:1.1;
    min-width:0;
  }
  
  .neo-brand__name{
    font-weight:800;
    letter-spacing:.3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  
  .neo-brand__tag{
    opacity:.8;
    font-size:.85rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  
  .neo-menu__list{
    display:flex;
    align-items:center;
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
  }
  
  .neo-actions{
    display:flex;
    align-items:center;
    gap:10px;
  }
  
  .neo-iconbtn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.18);
    color:#fff;
    text-decoration:none;
    transition:transform .15s ease, background .15s ease;
  }
  
  .neo-iconbtn:hover{
    transform:translateY(-1px);
    background:rgba(0,0,0,.28);
  }
  
  .neo-iconbtn--primary{
    background:linear-gradient(135deg, rgba(255,0,80,.9), rgba(255,160,0,.9));
    border:0;
  }
  
  .neo-badge{
    position:absolute;
    top:-6px;
    right:-6px;
    font-size:.72rem;
    font-weight:800;
    min-width:18px;
    height:18px;
    padding:0 6px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#000;
  }
  
  /* Burger */
  .neo-burger{
    display:none;
  }
  
  .neo-burger__lines{
    width:18px;
    height:2px;
    background:currentColor;
    position:relative;
    border-radius:999px;
    display:block;
  }
  .neo-burger__lines::before,
  .neo-burger__lines::after{
    content:"";
    position:absolute;
    left:0;
    width:18px;
    height:2px;
    background:currentColor;
    border-radius:999px;
  }
  .neo-burger__lines::before{ top:-6px; }
  .neo-burger__lines::after{ top:6px; }
  
  /* Drawer base */
  .neo-drawer{
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:0;
    transition:opacity .22s ease;
    z-index:9999;
  }
  
  .neo-drawer__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(6px);
    opacity:0;
    transition:opacity .22s ease;
  }
  

  
  .neo-drawer.is-open{
    pointer-events:auto;
    opacity:1;
  }
  .neo-drawer.is-open .neo-drawer__overlay{
    opacity:1;
  }
  .neo-drawer.is-open .neo-drawer__panel{
    transform:translateX(0);
  }
  
  /* Top area */
  .neo-drawer__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  
  .neo-drawer__brand{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .neo-drawer__brand img{
    width:44px;
    height:44px;
    object-fit:contain;
  }
  .neo-drawer__name{ font-weight:800; }
  .neo-drawer__tag{ opacity:.7; font-size:.85rem; }
  
  .neo-close{
    width:40px;
    height:40px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
    background: rgb(255, 143, 0);
    color:#fff;
    font-size:22px;
    line-height:1;
  }
  
  /* Quick buttons */
  .neo-quick{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding:14px 0;
  }
  
  .neo-quick__btn{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 12px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.06);
    color:#fff;
    text-decoration:none;
    font-weight:700;
  }
  
  .neo-quick__btn--primary{
    border:0;
    background:linear-gradient(135deg, rgba(255,0,80,.9), rgba(255,160,0,.9));
  }
  
  .neo-quick__badge{
    margin-left:auto;
    font-weight:900;
    background:#fff;
    color:#000;
    border-radius:999px;
    padding:2px 8px;
    font-size:.8rem;
  }
  
  /* Mobile nav menu */
  .neo-mobile-menu{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  
  .neo-mobile-menu > li > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 12px;
    border-radius:14px;
    text-decoration:none;
    color: #fff;
    background: rgba(0, 0, 0, 0.63);
    border: 1px solid rgba(255,255,255,.08);
  }
  
  .neo-mobile-menu li ul{
    list-style:none;
    margin:6px 0 0;
    padding:0 0 0 10px;
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  
  .neo-mobile-menu li ul a{
    padding:10px 12px;
    border-radius:12px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
  }
  
  /* Bottom pills */
  .neo-drawer__bottom{
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.10);
    display:flex;
    gap:10px;
    flex-wrap:wrap;
  }
  .neo-pill{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
  }
  
  /* Scroll lock */
  .neo-scrolllock{
    overflow:hidden !important;
  }
  
  /* ===== Responsive rules ===== */
  @media (max-width: 1024px){
    .neo-menu{ display:none; }
    .neo-burger{ display:inline-flex; }
  
    /* Option: réduire texte brand sur petit écran */
    .neo-brand__tag{ display:none; }
    .neo-brand__name{ font-size:1rem; }
  }
  
  @media (max-width: 420px){
    .neo-iconbtn{
      width:40px;
      height:40px;
      border-radius:12px;
    }
    .neo-brand__logo img{
      width:40px;
      height:40px;
    }
  }
  


/* =========================================================
   PAGE PANIER – FUTURISTIC GLASS 2026
   ========================================================= */

/* Fond général */
body.woocommerce-cart .site-content{
    padding-top: clamp(30px, 5vw, 80px);
    padding-bottom: clamp(40px, 6vw, 100px);
  }
  
  /* Wrapper principal */
  body.woocommerce-cart .wp-block-woocommerce-cart{
    position: relative;
    padding: clamp(20px, 3vw, 40px);
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.10);
    background:
      radial-gradient(900px 300px at 20% 0%, rgba(0,245,255,.12), transparent 60%),
      radial-gradient(900px 300px at 80% 20%, rgba(255,43,214,.10), transparent 62%),
      rgba(10,14,24,.65);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 30px 100px rgba(0,0,0,.55);
    overflow: hidden;
  }
  
  /* Glow overlay */
  body.woocommerce-cart .wp-block-woocommerce-cart::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      radial-gradient(600px 300px at 15% 10%, rgba(0,245,255,.20), transparent 60%),
      radial-gradient(600px 300px at 85% 80%, rgba(255,43,214,.16), transparent 60%);
    filter: blur(40px);
    opacity:.8;
    pointer-events:none;
  }
  
  /* TABLE PRODUITS */
  body.woocommerce-cart table.wc-block-cart-items{
    border-collapse: separate !important;
    border-spacing: 0 18px !important;
    background: transparent !important;
  }
  
  /* Ligne produit = card */
  body.woocommerce-cart .wc-block-cart-items__row{
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 50px rgba(0,0,0,.45);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  
  body.woocommerce-cart .wc-block-cart-items__row:hover{
    transform: translateY(-4px);
    border-color: rgba(0,245,255,.28);
    box-shadow: 0 25px 70px rgba(0,0,0,.65);
  }
  
  /* Image produit */
  body.woocommerce-cart .wc-block-cart-item__image img{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 15px 40px rgba(0,0,0,.40);
    filter: saturate(1.08) contrast(1.05);
  }
  
  /* Nom produit */
  body.woocommerce-cart .wc-block-components-product-name{
    font-weight: 900;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
  }
  
  /* Prix */
  body.woocommerce-cart .wc-block-components-product-price__value{
    font-weight: 900;
    color: rgba(0,245,255,.95);
    text-shadow: 0 0 18px rgba(0,245,255,.25);
  }
  
  /* Bouton supprimer */
  body.woocommerce-cart .wc-block-cart-item__remove-link{
    border-radius: 999px;
    padding: 6px 12px;
    font-weight: 700;
    background: rgba(255,43,214,.12);
    border: 1px solid rgba(255,43,214,.35);
    color: #fff;
    transition: all .2s ease;
  }
  body.woocommerce-cart .wc-block-cart-item__remove-link:hover{
    background: rgba(255,43,214,.25);
    box-shadow: 0 0 18px rgba(255,43,214,.25);
  }
  
  /* =========================================================
     SIDEBAR TOTAL
     ========================================================= */
  
  body.woocommerce-cart .wc-block-cart__sidebar{
    border-radius: 26px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,.12);
    background:
      radial-gradient(400px 200px at 30% 0%, rgba(0,245,255,.12), transparent 60%),
      rgba(12,16,28,.75);
    backdrop-filter: blur(16px);
    box-shadow: 0 25px 80px rgba(0,0,0,.60);
  }
  
  /* Titre */
  body.woocommerce-cart .wc-block-cart__totals-title{
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    margin-bottom: 18px;
  }
  
  /* Totaux */
  body.woocommerce-cart .wc-block-components-totals-item{
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  
  body.woocommerce-cart .wc-block-components-totals-footer-item{
    font-size: 18px;
    font-weight: 900;
    color: rgba(255,43,214,.95);
    text-shadow: 0 0 18px rgba(255,43,214,.25);
  }
  
  /* =========================================================
     BOUTON CHECKOUT
     ========================================================= */
  
  body.woocommerce-cart .wc-block-cart__submit-button{
    border-radius: 999px !important;
    padding: 16px 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    background: linear-gradient(135deg, rgba(255,43,214,.9), rgba(0,245,255,.9)) !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(255,43,214,.35), 0 20px 60px rgba(0,0,0,.55);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  
  body.woocommerce-cart .wc-block-cart__submit-button:hover{
    transform: translateY(-3px);
    box-shadow: 0 0 35px rgba(0,245,255,.55), 0 30px 80px rgba(0,0,0,.70);
  }
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  
  @media (max-width: 1024px){
    body.woocommerce-cart .wp-block-woocommerce-cart{
      padding: 18px;
    }
  
    body.woocommerce-cart .wc-block-cart__sidebar{
      margin-top: 30px;
    }
  }
  
  

  /* =========================================================
   CHECKOUT – FUTURISTIC GLASS 2026 (Woo Blocks)
   Cible: body.woocommerce-checkout + .wp-block-woocommerce-checkout
   ========================================================= */

body.woocommerce-checkout .site-content{
    padding-top: clamp(30px, 5vw, 80px);
    padding-bottom: clamp(40px, 6vw, 100px);
  }
  
  /* Wrapper principal checkout */
  body.woocommerce-checkout .wp-block-woocommerce-checkout{

  }
  
  /* Glow overlay */
  body.woocommerce-checkout .wp-block-woocommerce-checkout::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      radial-gradient(620px 320px at 15% 10%, rgba(0,245,255,.20), transparent 60%),
      radial-gradient(620px 320px at 85% 80%, rgba(255,43,214,.16), transparent 60%);
    filter: blur(46px);
    opacity:.85;
    pointer-events:none;
  }
  
  /* Layout grid main/sidebar (Woo) */
  body.woocommerce-checkout .wc-block-components-sidebar-layout{

  }
  
  /* MAIN / SIDEBAR cards */
  body.woocommerce-checkout .wc-block-checkout__main{

  }
  
  body.woocommerce-checkout .wc-block-checkout__sidebar{

  }
  
  /* TITRES étapes */
  body.woocommerce-checkout .wc-block-components-checkout-step__title{
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: 15px;
    color: #db0404;
    text-shadow: 0 0 18px rgba(0,245,255,.12);
    margin-left: 10px;
  }
  
  /* Description step */
  body.woocommerce-checkout .wc-block-components-checkout-step__description{
    color: rgba(235,245,255,.70);
    line-height: 1.55;
  }
  
  /* Chaque fieldset step = card interne */
  body.woocommerce-checkout .wc-block-components-checkout-step{
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.10);
    padding: 14px;
    margin-bottom: 14px;
  }
  
  /* INPUTS (Woo Blocks) */
  body.woocommerce-checkout .wc-block-components-text-input input,
  body.woocommerce-checkout .wc-block-components-text-input textarea,
  body.woocommerce-checkout .wc-block-components-select-control select,
  body.woocommerce-checkout .components-combobox-control__input{
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(0,0,0,.22) !important;
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.25);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  
  body.woocommerce-checkout .wc-block-components-text-input input:focus,
  body.woocommerce-checkout .wc-block-components-text-input textarea:focus,
  body.woocommerce-checkout .components-combobox-control__input:focus{
    outline: none !important;
    border-color: rgba(0,245,255,.32) !important;
    box-shadow: 0 0 18px rgba(0,245,255,.14), 0 14px 40px rgba(0,0,0,.30) !important;
    transform: translateY(-1px);
  }
  
  /* Labels */
  body.woocommerce-checkout .wc-block-components-text-input label,
  body.woocommerce-checkout .components-base-control__label{
    color: rgba(119, 226, 251, 0.78) !important;
    font-weight: 700 !important;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: 11px !important;
  }
  
  /* Adresse card (billing/shipping) */
  body.woocommerce-checkout .wc-block-components-address-card{
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    box-shadow: 0 16px 45px rgba(0,0,0,.40);
  }
  
  /* Bouton "Modifier" */
  body.woocommerce-checkout .wc-block-components-address-card__edit{
    border-radius: 999px;
    padding: 8px 12px;
    border: 1px solid rgba(0,245,255,.25);
    background: rgba(0,245,255,.10);
    color: #fff !important;
    font-weight: 900;
    text-decoration:none !important;
  }
  body.woocommerce-checkout .wc-block-components-address-card__edit:hover{
    box-shadow: 0 0 18px rgba(0,245,255,.16);
  }
  
  /* Radios paiement */
  body.woocommerce-checkout .wc-block-components-radio-control__option{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  body.woocommerce-checkout .wc-block-components-radio-control__option:hover{
    transform: translateY(-2px);
    border-color: rgba(255,43,214,.25);
    box-shadow: 0 0 22px rgba(255,43,214,.12);
  }
  
  /* Zone Stripe (iframe) : on évite d'écraser le contenu, on "encadre" juste */
  body.woocommerce-checkout .wc-stripe-blocks-payment-method-content{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.12);
    padding: 12px;
  }
  
  /* Checkboxes */
  body.woocommerce-checkout .wc-block-components-checkbox{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    padding: 10px 12px;
  }
  
  /* Terms */
  body.woocommerce-checkout .wc-block-checkout__terms{
    margin-top: 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.12);
    padding: 12px 14px;
    color: rgba(255,255,255,.72);
    line-height: 1.55;
  }
  
  /* Actions row */
  body.woocommerce-checkout .wc-block-checkout__actions_row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
  }
  
  /* Retour au panier */
  body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button{
    border-radius: 999px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.90) !important;
    text-decoration:none !important;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .3px;
  }
  body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover{
    border-color: rgba(0,245,255,.25);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  
  /* Bouton Commander */
  body.woocommerce-checkout .wc-block-components-checkout-place-order-button{
    border-radius: 999px !important;
    padding: 16px 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    background: linear-gradient(135deg, rgba(255,43,214,.90), rgba(0,245,255,.90)) !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(255,43,214,.35), 0 20px 60px rgba(0,0,0,.55);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{
    transform: translateY(-3px);
    box-shadow: 0 0 35px rgba(0,245,255,.55), 0 30px 80px rgba(0,0,0,.70);
  }
  
  /* Sidebar: résumé commande / panel */
  body.woocommerce-checkout .wc-block-components-panel{
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    overflow: hidden;
  }
  
  body.woocommerce-checkout .wc-block-components-panel__button{
    padding: 14px 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff !important;
    background: rgba(0,0,0,.12) !important;
  }
  
  body.woocommerce-checkout .wc-block-components-order-summary-item{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0, 0, 0, 0.5);
    padding: 12px;
    margin: 10px 0;
  }
  
  /* Images résumé */
  body.woocommerce-checkout .wc-block-components-order-summary-item__image img{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 12px 35px rgba(0,0,0,.40);
  }
  
  /* Totaux dans sidebar */
  body.woocommerce-checkout .wc-block-components-totals-item{
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  body.woocommerce-checkout .wc-block-components-totals-footer-item{
    font-size: 18px;
    font-weight: 900;
    color: rgba(0,245,255,.95);
    text-shadow: 0 0 18px rgba(0,245,255,.25);
  }
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  
  /* Tablet + mobile: sidebar passe dessous (Woo le fait souvent, on optimise l’air) */
  @media (max-width: 1024px){
    body.woocommerce-checkout .wp-block-woocommerce-checkout{
      padding: 18px;
      border-radius: 22px;
    }
  
    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar{
      padding: 16px;
      border-radius: 22px;
    }
  }
  
  /* Petits écrans: bouton full width */
  @media (max-width: 520px){
    body.woocommerce-checkout .wc-block-components-checkout-place-order-button{
      width: 100% !important;
    }
    body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button{
      width: 100% !important;
      justify-content:center;
      display:flex;
    }
  }
  

  /* =========================================================
   FUTURISTIC PRODUCT PAGE (WooCommerce Single Product)
   Accent: RED + CYAN (MMA neon)
   Cible: body.single-product
   ========================================================= */

body.single-product{
    --neo-bg: #070A12;
    --neo-bg2:#0B1020;
    --neo-card: rgba(255,255,255,.045);
    --neo-stroke: rgba(255,255,255,.10);
    --neo-text: rgba(255,255,255,.92);
    --neo-muted: rgba(255,255,255,.70);
  
    --neo-cyan: #00f5ff;
    --neo-red:  #840a0a;
    --neo-red2: #c60e0e;
    --neo-purple:#ff2bd6;
  
    background: radial-gradient(1200px 520px at 18% 0%, rgba(0,245,255,.10), transparent 60%),
                radial-gradient(1000px 480px at 82% 18%, rgba(255,0,79,.12), transparent 62%),
                linear-gradient(180deg, var(--neo-bg), var(--neo-bg2));
    color: var(--neo-text);
  }
  
  /* =============== Container spacing =============== */
  body.single-product .site-content{
    padding-top: clamp(22px, 3vw, 70px);
    padding-bottom: clamp(40px, 6vw, 110px);
  }
  
  /* =============== Breadcrumbs hero upgrade =============== */
  body.single-product .rs-breadcrumbs .breadcrumbs-single{
    position: relative;
    overflow: hidden;
  }
  body.single-product .rs-breadcrumbs .breadcrumbs-single::after{
    content:"";
    position:absolute; inset:0;
    background:
      linear-gradient(180deg, rgba(6,10,18,.35), rgba(6,10,18,.88)),
      radial-gradient(700px 260px at 18% 10%, rgba(0,245,255,.18), transparent 55%),
      radial-gradient(700px 260px at 82% 70%, rgba(255,0,79,.16), transparent 58%);
    pointer-events:none;
  }
  body.single-product .rs-breadcrumbs .page-title{
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 900;
    text-shadow: 0 0 26px rgba(0,245,255,.10), 0 0 22px rgba(255,0,79,.10);
  }
  
  /* =============== Notices (added to cart) =============== */
  body.single-product .woocommerce-notices-wrapper .woocommerce-message{
    border-radius: 18px;
    border: 1px solid rgba(255,0,79,.22);
    background: radial-gradient(540px 220px at 10% 0%, rgb(168, 24, 39), #6f0909 60%), rgba(255,255,255,.03);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 18px 70px rgba(0,0,0,.55);
    color: var(--neo-text);
  }
  body.single-product .woocommerce-message .button.wc-forward{
    border-radius: 999px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 10px 14px;
    border: 1px solid rgba(0,245,255,.25);
    background: rgba(0,245,255,.10);
    color: #fff;
  }
  body.single-product .woocommerce-message .button.wc-forward:hover{
    box-shadow: 0 0 22px rgba(0,245,255,.22);
  }
  
  /* =============== Main product wrapper =============== */
  body.single-product div.product{
    position: relative;
    border-radius: 28px;
    border: 1px solid var(--neo-stroke);
    background:
      radial-gradient(900px 360px at 16% 0%, rgba(0,245,255,.10), transparent 60%),
      radial-gradient(900px 360px at 85% 20%, rgba(255,0,79,.10), transparent 62%),
      var(--neo-card);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 30px 110px rgba(0,0,0,.62);
    padding: clamp(16px, 2.2vw, 28px);
    overflow: hidden;
  }
  
  /* soft glow */
  body.single-product div.product::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      radial-gradient(680px 300px at 18% 10%, rgba(0,245,255,.20), transparent 60%),
      radial-gradient(680px 300px at 82% 80%, rgba(255,0,79,.18), transparent 62%);
    filter: blur(44px);
    opacity: .85;
    pointer-events:none;
  }
  
  /* =============== Gallery =============== */
  body.single-product .woocommerce-product-gallery{
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.18);
    padding: 14px;
    box-shadow: 0 20px 70px rgba(0,0,0,.55);
  }
  body.single-product .woocommerce-product-gallery img{
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 20px 70px rgba(0,0,0,.55);
  }
  
  /* =============== Summary (title / price / description) =============== */
  body.single-product .summary.entry-summary{
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    padding: clamp(14px, 2vw, 22px);
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
  }
  
  body.single-product .product_title{
    font-weight: 1000;
    letter-spacing: .7px;
    text-transform: uppercase;
    line-height: 1.15;
    margin-bottom: 10px;
    text-shadow: 0 0 28px rgba(0,245,255,.10);
  }
  
  /* Price with neon red highlight */
  body.single-product .price{
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 10px 0 14px;
  }
  body.single-product .price .woocommerce-Price-amount{
    font-size: 18px;
    font-weight: 700;
    color: #3be0fb;
    text-shadow: 0 0 26px rgba(255,0,79,.25);
  }
  body.single-product .nd-price__suffix,
  body.single-product .price .nd-price__suffix{
    opacity: .85;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: rgb(255, 255, 255);
  }
  
  /* Short description */
  body.single-product .woocommerce-product-details__short-description{
    color: var(--neo-muted);
    line-height: 1.65;
  }
  
  /* =============== Plan box (nd-plan) -> futuriste + badge red =============== */
  body.single-product .nd-plan{
    border-radius: 22px !important;
    border: 1px solid rgba(255,0,79,.20) !important;
    background:
      radial-gradient(520px 200px at 10% 0%, rgba(255,0,79,.18), transparent 60%),
      radial-gradient(520px 200px at 90% 80%, rgba(0,245,255,.12), transparent 62%),
      rgba(0,0,0,.18) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 18px 60px rgba(0,0,0,.50);
  }
  
  /* badges */
  body.single-product .nd-badge,
  body.single-product .nd-badge--warn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 1px solid rgba(0, 100, 255, 0.28);
    background: linear-gradient(135deg, rgba(0, 145, 190, 0.79), rgba(255,43,43,.10));
    color: #fff;
    box-shadow: 0 0 22px rgba(255,0,79,.18);
    margin-left: 200px;
  }
  
  /* =============== Add to cart button (main CTA) =============== */
  body.single-product .single_add_to_cart_button.button.alt{
    border-radius: 999px !important;
    padding: 16px 20px !important;
    font-weight: 1000 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    border: none !important;
    color: #fff !important;
  
    /* RED dominant + cyan edge */
    background: linear-gradient(135deg, rgba(255,0,79,.95), rgba(255,43,43,.88)) !important;
    box-shadow: 0 0 24px rgba(255,0,79,.35), 0 26px 90px rgba(0,0,0,.65);
    position: relative;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }
  body.single-product .single_add_to_cart_button.button.alt::after{
    content:"";
    position:absolute; inset:-2px;
    background: radial-gradient(420px 180px at 20% 30%, rgba(0,245,255,.18), transparent 60%);
    opacity:.75;
    filter: blur(18px);
    pointer-events:none;
  }
  body.single-product .single_add_to_cart_button.button.alt:hover{
    transform: translateY(-3px);
    box-shadow: 0 0 34px rgba(255,0,79,.55), 0 0 20px rgba(0,245,255,.18), 0 36px 110px rgba(0,0,0,.72);
    filter: saturate(1.05);
  }
  
  /* Apple Pay container tidy */
  body.single-product .wc-stripe-product-checkout-container{
    margin-top: 12px;
  }
  body.single-product .wc-stripe-product-checkout-container .payment-box{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    padding: 12px;
    box-shadow: 0 16px 55px rgba(0,0,0,.45);
  }
  
  /* =============== Tabs =============== */
  body.single-product .woocommerce-tabs{
    margin-top: clamp(18px, 2.2vw, 28px);
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 18px 70px rgba(0,0,0,.55);
    padding: 14px;
  }
  body.single-product .woocommerce-tabs ul.tabs{
    border: none;
    margin: 0 0 12px;
    display:flex;
    gap:10px;
    flex-wrap: wrap;
  }
  body.single-product .woocommerce-tabs ul.tabs li{
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
  }
  body.single-product .woocommerce-tabs ul.tabs li a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.18);
    color: rgba(255,255,255,.86);
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration:none !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  body.single-product .woocommerce-tabs ul.tabs li.active a{
    border-color: rgba(255,0,79,.35);
    box-shadow: 0 0 18px rgba(255,0,79,.18);
  }
  body.single-product .woocommerce-tabs ul.tabs li a:hover{
    transform: translateY(-2px);
    border-color: rgba(0,245,255,.28);
    box-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  body.single-product .woocommerce-Tabs-panel{
    color: rgba(255,255,255,.78);
    line-height: 1.7;
  }
  body.single-product .woocommerce-Tabs-panel h2{
    text-transform: uppercase;
    letter-spacing: .8px;
    font-weight: 1000;
    color: #fff;
    text-shadow: 0 0 22px rgba(255,0,79,.12);
  }
  
  /* =============== Reviews form futuriste =============== */
  body.single-product #review_form textarea,
  body.single-product #review_form select,
  body.single-product #review_form input[type="text"]{
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(0,0,0,.22) !important;
    color: rgba(255,255,255,.92) !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  body.single-product #review_form textarea:focus,
  body.single-product #review_form input:focus,
  body.single-product #review_form select:focus{
    outline:none !important;
    border-color: rgba(255,0,79,.35) !important;
    box-shadow: 0 0 18px rgba(255,0,79,.14);
    transform: translateY(-1px);
  }
  body.single-product #review_form #submit.submit{
    border-radius: 999px;
    padding: 12px 16px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .6px;
    border: 1px solid rgba(0,245,255,.22);
    background: rgba(0,245,255,.10);
    color: #fff;
  }
  body.single-product #review_form #submit.submit:hover{
    box-shadow: 0 0 22px rgba(0,245,255,.18);
  }
  
  /* =============== Related products (cards neon) =============== */
  body.single-product .related.products{
    margin-top: clamp(22px, 3vw, 50px);
  }
  body.single-product .related.products h2{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 1000;
    color: #fff;
    text-shadow: 0 0 26px rgba(0,245,255,.10);
  }
  
  body.single-product .related.products li.product{
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
    padding: 12px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  body.single-product .related.products li.product:hover{
    transform: translateY(-4px);
    border-color: rgba(255,0,79,.25);
    box-shadow: 0 0 26px rgba(255,0,79,.18), 0 22px 80px rgba(0,0,0,.65);
  }
  body.single-product .related.products li.product img{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
  }
  body.single-product .related.products .woocommerce-loop-product__title a{
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
  }
  body.single-product .related.products li.product .price{
    color: rgba(255,255,255,.90);
  }
  body.single-product .related.products li.product .price .woocommerce-Price-amount{
    text-shadow: 0 0 18px rgba(255,0,79,.18);
  }
  
  /* =============== Small UX polish =============== */
  body.single-product a{
    color: rgba(0,245,255,.85);
  }
  body.single-product a:hover{
    color: #fff;
    text-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  
  /* =============== Responsive =============== */
  @media (max-width: 992px){
    body.single-product div.product{
      padding: 16px;
      border-radius: 22px;
    }
    body.single-product .woocommerce-product-gallery,
    body.single-product .summary.entry-summary{
      border-radius: 22px;
    }
  }
  
  @media (max-width: 560px){
    body.single-product .single_add_to_cart_button.button.alt{
      width: 100% !important;
    }
    body.single-product .woocommerce-tabs ul.tabs{
      gap: 8px;
    }
    body.single-product .woocommerce-tabs ul.tabs li a{
      width: 100%;
      justify-content:center;
    }
  }
  

  /* =========================================================
   FUTURISTIC MY ACCOUNT (WooCommerce)
   Accent: RED + CYAN (glass neon)
   Cible: body.woocommerce-account
   ========================================================= */

body.woocommerce-account{
    --neo-bg: #070A12;
    --neo-bg2:#0B1020;
    --neo-card: rgba(255,255,255,.045);
    --neo-stroke: rgba(255,255,255,.10);
    --neo-text: rgba(255,255,255,.92);
    --neo-muted: rgba(255,255,255,.70);
  
    --neo-cyan: #00f5ff;
    --neo-red:  #ff2b2b;
    --neo-red2: #ff004f;
  
    background: radial-gradient(1100px 520px at 20% 0%, rgba(0,245,255,.10), transparent 60%),
                radial-gradient(1000px 480px at 80% 15%, rgba(255,0,79,.12), transparent 62%),
                linear-gradient(180deg, var(--neo-bg), var(--neo-bg2));
    color: var(--neo-text);
  }
  
  /* Layout padding */
  body.woocommerce-account .site-content{
    padding-top: clamp(22px, 3vw, 70px);
    padding-bottom: clamp(40px, 6vw, 110px);
  }
  
  /* Base container */
  body.woocommerce-account .woocommerce{
    position: relative;
  }
  
  /* soft glow */
  body.woocommerce-account .woocommerce::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      radial-gradient(680px 300px at 18% 10%, rgba(0,245,255,.20), transparent 60%),
      radial-gradient(680px 300px at 82% 80%, rgba(255,0,79,.18), transparent 62%);
    filter: blur(44px);
    opacity: .85;
    pointer-events:none;
  }
  
  /* Two-column grid */
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content{
    position: relative;
    z-index: 1;
  }
  
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    width: 320px;
  }
  
  body.woocommerce-account .woocommerce-MyAccount-content{
    margin-left: 340px; /* fallback if theme uses floats */
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    padding: clamp(14px, 2vw, 22px);
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
    min-height: 260px;
  }
  
  /* If theme already uses flex, improve it */
  body.woocommerce-account .woocommerce{
    display: block;
  }
  @supports (display:flex){
    body.woocommerce-account .woocommerce{
      display: flex;
      gap: clamp(12px, 1.8vw, 18px);
      align-items: flex-start;
    }
    body.woocommerce-account .woocommerce-MyAccount-content{
      margin-left: 0;
      flex: 1;
      min-width: 0;
    }
  }
  
  /* =========================
     LEFT NAV (Futuristic Dock)
     ========================= */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
    margin: 0;
    padding: 10px;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.20);
    box-shadow: 0 18px 70px rgba(0,0,0,.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  
  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    margin: 0;
  }
  
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);

    text-decoration: none !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    position: relative;
    overflow: hidden;

    margin-bottom: 8px;
  color: #fff;
  }
  
  /* glow stripe */
  body.woocommerce-account .woocommerce-MyAccount-navigation li a::after{
    content:"";
    position:relative;
    inset:-2px;
    background: radial-gradient(520px 180px at 18% 30%, rgba(0,245,255,.12), transparent 60%),
                radial-gradient(520px 180px at 82% 70%, rgba(255,0,79,.12), transparent 62%);
    opacity:.75;
    filter: blur(18px);
    pointer-events:none;
  }
  
  /* hover */
  body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
    transform: translateY(-2px);
    border-color: rgba(0,245,255,.22);
    box-shadow: 0 0 18px rgba(0,245,255,.12), 0 18px 60px rgba(0,0,0,.55);
  }
  
  /* active item: RED neon */
  body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
    border-color: rgba(255,0,79,.35);
    background: linear-gradient(135deg, rgba(255,0,79,.18), rgba(255,255,255,.02));
    box-shadow: 0 0 26px rgba(255,0,79,.18), 0 18px 70px rgba(0,0,0,.55);
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover{
    border-color: rgba(255,0,79,.45);
  }
  
  /* Add a small neon dot indicator */
  body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{
    content:"";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0 18px rgba(255,0,79,.55), 0 0 28px rgba(255,43,43,.25);
    flex: 0 0 10px;
  }
  
  /* If you want icons later, keep space on the left */
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{
    padding-left: 14px;
  }
  
  /* Logout special styling */
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
    border-color: rgba(255,0,79,.25);
  }
  
  /* =========================
     CONTENT AREA
     ========================= */
  body.woocommerce-account .woocommerce-MyAccount-content p{
    color: rgba(255,255,255,.80);
    line-height: 1.7;
  }
  body.woocommerce-account .woocommerce-MyAccount-content strong{
    color: #fff;
    text-shadow: 0 0 18px rgba(0,245,255,.10);
  }
  
  body.woocommerce-account .woocommerce-MyAccount-content a{
    color: rgba(0,245,255);
    font-weight: 600;
    text-decoration: none;
  }
  body.woocommerce-account .woocommerce-MyAccount-content a:hover{
    color: #fff;
    text-shadow: 0 0 18px rgba(0,245,255,.12);
  }
  
  /* Notices inside My Account */
  body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
  body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
  body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error{
    border-radius: 18px;
    border: 1px solid rgba(255,0,79,.18);
    background:
      radial-gradient(540px 220px at 10% 0%, rgba(255,0,79,.18), transparent 60%),
      rgba(255,255,255,.03);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 18px 70px rgba(0,0,0,.55);
    color: var(--neo-text);
    padding: 12px 14px;
  }
  
  /* Buttons in account (forms, save, etc.) */
  body.woocommerce-account .woocommerce-MyAccount-content button,
  body.woocommerce-account .woocommerce-MyAccount-content .button,
  body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]{
    border-radius: 999px !important;
    padding: 12px 16px !important;
    font-weight: 1000 !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    border: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(148, 12, 12, 0.95), rgba(255,43,43,.88)) !important;
    box-shadow: 0 0 24px rgba(255,0,79,.35), 0 26px 90px rgba(0,0,0,.65);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }
  body.woocommerce-account .woocommerce-MyAccount-content button:hover,
  body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
  body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover{
    transform: translateY(-2px);
    box-shadow: 0 0 34px rgba(255,0,79,.55), 0 0 20px rgba(0,245,255,.18), 0 36px 110px rgba(0,0,0,.72);
  }
  
  /* Inputs futuristes */
  body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
  body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
  body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
  body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
  body.woocommerce-account .woocommerce-MyAccount-content select,
  body.woocommerce-account .woocommerce-MyAccount-content textarea{
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(0,0,0,.22) !important;
    color: rgba(255,255,255,.92) !important;
    padding: 12px 12px !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  body.woocommerce-account .woocommerce-MyAccount-content input:focus,
  body.woocommerce-account .woocommerce-MyAccount-content select:focus,
  body.woocommerce-account .woocommerce-MyAccount-content textarea:focus{
    outline: none !important;
    border-color: rgba(255,0,79,.35) !important;
    box-shadow: 0 0 18px rgba(255,0,79,.14);
    transform: translateY(-1px);
  }
  
  /* Tables (orders etc.) */
  body.woocommerce-account .woocommerce-MyAccount-content table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
  }
  body.woocommerce-account .woocommerce-MyAccount-content table thead th{
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 1000;
    color: rgba(255,255,255,.86);
    border: none;
  }
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr{
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 50px rgba(0,0,0,.35);
  }
  body.woocommerce-account .woocommerce-MyAccount-content table tbody td{
    border: none;
    padding: 12px 12px;
    color: rgba(255,255,255,.80);
  }
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:first-child{
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  body.woocommerce-account .woocommerce-MyAccount-content table tbody tr td:last-child{
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  
  /* =========================
     FULLY RESPONSIVE
     ========================= */
  
  /* Tablet: navigation becomes top “pill bar” */
  @media (max-width: 992px){
    body.woocommerce-account .woocommerce{
      display: block;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-navigation{
      width: 100%;
      margin-bottom: 14px;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-content{
      margin-left: 0;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-navigation ul{
      display: flex;
      gap: 10px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
      padding: 10px;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-navigation li{
      flex: 0 0 auto;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-navigation li a{
      white-space: nowrap;
      border-radius: 999px;
      padding: 10px 14px;
    }
  }
  
  /* Mobile: reduce paddings & make cards tighter */
  @media (max-width: 560px){
    body.woocommerce-account .woocommerce{
      border-radius: 22px;
      padding: 14px;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-content{
      border-radius: 22px;
      padding: 14px;
    }
  
    body.woocommerce-account .woocommerce-MyAccount-navigation ul{
      border-radius: 22px;
    }
  }
  
  /* =========================================================
   EVOLUTIONFREEFIGHT — Futuristic Event (mptt / mp-event)
   - Glass UI + Neon Red accents
   - Responsive grid + cleaner typography
   ========================================================= */

/* ---- Theme variables (tu peux ajuster) ---- */
:root{
    --neo-bg: rgba(10, 12, 16, .55);
    --neo-card: rgba(14, 16, 22, .62);
    --neo-stroke: rgba(255,255,255,.08);
    --neo-stroke-2: rgba(255,255,255,.12);
    --neo-text: rgba(255,255,255,.92);
    --neo-muted: rgba(255,255,255,.68);
  
    --neo-red: #ff2b2b;
    --neo-red2:#ff4d4d;
    --neo-cyan:#7ef9ff; /* léger contraste futuriste */
    --neo-shadow: 0 18px 60px rgba(0,0,0,.45);
    --neo-blur: blur(14px);
  
    --neo-radius: 20px;
    --neo-radius-sm: 14px;
  }
  
  /* ---- Scope: page event ---- */
  .mp-event-item,
  .mptt-main-wrapper.mp-event-item{
    color: var(--neo-text);
  }
  
  /* ---- Container redressé (grid 2 colonnes) ---- */
  .mptt-main-wrapper.mp-event-item{
margin-top: 60px;
  }
  
  /* halo neon discret */
  .mptt-main-wrapper.mp-event-item::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      radial-gradient(700px 220px at 15% 10%, rgba(255,43,43,.22), transparent 60%),
      radial-gradient(600px 260px at 85% 30%, rgba(126,249,255,.10), transparent 55%),
      radial-gradient(520px 240px at 50% 110%, rgba(255,43,43,.12), transparent 60%);
    pointer-events:none;
  }
  
  /* grille interne */
  .mptt-main-wrapper.mp-event-item .mptt-content,
  .mptt-main-wrapper.mp-event-item .mptt-sidebar{
    position: relative;
    z-index: 1;
  }
  
  /* layout global : content + sidebar */
  .mptt-main-wrapper.mp-event-item{
    display: grid;
    grid-template-columns: 1.55fr .85fr;
    gap: 18px;
    align-items: start;
  }
  
  /* ---- Cards Glass ---- */
  .mptt-main-wrapper.mp-event-item .mptt-content,
  .mptt-main-wrapper.mp-event-item .mptt-sidebar .bs-sidebar{
    background: var(--neo-card);
    border: 1px solid var(--neo-stroke);
    border-radius: var(--neo-radius);
    backdrop-filter: var(--neo-blur);
    -webkit-backdrop-filter: var(--neo-blur);
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
  }
  
  /* padding global */
  .mptt-main-wrapper.mp-event-item .mptt-content{
    padding: 16px;
  }
  .mptt-main-wrapper.mp-event-item .mptt-sidebar .bs-sidebar{
    padding: 16px;
  }
  
  /* ---- Thumbnail hero ---- */
  .thumbnail-wrapper{
    border-radius: calc(var(--neo-radius) - 6px);
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(255,255,255,.10);
  }
  .thumbnail-wrapper img{
    width: 100%;
    height: auto;
    display:block;
    transform: scale(1.01);
    filter: contrast(1.05) saturate(1.05);
  }
  
  /* overlay futuriste + scanline */
  .thumbnail-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)),
      radial-gradient(1200px 420px at 20% 0%, rgba(255,43,43,.18), transparent 60%);
    pointer-events:none;
  }
  .thumbnail-wrapper::before{
    content:"";
    position:absolute;
    inset:-40%;
    background: repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.00) 0px,
      rgba(255,255,255,.00) 10px,
      rgba(255,255,255,.06) 11px
    );
    opacity:.12;
    transform: translateY(-30%);
    animation: neoScan 6.5s linear infinite;
    pointer-events:none;
  }
  @keyframes neoScan{
    0%{ transform: translateY(-35%); }
    100%{ transform: translateY(35%); }
  }
  
  /* ---- Event main text ---- */
  .event-content{
    margin-top: 14px;
    padding: 14px;
    border-radius: var(--neo-radius-sm);
    border: 1px solid var(--neo-stroke);
    background: rgba(0,0,0,.20);
  }
  
  .event-content p{
    color: var(--neo-muted);
    line-height: 1.7;
    font-size: 15px;
    margin: 0 0 10px;
  }
  
  /* titres style neon */
  .timeslots-title,
  .schedule-title,
  .single-instructors h3,
  .course-features-info h3,
  .recent-widget_course .widget-title{
    margin: 12px 0 10px;
    font-weight: 900;
    letter-spacing: .3px;
    text-transform: uppercase;
    font-size: 13px;
    color: rgba(255,255,255,.90);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .timeslots-title::before,
  .schedule-title::before,
  .single-instructors h3::before,
  .course-features-info h3::before,
  .recent-widget_course .widget-title::before{
    content:"";
    width: 14px;
    height: 14px;
    border-radius: 6px;
    background: radial-gradient(circle at 30% 30%, #fff, var(--neo-red) 55%, rgba(255,43,43,.35));
    box-shadow: 0 0 18px rgba(255,43,43,.45);
  }
  
  /* ---- Timeslots (Mercredi / Jeudi) ---- */
  .timeslot{
    margin: 10px 0;
    padding: 12px;
    border-radius: var(--neo-radius-sm);
    border: 1px solid var(--neo-stroke);
    background: rgba(255,255,255,.03);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .timeslot:hover{
    transform: translateY(-2px);
    border-color: rgba(255,43,43,.35);
    box-shadow: 0 14px 30px rgba(0,0,0,.35);
  }
  
  .timeslot-link,
  .event-link{
    color: var(--neo-text) !important;
    text-decoration: none !important;
    font-weight: 900;
    letter-spacing: .2px;
    position: relative;
  }
  .timeslot-link:hover,
  .event-link:hover{
    color: #fff !important;
  }
  .timeslot-link::after,
  .event-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:0%;
    height:2px;
    background: linear-gradient(90deg, var(--neo-red), rgba(255,43,43,.05));
    transition: width .2s ease;
  }
  .timeslot-link:hover::after,
  .event-link:hover::after{
    width:100%;
  }
  
  .timeslot-start,
  .timeslot-end{
    font-weight: 900;
    color: rgba(255,255,255,.92);
  }
  .timeslot-start{
    color: rgba(255,255,255,.95);
  }
  .timeslot-end{
    color: rgba(255,255,255,.85);
  }
  
  /* ---- Horaires list ---- */
  .mptt-event.events-list{
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: grid;
    gap: 10px;
  }
  .mptt-event.events-list .event{
    border-radius: var(--neo-radius-sm);
    border: 1px solid var(--neo-stroke);
    background: rgba(0,0,0,.18);
    padding: 12px;
    position: relative;
    overflow:hidden;
  }
  .mptt-event.events-list .event::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(90deg, rgba(255,43,43,.16), transparent 45%);
    opacity:.35;
    pointer-events:none;
  }
  .mptt-event.events-list .event-title{
    margin: 0 0 6px;
  }
  .mptt-event.events-list .timeslot{
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
  }
  
  /* ---- Trainers ---- */
  .single-instructors{
    margin-top: 14px;
    padding: 14px;
    border-radius: var(--neo-radius-sm);
    border: 1px solid var(--neo-stroke);
    background: rgba(255,255,255,.03);
  }
  .single-instructors ul{
    list-style:none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
  }
  .single-instructors li{
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    align-items: center;
  }
  .single-instructors .thumb{
    width: 72px;
    height: 72px;
    border-radius: 18px;
    overflow:hidden;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 10px 25px rgba(0,0,0,.35);
    position: relative;
  }
  .single-instructors .thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(120px 80px at 20% 10%, rgba(255,43,43,.25), transparent 60%);
    pointer-events:none;
  }
  .single-instructors .thumb img{
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
  }
  .single-instructors h5{
    margin: 0 0 2px;
    font-size: 15px;
    font-weight: 900;
  }
  .single-instructors h5 a{
    color: rgba(255,255,255,.92) !important;
    text-decoration:none !important;
  }
  .single-instructors span{
    color: var(--neo-muted);
    font-size: 13px;
  }
  
  /* ---- Sidebar “Le module” ---- */
  .course-features-info{
    border-radius: var(--neo-radius-sm);
    border: 1px solid var(--neo-stroke);
    background: rgba(0,0,0,.20);
    padding: 14px;
    margin-bottom: 14px;
  }
  .course-features-info ul{
    list-style:none;
    margin: 0;
    padding: 0;
    display:grid;
    gap: 10px;
  }
  .course-features-info li{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    padding-top: 10px;
  border-radius: 14px;
  border: 1px solid rgba(250, 29, 29, 0.86);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(250, 29, 29, 0.86);
  background: rgba(230, 230, 230, 0.29);
  }
  .course-features-info .label{
    color: rgba(255,255,255,.70);
    font-weight: 800;
    font-size: 13px;
  }
  .course-features-info .value{
    color: rgba(255,255,255,.92);
    font-weight: 900;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,43,43,.22), rgba(255,255,255,.06));
    border: 1px solid rgba(255,43,43,.20);
    box-shadow: 0 0 18px rgba(255,43,43,.12);
  }
  
  /* ---- Widget "Nos Modules d’Entraînement" ---- */
  .recent-widget_course.widget{
    border-radius: var(--neo-radius-sm);
    border: 1px solid var(--neo-stroke);
    background: rgba(0,0,0,.18);
    padding: 14px;
  }
  .recent-post-widget .show-featured{
    display:grid;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    transition: transform .18s ease, border-color .18s ease;
    margin-bottom: 10px;
  }
  .recent-post-widget .show-featured:hover{
    transform: translateY(-2px);
    border-color: rgba(255,43,43,.25);
  }
  .recent-post-widget .post-img{
    border-radius: 16px;
    overflow:hidden;
    border: 1px solid rgba(255,255,255,.10);
  }
  .recent-post-widget .post-img img{
    width: 100%;
    height: 76px;
    object-fit: cover;
    display:block;
  }
  .recent-post-widget .post-desc a{
    color: rgba(255,255,255,.92) !important;
    text-decoration:none !important;
    font-weight: 900;
    line-height: 1.35;
  }
  .recent-post-widget .post-desc a:hover{
    color: #fff !important;
    text-shadow: 0 0 18px rgba(255,43,43,.25);
  }
  
  /* ---- Fix clearfix / spacing ---- */
  .mptt-clearfix{ display:none; }
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  @media (max-width: 1100px){
    .mptt-main-wrapper.mp-event-item{
      grid-template-columns: 1fr;
    }
    .mptt-main-wrapper.mp-event-item .mptt-sidebar{
      order: 2;
    }
    .mptt-main-wrapper.mp-event-item .mptt-content{
      order: 1;
    }
  }
  
  @media (max-width: 600px){
    .mptt-main-wrapper.mp-event-item{
      padding: 12px;
      border-radius: 18px;
    }
    .mptt-main-wrapper.mp-event-item .mptt-content,
    .mptt-main-wrapper.mp-event-item .mptt-sidebar .bs-sidebar{
      padding: 12px;
      border-radius: 18px;
    }
  
    .single-instructors li{
      grid-template-columns: 60px 1fr;
    }
    .single-instructors .thumb{
      width: 60px; height: 60px; border-radius: 16px;
    }
  
    .recent-post-widget .show-featured{
      grid-template-columns: 64px 1fr;
    }
    .recent-post-widget .post-img img{
      height: 64px;
    }
  }
  
  /* ---- Accessibility: reduce motion ---- */
  @media (prefers-reduced-motion: reduce){
    .thumbnail-wrapper::before{ animation: none !important; }
    .timeslot, .recent-post-widget .show-featured{ transition:none !important; }
  }