.elementor-kit-1244{--e-global-color-primary:#0098C2;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b24cba9:#FFFFFF;--e-global-typography-primary-font-family:"Zwave";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Zwave";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Zwave";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Zwave";--e-global-typography-accent-font-weight:500;}.elementor-kit-1244 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1244 h2{color:#0098C2;}.elementor-kit-1244 h3{color:#0098C2;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================================
   SKIPPERS — Editorial sections
   À la une cette semaine  →  .feat-card (featured left) + .list-row (right rows)
   La sélection de la rédaction  →  .selection-grid (5 cards)
   ===================================================================== */

/* === Reset widget margins/padding inside our templates === */
.feat-card .elementor-widget,
.feat-card .elementor-widget-container,
.list-row .elementor-widget,
.list-row .elementor-widget-container,
.selection-grid .e-loop-item .elementor-widget,
.selection-grid .e-loop-item .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}

/* === Hide Post Info icons === */
.feat-card .elementor-icon-list-icon,
.feat-card .elementor-post-info__item-prefix,
.feat-card .elementor-post-info__item .elementor-icon,
.feat-card .elementor-post-info__item svg,
.feat-card .elementor-post-info__item i,
.list-row .elementor-icon-list-icon,
.list-row .elementor-post-info__item-prefix,
.list-row .elementor-post-info__item .elementor-icon,
.list-row .elementor-post-info__item svg,
.list-row .elementor-post-info__item i,
.selection-grid .elementor-icon-list-icon,
.selection-grid .elementor-post-info__item-prefix,
.selection-grid .elementor-post-info__item .elementor-icon,
.selection-grid .elementor-post-info__item svg,
.selection-grid .elementor-post-info__item i{
  display:none !important;
}

/* =====================================================================
   FEATURED CARD (left side of À la une cette semaine)
   ===================================================================== */
.feat-card{
  display:flex !important;
  flex-direction:column !important;
}

.feat-image{ margin:0 0 16px 0 !important; }
.feat-image img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:3/2 !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
}

.feat-category,
.feat-category .elementor-post-info,
.feat-category .elementor-post-info__item,
.feat-category .elementor-post-info__terms-list-item,
.feat-category a,
.feat-category span{
  color:#00b3d6 !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  margin:0 0 8px 0 !important;
  line-height:1.2 !important;
}

.feat-title h2,
.feat-title .elementor-heading-title{
  font-family:'Playfair Display','Times New Roman',Georgia,serif !important;
  font-size:32px !important;
  font-weight:400 !important;
  line-height:1.15 !important;
  color:#000 !important;
  letter-spacing:-0.3px !important;
  margin:0 0 10px 0 !important;
  text-transform:none !important;
}
.feat-title a{ color:#000 !important; text-decoration:none !important; }
.feat-title a:hover{ color:#00b3d6 !important; }

.feat-excerpt,
.feat-excerpt p{
  font-family:'Helvetica Neue',Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#2a2a2a !important;
  margin:0 0 14px 0 !important;
}

.feat-author,
.feat-author .elementor-post-info,
.feat-author .elementor-post-info__item,
.feat-author .elementor-post-info__item *,
.feat-author span,
.feat-author a{
  color:#000 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  margin:0 0 4px 0 !important;
  line-height:1.2 !important;
}

.feat-date,
.feat-date .elementor-post-info,
.feat-date .elementor-post-info__item,
.feat-date .elementor-post-info__item *,
.feat-date span{
  color:#cccccc !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  margin:0 !important;
  line-height:1.2 !important;
}

/* =====================================================================
   TEXT LIST ROW (right column of À la une cette semaine)
   ===================================================================== */
.list-row{
  display:flex !important;
  flex-direction:column !important;
  padding:12px 0 !important;
  border-bottom:1px solid #e0e0e0 !important;
}
.e-loop-item:first-child .list-row{ padding-top:0 !important; }
.e-loop-item:last-child .list-row{
  border-bottom:0 !important;
  padding-bottom:0 !important;
}

.list-category,
.list-category .elementor-post-info,
.list-category .elementor-post-info__item,
.list-category .elementor-post-info__terms-list-item,
.list-category a,
.list-category span{
  color:#00b3d6 !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  margin:0 0 4px 0 !important;
  line-height:1.2 !important;
}

.list-title{ margin:0 0 8px 0 !important; }
.list-title h4,
.list-title .elementor-heading-title{
  font-family:'Helvetica Neue',Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  color:#000 !important;
  line-height:1.25 !important;
  letter-spacing:-0.2px !important;
  margin:0 !important;
  text-transform:none !important;
}
.list-title a{ color:#000 !important; text-decoration:none !important; }
.list-title a:hover{ color:#00b3d6 !important; }

/* Meta line: text + size styles */
.list-meta,
.list-meta .elementor-post-info,
.list-meta .elementor-post-info__item,
.list-meta .elementor-post-info__item *,
.list-meta .elementor-icon-list-item,
.list-meta .elementor-icon-list-item *,
.list-meta span,
.list-meta a{
  color:#999 !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1.2 !important;
}
.list-meta .elementor-post-info__item--type-author *,
.list-meta .elementor-icon-list-item[itemprop="author"] *{
  color:#444 !important;
  font-weight:600 !important;
}

/* =====================================================================
   5-CARD SECTION (.selection-grid)
   Equal-height cards with the LAST Post Info widget pinned to bottom
   ===================================================================== */
.selection-grid .elementor-loop-container,
.selection-grid .elementor-loop-container.elementor-grid{
  align-items:stretch !important;
}

.selection-grid .e-loop-item,
.selection-grid .e-loop-item > .e-con,
.selection-grid .e-loop-item > .e-con > .e-con-inner{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type{
  margin-top:auto !important;
  padding-top:14px !important;
}

.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type .elementor-post-info,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type .elementor-post-info__item,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type .elementor-post-info__item *,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type .elementor-icon-list-item,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type .elementor-icon-list-item *,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type a,
.selection-grid .e-loop-item .elementor-widget-post-info:last-of-type span{
  color:#444 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1.2 !important;
}



/* =====================================================================
   TABLET — max-width 1024px
   ===================================================================== */
@media (max-width: 1024px){
  .feat-title h2,
  .feat-title .elementor-heading-title{
    font-size:24px !important;
  }
  .feat-excerpt,
  .feat-excerpt p{
    font-size:14px !important;
  }
  .list-title h4,
  .list-title .elementor-heading-title{
    font-size:15px !important;
  }
  .list-row{ padding:10px 0 !important; }
}

/* =====================================================================
   MOBILE — max-width 767px
   ===================================================================== */
@media (max-width: 767px){
  .feat-image{ margin:0 0 12px 0 !important; }

  .feat-category, .feat-category *{
    font-size:11px !important;
    letter-spacing:2px !important;
    margin-bottom:6px !important;
  }
  .feat-title h2,
  .feat-title .elementor-heading-title{
    font-size:22px !important;
    line-height:1.2 !important;
    margin:0 0 8px 0 !important;
  }
  .feat-excerpt,
  .feat-excerpt p{
    font-size:14px !important;
    line-height:1.45 !important;
    margin:0 0 12px 0 !important;
  }
  .feat-author, .feat-author *{
    font-size:11px !important;
    letter-spacing:2px !important;
    margin-bottom:3px !important;
  }
  .feat-date, .feat-date *{
    font-size:10px !important;
    letter-spacing:1.5px !important;
  }

  .list-row{ padding:10px 0 !important; }
  .list-category, .list-category *{
    font-size:10px !important;
    letter-spacing:1.5px !important;
    margin-bottom:3px !important;
  }
  .list-title h4,
  .list-title .elementor-heading-title{
    font-size:15px !important;
    line-height:1.3 !important;
  }
  .list-title{ margin:0 0 5px 0 !important; }
  .list-meta, .list-meta *{
    font-size:10px !important;
    letter-spacing:1.5px !important;
  }
}

/* =====================================================================
   SMALL MOBILE — max-width 480px
   ===================================================================== */
@media (max-width: 480px){
  .feat-title h2,
  .feat-title .elementor-heading-title{
    font-size:20px !important;
  }
  .list-title h4,
  .list-title .elementor-heading-title{
    font-size:14px !important;
  }
}

/* =====================================================================
   #hero-article — Top hero with manually-selected article
   ===================================================================== */

#hero-article{
  padding:50px 0 !important;
  background:#fff !important;
}

.hero-card{
  display:flex !important;
  flex-direction:row !important;
  gap:60px !important;
  align-items:center !important;
}

.hero-img-col,
.hero-text-col{
  display:flex !important;
  flex-direction:column !important;
}

.hero-image,
.hero-image .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}
.hero-image img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
}

/* Zero widget margins inside hero-text-col */
.hero-text-col .elementor-widget,
.hero-text-col .elementor-widget-container{
  margin:0 !important;
}

/* Category — cyan, uppercase, with leading line */
.hero-category .elementor-post-info,
.hero-category .elementor-post-info__item,
.hero-category .elementor-post-info__terms-list-item,
.hero-category a,
.hero-category span{
  color:#00b3d6 !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1.2 !important;
}
.hero-category{
  margin:0 0 18px 0 !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.hero-category::before{
  content:"" !important;
  display:inline-block !important;
  width:36px !important;
  height:2px !important;
  background:#00b3d6 !important;
  flex-shrink:0 !important;
}

/* Title — large serif */
.hero-title h2,
.hero-title .elementor-heading-title{
  font-family:'Playfair Display','Times New Roman',Georgia,serif !important;
  font-size:48px !important;
  font-weight:400 !important;
  line-height:1.1 !important;
  color:#000 !important;
  letter-spacing:-0.5px !important;
  margin:0 0 22px 0 !important;
  text-transform:none !important;
}
.hero-title a{ color:#000 !important; text-decoration:none !important; }
.hero-title a:hover{ color:#00b3d6 !important; }

/* Excerpt */
.hero-excerpt,
.hero-excerpt p{
  font-family:'Helvetica Neue',Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  color:#2a2a2a !important;
  margin:0 0 28px 0 !important;
}

/* Author — bold black uppercase */
.hero-author,
.hero-author .elementor-post-info,
.hero-author .elementor-post-info__item,
.hero-author .elementor-post-info__item *,
.hero-author span,
.hero-author a{
  color:#000 !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  margin:0 0 6px 0 !important;
  line-height:1.2 !important;
}

/* Date — light gray uppercase */
.hero-date,
.hero-date .elementor-post-info,
.hero-date .elementor-post-info__item,
.hero-date .elementor-post-info__item *,
.hero-date span{
  color:#999 !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  margin:0 !important;
  line-height:1.2 !important;
}

/* Hide icons */
.hero-card .elementor-icon-list-icon,
.hero-card .elementor-post-info__item-prefix,
.hero-card .elementor-post-info__item .elementor-icon,
.hero-card .elementor-post-info__item svg,
.hero-card .elementor-post-info__item i{
  display:none !important;
}

/* Mobile */
@media (max-width: 900px){
  #hero-article{ padding:30px 20px !important; }
  .hero-card{
    flex-direction:column !important;
    gap:30px !important;
  }
  .hero-img-col,
  .hero-text-col{
    width:100% !important;
  }
  .hero-title h2,
  .hero-title .elementor-heading-title{
    font-size:28px !important;
  }
}

/* =====================================================================
   HERO — Fix Elementor Post Info defaults bleeding in
   ===================================================================== */

/* Hide any built-in vertical dividers from Post Info widgets */
.hero-author .elementor-icon-list-item-divider,
.hero-author .elementor-post-info__item-separator,
.hero-date .elementor-icon-list-item-divider,
.hero-date .elementor-post-info__item-separator,
.hero-card .elementor-icon-list-items .elementor-icon-list-item:not(:last-child)::after{
  display:none !important;
  border:none !important;
  content:none !important;
}

/* Reset Elementor's negative margins on inline post-info items */
.hero-author .elementor-icon-list-item,
.hero-author .elementor-inline-item,
.hero-author .elementor-post-info__item,
.hero-date .elementor-icon-list-item,
.hero-date .elementor-inline-item,
.hero-date .elementor-post-info__item{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Make sure the post-info list itself has no list-style or default padding */
.hero-author .elementor-post-info,
.hero-author .elementor-icon-list-items,
.hero-date .elementor-post-info,
.hero-date .elementor-icon-list-items{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* Tighten gap between excerpt and author */
.hero-excerpt{
  margin:0 0 18px 0 !important;
}

/* Add "PAR " prefix before author (matches mockup) */

.hero-author .elementor-icon-list-item[itemprop="author"]::before,
.hero-author li:first-child::before{
  content:"PAR " !important;
  display:inline !important;
  color:#000 !important;
  font-weight:600 !important;
  margin-right:6px !important;
}

/* =====================================================================
   #videos-section — Modern videos section (CLEAN FINAL)
   ===================================================================== */

#videos-section{
  padding:50px 0 !important;
  background:#fff !important;
}

/* === Width constraint — keep everything inside 1200px === */
#videos-section > .e-con-inner,
#videos-section > .e-con,
#videos-section > .elementor-widget-loop-grid,
#videos-section > .elementor-container,
#videos-section .vid-hero,
#videos-section .vid-hero-player,
#videos-section .vid-hero-player .elementor-widget-container{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

/* === Zero widget container margins === */
.vid-hero .elementor-widget,
.vid-hero .elementor-widget-container,
.vid-card .elementor-widget,
.vid-card .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}

/* === Hide Post Info icons (keep eicon-play) === */
#videos-section .elementor-icon-list-icon,
#videos-section .elementor-post-info__item-prefix,
#videos-section .elementor-post-info__item .elementor-icon,
#videos-section .elementor-post-info__item svg,
#videos-section .elementor-post-info__item i:not(.eicon-play){
  display:none !important;
}

/* =====================================================================
   FEATURED HERO VIDEO
   ===================================================================== */

.vid-hero{
  display:flex !important;
  flex-direction:column !important;
  margin-bottom:14px !important;
}

.vid-hero-player .elementor-wrapper,
.vid-hero-player .elementor-fit-aspect-ratio{
  aspect-ratio:16/9 !important;
  width:100% !important;
  overflow:hidden !important;
  position:relative !important;
}

.vid-hero-player .elementor-custom-embed-image-overlay{
  background-size:cover !important;
  background-position:center !important;
  transition:transform .5s ease !important;
}
.vid-hero-player:hover .elementor-custom-embed-image-overlay{
  transform:scale(1.03) !important;
}

/* Hero category */
.vid-hero-cat{ margin:18px 0 8px 0 !important; }
.vid-hero-cat .elementor-post-info,
.vid-hero-cat .elementor-post-info__item,
.vid-hero-cat .elementor-post-info__terms-list-item,
.vid-hero-cat a,
.vid-hero-cat span{
  color:#00b3d6 !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1.2 !important;
}

/* Hero title */
.vid-hero-title{ margin:0 0 10px 0 !important; }
.vid-hero-title h2,
.vid-hero-title .elementor-heading-title{
  font-family:'Playfair Display','Times New Roman',Georgia,serif !important;
  font-size:32px !important;
  font-weight:400 !important;
  line-height:1.15 !important;
  color:#111 !important;
  letter-spacing:-0.3px !important;
  margin:0 !important;
  text-transform:none !important;
}

/* Hero meta */
.vid-hero-meta,
.vid-hero-meta .elementor-post-info,
.vid-hero-meta .elementor-post-info__item,
.vid-hero-meta .elementor-post-info__item *,
.vid-hero-meta .elementor-icon-list-item,
.vid-hero-meta .elementor-icon-list-item *,
.vid-hero-meta span,
.vid-hero-meta a{
  color:#999 !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  margin:0 !important;
}
.vid-hero-meta .elementor-icon-list-item[itemprop="author"] *,
.vid-hero-meta .elementor-post-info__item--type-author *{
  color:#333 !important;
  font-weight:700 !important;
}

.vid-hero-meta .elementor-icon-list-item,
.vid-hero-meta .elementor-inline-item,
.vid-hero-meta .elementor-post-info__item{
  margin:0 !important;
  padding:0 !important;
}
.vid-hero-meta .elementor-icon-list-items,
.vid-hero-meta .elementor-post-info{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* =====================================================================
   SMALLER VIDEO CARDS (3 in a row)
   ===================================================================== */

.vid-card{
  display:flex !important;
  flex-direction:column !important;
  cursor:pointer !important;
}

.vid-card-player .elementor-wrapper,
.vid-card-player .elementor-fit-aspect-ratio{
  aspect-ratio:16/9 !important;
  width:100% !important;
  overflow:hidden !important;
  position:relative !important;
}

.vid-card-player .elementor-custom-embed-image-overlay{
  background-size:cover !important;
  background-position:center !important;
  transition:transform .4s ease !important;
}
.vid-card-player:hover .elementor-custom-embed-image-overlay{
  transform:scale(1.05) !important;
}

/* Card category */
.vid-card-cat{ margin:12px 0 5px 0 !important; }
.vid-card-cat .elementor-post-info,
.vid-card-cat .elementor-post-info__item,
.vid-card-cat .elementor-post-info__terms-list-item,
.vid-card-cat a,
.vid-card-cat span{
  color:#00b3d6 !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  line-height:1.2 !important;
}

/* Card title */
.vid-card-title{ margin:0 0 6px 0 !important; }
.vid-card-title h4,
.vid-card-title .elementor-heading-title{
  font-family:'Helvetica Neue',Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#111 !important;
  letter-spacing:-0.1px !important;
  margin:0 !important;
  text-transform:none !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Card date */
.vid-card-date,
.vid-card-date .elementor-post-info,
.vid-card-date .elementor-post-info__item,
.vid-card-date .elementor-post-info__item *,
.vid-card-date span{
  color:#999 !important;
  font-size:10px !important;
  font-weight:500 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  margin:0 !important;
  line-height:1.2 !important;
}

/* =====================================================================
   PLAY BUTTONS
   ===================================================================== */

/* Button container: round white circle (HERO) */
#videos-section .elementor-custom-embed-play{
  width:76px !important;
  height:76px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,0.95) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  transition:all .25s ease !important;
  z-index:5 !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Play icon — centered, no margin offset */
#videos-section .elementor-custom-embed-play i.eicon-play{
  font-size:28px !important;
  color:#111 !important;
  text-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  transition:color .25s ease !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  left:2px !important;
}

/* Hover — red bg, white icon */
#videos-section .elementor-wrapper:hover .elementor-custom-embed-play,
#videos-section .vid-hero-player:hover .elementor-custom-embed-play,
#videos-section .vid-card-player:hover .elementor-custom-embed-play{
  background:#ff0000 !important;
  transform:translate(-50%,-50%) scale(1.08) !important;
}
#videos-section .elementor-wrapper:hover .elementor-custom-embed-play i.eicon-play,
#videos-section .vid-hero-player:hover .elementor-custom-embed-play i.eicon-play,
#videos-section .vid-card-player:hover .elementor-custom-embed-play i.eicon-play{
  color:#fff !important;
}

/* Cards — smaller + dark */
#videos-section .vid-card-player .elementor-custom-embed-play{
  width:44px !important;
  height:44px !important;
  background:rgba(0,0,0,0.65) !important;
  backdrop-filter:blur(4px) !important;
}
#videos-section .vid-card-player .elementor-custom-embed-play i.eicon-play{
  font-size:18px !important;
  color:#fff !important;
  margin:0 !important;
  left:1px !important;
}

/* =====================================================================
   TABLET — max-width 1024px
   ===================================================================== */
@media (max-width: 1024px){
  .vid-hero-title h2,
  .vid-hero-title .elementor-heading-title{
    font-size:26px !important;
  }
  .vid-card-title h4,
  .vid-card-title .elementor-heading-title{
    font-size:14px !important;
  }
  #videos-section .elementor-custom-embed-play{
    width:60px !important;
    height:60px !important;
  }
  #videos-section .elementor-custom-embed-play i.eicon-play{
    font-size:22px !important;
  }
  #videos-section .vid-card-player .elementor-custom-embed-play{
    width:38px !important;
    height:38px !important;
  }
  #videos-section .vid-card-player .elementor-custom-embed-play i.eicon-play{
    font-size:15px !important;
  }
}

/* =====================================================================
   MOBILE — max-width 767px
   ===================================================================== */
@media (max-width: 767px){
  #videos-section{ padding:40px 16px !important; }
  #videos-section .e-con > .e-con-inner > .e-con,
  #videos-section .e-con-inner > .e-con{
    flex-direction:column !important;
    gap:24px !important;
  }
  .vid-hero-title h2,
  .vid-hero-title .elementor-heading-title{
    font-size:22px !important;
  }
  #videos-section .elementor-custom-embed-play{
    width:54px !important;
    height:54px !important;
  }
  #videos-section .elementor-custom-embed-play i.eicon-play{
    font-size:20px !important;
  }
}

/* =====================================================================
   .latest-news-grid — Dernières dépêches du bord
   ===================================================================== */

/* Remove rounded corners on every image + card */
.latest-news-grid,
.latest-news-grid *,
.latest-news-grid img,
.latest-news-grid figure,
.latest-news-grid .penci-image-holder,
.latest-news-grid .penci-grid-item,
.latest-news-grid article{
  border-radius:0 !important;
}

/* Stronger dark gradient on the bottom for text readability */
.latest-news-grid .penci-grid-item,
.latest-news-grid article{
  position:relative !important;
  overflow:hidden !important;
}
.latest-news-grid .penci-grid-item::after,
.latest-news-grid article::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.92) 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* Push the overlay content above the gradient */
.latest-news-grid .penci-grid-item *:not(img):not(.penci-image-holder),
.latest-news-grid article *:not(img):not(.penci-image-holder){
  position:relative !important;
  z-index:2 !important;
}

/* Category — cyan bold uppercase, slight letter-spacing */
.latest-news-grid .cat,
.latest-news-grid .penci-cat-name,
.latest-news-grid .cat-links a,
.latest-news-grid [class*="cat"] a{
  color:#00b3d6 !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}

/* Title — clean white sans-serif */
.latest-news-grid h2,
.latest-news-grid h3,
.latest-news-grid h4,
.latest-news-grid .grid-title,
.latest-news-grid .penci-grid-title,
.latest-news-grid .entry-title{
  color:#fff !important;
  font-family:'Helvetica Neue',Arial,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-0.3px !important;
  line-height:1.2 !important;
}
.latest-news-grid h2 a,
.latest-news-grid h3 a,
.latest-news-grid h4 a,
.latest-news-grid .entry-title a{
  color:#fff !important;
  text-decoration:none !important;
}
.latest-news-grid h2 a:hover,
.latest-news-grid h3 a:hover,
.latest-news-grid h4 a:hover{
  color:#00b3d6 !important;
}

/* Date — small white uppercase with letter-spacing */
.latest-news-grid .date,
.latest-news-grid .posted-on,
.latest-news-grid time,
.latest-news-grid .penci-grid-date{
  color:rgba(255,255,255,0.8) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}

/* ============ DARK VARIANT (footer, dark hero, etc.) ============ */
.skippers-newsletter.snl-dark {
  color: #fff;
}

/* Row layout stays the same */
.skippers-newsletter.snl-dark .snl-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

/* Email input — transparent bg, white text, teal focus */
.skippers-newsletter.snl-dark input[type="email"] {
  flex: 1;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 12px 16px;
  font-size: 14px;
  border-radius: 2px;
  outline: none;
}
.skippers-newsletter.snl-dark input[type="email"]:focus {
  border-color: #00b7c3;
  background: rgba(255, 255, 255, 0.12);
}
.skippers-newsletter.snl-dark input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

/* Submit button — teal on dark */
.skippers-newsletter.snl-dark .snl-submit {
  background: #0098C2;
  color: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.15s;
}
.skippers-newsletter.snl-dark .snl-submit:hover {
  background: #00a4af;
}
.skippers-newsletter.snl-dark .snl-submit:disabled {
  opacity: 0.6;
  cursor: wait;
}

/* Opt-in checkbox row */
.skippers-newsletter.snl-dark .snl-optin {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 11px;
  line-height: 1.4;
  cursor: pointer;
}
.skippers-newsletter.snl-dark .snl-optin input[type="checkbox"] {
  margin-top: 2px;
  accent-color: #00b7c3;      /* modern browsers — checkbox check color */
  transform: scale(1.1);
}

/* Feedback messages */
.skippers-newsletter.snl-dark .snl-feedback {
  display: none;
  margin-top: 10px;
  padding: 10px 14px;
  font-size: 13px;
  border-radius: 2px;
}
.skippers-newsletter.snl-dark .snl-feedback--ok {
  background: rgba(30, 158, 117, 0.2);
  color: #7bd6a5;
  border-left: 3px solid #1e9e75;
}
.skippers-newsletter.snl-dark .snl-feedback--ko {
  background: rgba(226, 75, 74, 0.15);
  color: #f5a5a4;
  border-left: 3px solid #e24b4a;
}

/* Mobile — stack email + button */
@media (max-width: 640px) {
  .skippers-newsletter.snl-dark .snl-row {
    flex-direction: column;
  }
  .skippers-newsletter.snl-dark .snl-submit {
    width: 100%;
  }
}

/* ============================================================
   SKIPPERS — WooCommerce My Account styling
   ============================================================ */

/* ---------- Cap page width ---------- */
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

/* ---------- Two-column grid using grid-area assignment ---------- */
@media (min-width: 900px) {
  .woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-rows: auto auto;
    gap: 24px 40px;
    align-items: start;
  }
  /* Login H2 → top-left */
  .woocommerce-account .woocommerce > h2:first-of-type {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
  }
  /* Login form → row 2 left */
  .woocommerce-account .woocommerce > .woocommerce-form-login {
    grid-column: 1;
    grid-row: 2;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    float: none !important;
  }
  /* Register H2 → top-right */
  .woocommerce-account .woocommerce > h2:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
  }
  /* Register form → row 2 right */
  .woocommerce-account .woocommerce > .woocommerce-form-register {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    float: none !important;
  }
}

/* ---------- Section headings ---------- */
.woocommerce-account .woocommerce > h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #00b7c3 !important;
}

/* ---------- Form container boxes ---------- */
.woocommerce-form-login,
.woocommerce-form-register {
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px;
  padding: 32px !important;
  background: #fafafa;
}

/* ---------- Field rows + labels ---------- */
.woocommerce-account .woocommerce-form-row {
  margin-bottom: 20px !important;
  width: 100% !important;
}
.woocommerce-account .woocommerce-form-row label {
  display: block !important;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}

/* ---------- Input fields ---------- */
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"] {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #111 !important;
  height: auto !important;
}
.woocommerce-account .woocommerce input:focus {
  border-color: #00b7c3 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 183, 195, 0.15) !important;
}

/* ---------- Password eye icon ---------- */
.woocommerce-account .password-input {
  position: relative !important;
  display: block !important;
}
.woocommerce-account .password-input .show-password-input {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  color: #999 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.woocommerce-account .password-input .show-password-input::before {
  content: "👁";
  font-size: 16px;
}
.woocommerce-account .password-input .show-password-input.display-password::before {
  content: "🙈";
}

/* ---------- Buttons ---------- */
.woocommerce-account .woocommerce button[type="submit"],
.woocommerce-account .woocommerce .button {
  background: #00b7c3 !important;
  color: #fff !important;
  border: none !important;
  padding: 12px 32px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
.woocommerce-account .woocommerce button[type="submit"]:hover {
  background: #009ba5 !important;
}

/* ---------- Remember me + Lost password ---------- */
.woocommerce-account .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #555;
  margin-right: 24px;
}
.woocommerce-account .woocommerce-LostPassword {
  display: inline-block !important;
  font-size: 14px;
  margin-top: 12px;
}
.woocommerce-account .woocommerce-LostPassword a {
  color: #00b7c3 !important;
  text-decoration: none;
}

/* ---------- Logged-in dashboard navigation ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #eee;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 14px 16px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #f5fdfe;
  color: #00b7c3;
  border-left: 3px solid #00b7c3;
  padding-left: 13px;
}

.woocommerce-account .woocommerce > h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #00b7c3 !important;
}

.penci-page-header h1 {
    padding-top: 20px !important;
}

/* Fix hero meta: author + date on same line */
.feat-author .elementor-inline-items,
.feat-author ul.elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    padding-top: 10px !important;
}

.feat-author .elementor-icon-list-item {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Add separator between items */
.feat-author .elementor-icon-list-item + .elementor-icon-list-item::before {
    content: "•";
    margin: 0 10px;
    color: #999;
    display: inline-block;
}

/* Remove any wrapping */
.feat-author .elementor-icon-list-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Zwave';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-Bold.woff2') format('woff2'),
		url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Zwave';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-BoldItalic.woff2') format('woff2'),
		url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-BoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Zwave';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-Light.woff2') format('woff2'),
		url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-Light.woff') format('woff');
}
@font-face {
	font-family: 'Zwave';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-LightItalic.woff2') format('woff2'),
		url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-LightItalic.woff') format('woff');
}
@font-face {
	font-family: 'Zwave';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-Thin.woff2') format('woff2'),
		url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Zwave';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-ThinItalic.woff2') format('woff2'),
		url('https://skippers.ch/wp-content/uploads/2024/12/Zwave-ThinItalic.woff') format('woff');
}
/* End Custom Fonts CSS */