/* BE Vidéos GoWatch V0.1.15 — corrections des rangées, indépendantes de la mosaïque. */
/* Flexbox protège le carrousel contre les anciennes formules grid-auto-columns
   et les CSS GoWatch : le nombre de vidéos n'est PAS le nombre de cartes visibles. */
.begw-section.begw-responsive {
  box-sizing:border-box!important; width:100%; min-width:0; max-width:100%;
  color:var(--begw-row-text)!important; background:var(--begw-row-bg)!important;
  padding:var(--begw-row-padding)!important; border-radius:12px!important;
  box-shadow:none!important; overflow:hidden;
}
.begw-section.begw-responsive.begw-skin--sans {background:transparent!important;}
.begw-section.begw-responsive .begw-heading {margin-bottom:12px!important;min-width:0;}
.begw-section.begw-responsive .begw-heading h2 {color:var(--begw-row-heading)!important;font-size:clamp(19px,2vw,25px)!important;line-height:1.25!important;}
.begw-section.begw-responsive .begw-card {box-sizing:border-box!important; min-width:0!important;max-width:100%!important; color:var(--begw-row-text)!important;}
.begw-section.begw-responsive .begw-thumb {border-radius:var(--begw-row-radius)!important;}
.begw-section.begw-responsive .begw-card-title{font-size:clamp(13px,1.15vw,16px)!important;line-height:1.35!important;min-height:0!important;}
.begw-section.begw-responsive .begw-category{color:var(--begw-accent)!important;}
.begw-section.begw-responsive .begw-views{color:var(--begw-row-text)!important;}
.begw-section.begw-responsive .begw-track--row{
  display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
  gap:var(--begw-row-gap)!important; grid-auto-columns:unset!important;
  overflow-x:auto!important; overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;scroll-padding-inline:0;
  align-items:stretch; min-width:0;max-width:100%;
}
.begw-section.begw-responsive .begw-track--row > .begw-card{
  flex:0 0 var(--begw-card-pc)!important;
  width:var(--begw-card-pc)!important;
  max-width:var(--begw-card-pc)!important;
  scroll-snap-align:start;
}
.begw-section.begw-responsive .begw-track--grid{
  display:grid!important;
  grid-template-columns:repeat(var(--begw-cols),minmax(0,1fr))!important;
  gap:var(--begw-row-gap)!important;
}
.begw-section.begw-responsive .begw-track--grid > .begw-card{width:100%!important;}
.begw-section.begw-responsive .begw-dots{margin-top:10px!important;}
.begw-section.begw-responsive .begw-controls{flex:0 0 auto!important;}
.begw-section.begw-responsive .begw-arrow{width:36px!important;height:36px!important;min-height:36px!important;}
@media(max-width:1000px) and (min-width:701px){
  .begw-section.begw-responsive .begw-track--row > .begw-card{
    flex-basis:var(--begw-card-tablet)!important;width:var(--begw-card-tablet)!important;max-width:var(--begw-card-tablet)!important;
  }
  .begw-section.begw-responsive .begw-track--grid{grid-template-columns:repeat(var(--begw-row-tablet-cols),minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .begw-section.begw-responsive{padding:clamp(6px,var(--begw-row-padding),16px)!important;border-radius:7px!important;}
  .begw-section.begw-responsive .begw-heading{margin-bottom:9px!important;min-height:34px!important;}
  .begw-section.begw-responsive .begw-heading h2{font-size:19px!important;}
  .begw-section.begw-responsive .begw-track--row > .begw-card{
    flex-basis:var(--begw-card-mobile)!important;width:var(--begw-card-mobile)!important;max-width:var(--begw-card-mobile)!important;
  }
  .begw-section.begw-responsive .begw-card--mobile-hidden{display:none!important;}
  .begw-section.begw-responsive .begw-card-title{font-size:15px!important;} /* TEST 0.1.25 : +1px sur smartphone */
  .begw-section.begw-responsive .begw-track--grid{grid-template-columns:repeat(var(--begw-row-mobile-cols),minmax(0,1fr))!important;}
  .begw-section.begw-responsive.begw-mobile--pile .begw-track--row{
    display:grid!important;grid-template-columns:repeat(var(--begw-row-mobile-cols),minmax(0,1fr))!important;
    grid-auto-flow:row!important;gap:var(--begw-row-gap)!important;
    overflow-x:visible!important;scroll-snap-type:none!important;
  }
  .begw-section.begw-responsive.begw-mobile--pile .begw-track--row > .begw-card{
    flex:auto!important;width:100%!important;max-width:100%!important;
  }
  .begw-section.begw-responsive.begw-mobile--pile .begw-controls,
  .begw-section.begw-responsive.begw-mobile--pile .begw-dots{display:none!important;}
}

/* V0.1.17 — l'espacement des RUBRIQUES est indépendant de l'espacement des cartes.
   Les rangées GoWatch sont séparées : chaque shortcode réserve son espace extérieur. */
.begw-section.begw-responsive { margin-block-end:var(--begw-section-space,20px)!important; }

/* V0.1.21 — démarrage des nouveautés différent selon appareil.
   Une carte masquée sur PC peut rester visible sur mobile, et inversement. */
@media (min-width:701px) {
  .begw-section.begw-responsive .begw-card--pc-hidden {display:none!important;}
}

/* V0.1.23 TEST — lisibilite des rubriques CARP RUSH TV sur telephone uniquement.
   Conserve les fonds definis par chaque shortcode : blanc, bleu-gris et bleu nuit.
   Aucun impact desktop, slider, miniatures, JS, queries ou liens. */
@media screen and (max-width:700px){
  /* Encadre sobre : les couleurs personnalisees et leur alternance sont conservees. */
  .begw-section.begw-responsive.begw-skin--clair,
  .begw-section.begw-responsive.begw-skin--sombre{
    padding:13px 12px 16px!important;
    border-radius:10px!important;
    border:1px solid rgba(19,43,60,.10)!important;
    box-shadow:0 2px 8px rgba(16,35,50,.055)!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre{
    border-color:rgba(255,255,255,.13)!important;
    box-shadow:0 3px 12px rgba(8,19,29,.13)!important;
  }
  /* Repere rouge de marque et titre H2 plus lisible. */
  .begw-section.begw-responsive.begw-skin--clair .begw-heading,
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading{
    position:relative!important;
    min-height:46px!important;
    padding:0 0 12px 13px!important;
    margin:0 0 13px!important;
    border-bottom:1px solid rgba(19,43,60,.16)!important;
    gap:7px!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading{
    border-bottom-color:rgba(255,255,255,.23)!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-heading:before,
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:5px!important;
    width:4px!important;
    height:27px!important;
    border-radius:3px!important;
    background:#d80026!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-heading h2,
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading h2{
    font-size:clamp(20px,5.1vw,23px)!important;
    font-weight:800!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
  }
  /* Contraste du lien 'Tout voir' selon le fond. */
  .begw-section.begw-responsive.begw-skin--clair .begw-more{
    color:#b90028!important;
    font-weight:800!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre .begw-more{
    color:#ff788c!important;
    font-weight:800!important;
  }
  /* Fleches mieux perceptibles et surfaces tactiles stables (JS inchange). */
  .begw-section.begw-responsive.begw-skin--clair .begw-arrow,
  .begw-section.begw-responsive.begw-skin--sombre .begw-arrow{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    font-size:25px!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-arrow:not(:disabled){
    color:#173246!important;
    border-color:rgba(23,50,70,.55)!important;
    background:rgba(18,44,63,.055)!important;
    opacity:1!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre .begw-arrow:not(:disabled){
    color:#fff!important;
    border-color:rgba(255,255,255,.64)!important;
    background:rgba(255,255,255,.10)!important;
    opacity:1!important;
  }
}

/* V0.1.24 TEST — harmonisation legere des en-tetes sur ordinateur (>1000px).
   Le style mobile de la V0.1.23, le slider V0.1.22 et les fonds personnalises
   des shortcodes ne sont pas modifies. Aucun impact sur les cartes ou le JS. */
@media screen and (min-width:1001px){
  /* Un contour perceptible meme sur fond blanc, sans recolorer les sections. */
  .begw-section.begw-responsive.begw-skin--clair,
  .begw-section.begw-responsive.begw-skin--sombre{
    padding:19px 21px 22px!important;
    border-radius:12px!important;
    border:1px solid rgba(21,44,61,.13)!important;
    box-shadow:0 2px 12px rgba(12,28,40,.05)!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre{
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 3px 14px rgba(5,15,25,.12)!important;
  }
  /* Reperes de rubriques discrets, mais identifiables d'un coup d'oeil. */
  .begw-section.begw-responsive.begw-skin--clair .begw-heading,
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading{
    position:relative!important;
    min-height:48px!important;
    padding:0 0 13px 18px!important;
    margin:0 0 17px!important;
    border-bottom:1px solid rgba(21,44,61,.18)!important;
    gap:10px!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading{
    border-bottom-color:rgba(255,255,255,.23)!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-heading::before,
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:3px!important;
    left:0!important;
    width:5px!important;
    height:29px!important;
    border-radius:4px!important;
    background:#d80026!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-heading h2,
  .begw-section.begw-responsive.begw-skin--sombre .begw-heading h2{
    font-size:clamp(22px,2vw,28px)!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    line-height:1.20!important;
  }
  /* Lien de destination et flèches avec contraste adapte au fond. */
  .begw-section.begw-responsive.begw-skin--clair .begw-more{
    color:#b70027!important;
    font-weight:800!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre .begw-more{
    color:#ff8da1!important;
    font-weight:800!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-arrow,
  .begw-section.begw-responsive.begw-skin--sombre .begw-arrow{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .begw-section.begw-responsive.begw-skin--clair .begw-arrow:not(:disabled){
    color:#173246!important;
    border-color:rgba(23,50,70,.57)!important;
    background:rgba(23,50,70,.055)!important;
    opacity:1!important;
  }
  .begw-section.begw-responsive.begw-skin--sombre .begw-arrow:not(:disabled){
    color:#fff!important;
    border-color:rgba(255,255,255,.65)!important;
    background:rgba(255,255,255,.09)!important;
    opacity:1!important;
  }
}