/* ==========================================================================
   SOUFFLET MALT - Unification overrides
   --------------------------------------------------------------------------
   Global cross-block adjustments loaded after app.css.
   ========================================================================== */


.paragraph ul,
.paragraph ol{
	padding: revert!important;
}
.paragraph p a{
   text-decoration: underline;
   color: var(--color-gold);
}
 h1,h2{
   font-family: var(--font-family-base);
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-h2);
    line-height: var(--line-height-heading);
    text-transform: uppercase;
    color: var(--color-white);
    margin: 0 0 2rem 0;
}
h3, h4, h5, h6{
       line-height: var(--line-height-subtitle);
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-text);
    margin: 0 0 0.75rem;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md-2);
}

/* Teste réaliser sur viewport de 1024x500 */
@media (min-width: 1024px) and (max-width: 1280px) {
   :root {
      --button-padding: 12px 22px;
      --font-size-h1: 45px;
      --font-size-h2-alt-2: 40px;
      --font-size-h2-alt: 40px;
      --font-size-h2: 40px;
   }
   .dropdown a{
      padding-top: 5px!important;
      padding-bottom: 5px!important;
   }
   .hero-cta,
   .figure-cta a,
   .s4-cta a,
   .s5-cta a
   .hscroll-cta a,
   .hscroll-see-all,
   .purchase-jumbotron-cta,
   .news-all-cta{
      font-size: 12px!important;
      height: fit-content!important;
   }
   .hscroll-see-all{
      padding: 12px 22px;
   }

   header .main-nav{
      top: 10px;
      padding: 0px 20px;
      /*width: 600px;*/
      width: max-content;
   }
   .header-logo{
      top: 20px;
      left: 20px;
   }

   .super-header{
      right: 20px;
   }
   .figure-item{
      margin-bottom: 10px;
   }

   .header-right-actions{
      top: 50px;
      right: 20px;
   }

   .content-wrapper{
      width: 400px;
   }

   .title-overlap-container{
      padding-bottom: 10px;
   }
   .hero-ctas{
      margin-top: 20px;
   }

   .video-widget{
      bottom: 20px;
      right: 20px;
   }
   .video-poster {
    width: 175px;
    height: 110px;
   }
   .video-widget{
      gap: 10px;
   }
   .s2-content {
    width: 70vw;
   }

   p, 
   .video-label,
   .news-item-title,
   .testimonials__quote,
   li {
      font-weight: var(--font-weight-regular)!important;
      line-height: var(--line-height-copy)!important;
      font-size:13px!important;
   }

   .figure-text-col { display: flex; flex-direction: column; align-items: flex-start; gap:10px; }
   .fig-num{
      font-size: 32px;
   }
   .figure-text{
      margin-top: 0px;
   }
   .figures-grid{
      padding-left: 30vw;
   }

   .s4-title,
   .s4-text,
   .s5-title,
   s5-text{
      margin-bottom: 20px;
   }

   .purchase-malt-region{
      font-size: 10px;
   }
   .purchase-malt-distributors{
      gap: 20px;
   }
   .purchase-malt-content{
      width: 64vw;
   }
   .purchase-malt-logo-link{
      padding: 4px;
   }
   .purchase-malt-logo-img{
              max-height: 60px;
        max-width: 100%;
   }
   .purchase-malt-content{
      width: 70vw;
   }
   .news-header{
      margin-bottom: 10px!important;
   }
   .news-all-cta{
      margin-top: 20px!important;
   }
   .hscroll-track{
      padding-left: 8vw!important;
   }
   .hscroll-title{
      margin-bottom: 20px!important;
   }
   .hscroll-text{
      margin-bottom: 10px!important;
   }
   .hscroll-cols{
      margin-bottom: 20px!important;
   }
   .hscroll-cols{
      gap: 10px!important;
   }
   .hscroll-intro{
      width: 70vw!important;
      padding-right: 0vw!important;
   }
   .hscroll-card,
   .team-list__card{
      width: 280px!important;
      height: 290px!important;
      bottom: 35px!important;
   }
   .hscroll-card-body{
      padding: 15px!important;
   }
   .hscroll-card-name{
      font-size: 14px!important;
   }
   .hscroll-card-logo{
      max-width: 65%!important;
   }
   .hscroll-see-all{
      bottom: 10px!important;
      right: 10px!important;
   }
   .hscroll-card-desc{
      line-height: var(--line-height-copy-snug) !important;
   }
   .hscroll-card:nth-child(even){
      right: -35px!important;
   }
   .purchase-title{
      margin-bottom: 20px;
   }
   .purchase-text{
      margin-bottom: 40px;
   }
   .purchase-malt-title{
      margin-bottom: 10px;
   }
   .s5-text{
      margin-bottom: 20px;
   }
   .news-inner{
      width: 80vw!important;
   }
   .news-title{
      margin-bottom: 10px!important;
   }
   .news-item{
      padding: 10px 0px!important;
   }
   .news-all-cta{
      margin-top: 10px!important;
   }
   .dm__eyebrow,
   .dm__title,
   .hero-content__label,
   .hero-content__title,
   .text-story__header,
   .mt__title,
   .mt__sep,
   .fl__intro-title,
   .fl__value-index,
   .fl__value-title,
   .texte__header{
      margin-bottom: 20px!important;
   }
   .tl__merge-title{
      margin-bottom: 10px!important;
   }
   .tl__event--left{
      margin-left: 10vw!important;
   }
   .tl__event--right{
      margin-right: 10vw!important;
   }
   .team-list__card-copy{
      padding-top: 10px;
   }
   .team-list__card-role{
      margin-top: 5px;
   }
   .team-list__card:nth-child(even){
      bottom: 80px!important;
   }
   .team-list__track{
      gap: 80px;
   }
   .testimonials__card-body{
      padding: 20px!important;
   }
   .testimonials__card-body{
      gap: 10px!important;
   }
   .testimonials__card{
      height: clamp(272px, 50vh, 460px)!important;
   }
   .icons-list__intro,
   .icons-list__inner{
      gap: 20px!important;
   }
   .icons-list__intro{
      top: 8vw!important;
   }
   .icons-list__item{
      gap: 5px!important;
   }
   .icons-list__icon{
      padding-top: 0px!important;
   }
   .icons-list__inner {
        grid-template-columns: minmax(280px, 430px) minmax(0, 1fr)!important;
    }

   /* ── Team list : rail horizontal épinglé — tient sur desktop court/étroit ──
      team-list.css se charge APRÈS unification.css → !important nécessaire. */
   .team-list__track{
      padding-top: 2.5vh!important;
      padding-bottom: 2.5vh!important;
      gap: clamp(1.5rem, 3vw, 3rem)!important;
   }
   .team-list__intro{
      flex-basis: 30vw!important;
      min-width: 320px!important;
      max-width: 440px!important;
      padding-right: 2vw!important;
   }
   .team-list__eyebrow{
      margin-bottom: 0.9rem!important;
   }
   .team-list__title{
      font-size: clamp(1.6rem, 2.8vw, 2.2rem)!important;
      margin-bottom: 0.9rem!important;
   }
   .team-list__intro-columns{
      gap: 0.6rem!important;
   }
   .team-list__text,
   .team-list__intro-text > *{
      font-size: var(--font-size-sm-2)!important;
      line-height: var(--line-height-copy-compact)!important;
   }
   /* Largeur des cartes pilotée par la hauteur du viewport : elles rétrécissent
      pour tenir en hauteur, et retrouvent leur taille d'origine sur un écran plus haut.
      (Le décalage vertical translateY est en vh, donc il suit aussi la hauteur.) */
   .team-list__card{ width: clamp(196px, 40vh, 320px)!important; }
   .team-list__card--1 { width: clamp(196px, 40vh, 320px)!important; }
   .team-list__card--2 { width: clamp(182px, 37vh, 295px)!important; }
   .team-list__card--3 { width: clamp(214px, 44vh, 348px)!important; }
   .team-list__card--4 { width: clamp(176px, 36vh, 286px)!important; }
   .team-list__card--5 { width: clamp(210px, 43vh, 340px)!important; }
   .team-list__card--6 { width: clamp(188px, 38vh, 305px)!important; }
   .team-list__card--7 { width: clamp(206px, 42vh, 334px)!important; }
   .team-list__card--8 { width: clamp(180px, 37vh, 292px)!important; }
   .team-list__card--9 { width: clamp(216px, 44vh, 350px)!important; }
   .team-list__card--10{ width: clamp(194px, 40vh, 314px)!important; }
   .team-list__card--11{ width: clamp(212px, 43vh, 344px)!important; }
   .team-list__card-copy{
      padding-top: 0.7rem!important;
   }
   .team-list__card-name{
      font-size: clamp(1.05rem, 1.4vw, 1.35rem)!important;
   }
   .team-list__card-role{
      font-size: var(--font-size-xs-3)!important;
      margin-top: 0.4rem!important;
      max-width: 14rem!important;
   }
   .soufflet-search__group-title{
      margin-bottom: 0px!important;
   }
   .soufflet-search__link{
      padding: 0px!important;
   }
   .header-right-actions .soufflet-search:not(.soufflet-search--drawer) .soufflet-search__results{
      max-height: min(520px, calc(60vh - 180px));
   }
   .brands-archive__logos{
      gap: 30px!important;
   }
   .leaflet-popup-content{
      margin: 10px!important;
   }
   .brand-location__popup-logo{
      margin-bottom: 10px!important;
   }
   .brand-location__item-meta{
      font-size: 13px!important;
   }
   .brand-location__item{
      padding: 10px!important;
   }
   .brand-location__panel-header{
      padding: 0px 10px!important;
   }
   .brand-location__list{
      padding: 0px!important;
   }
   .brand-location__popup-contact{
      margin: 0px!important;
   }
   .brand-location__body{
      height: min(820px, 75vh)!important;
   }
}

/* ==========================================================================
   Global scrollbars
   Gold thumb on a subtle dark track, matching the brand accent.
   ========================================================================== */

/* Firefox */
html {
   scrollbar-width: thin;
   scrollbar-color: var(--color-gold) transparent;
}

/* WebKit / Chromium / Safari */
::-webkit-scrollbar {
   width: 10px;
   height: 10px;
}

::-webkit-scrollbar-track {
   background: transparent;
   border-radius: 999px;
}

::-webkit-scrollbar-thumb {
   background: var(--color-gold);
   border: 2px solid transparent;
   border-radius: 999px;
   background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
   background: var(--color-gold-alt, var(--color-gold));
}

::-webkit-scrollbar-corner {
   background: transparent;
}

select option{
	color:#0b0c33;
}

/* ==========================================================================
   Text selection highlight
   Gold background with dark-blue text, on brand.
   ========================================================================== */

::selection {
   background: var(--color-gold);
   color: var(--color-dark-blue);
   text-shadow: none;
}

::-moz-selection {
   background: var(--color-gold);
   color: var(--color-dark-blue);
   text-shadow: none;
}

@media (max-width: 1023px) {
   .paragraph ul,
   .paragraph ol {
      padding: 0px 20px!important
   }
}
@media (min-width: 1024px) {
   /* Retrait des padding */
   .text-story,
   .mt,
   .heritage-brands .hscroll-track,
   .tl-converge,
   .news-list-section,
   .tl__canvas,
   .fl__grid,
   .quote,
   .brand-location,
   .team-list,
   .faq,
   .jumbotrons-container,
   .texte,
   .author-quote,
   .icons-list,
   .subpage-list,
   .malt-folders,
   .timeline-daily-c,
   .contact-form{
      padding-top: 60px!important;
      padding-bottom: 0px!important;
   }
   .team-list__track{
      padding-top: 0px!important;
      padding-bottom: 0px!important;
   }
   .news-list-section,
   .quote,
   .author-quote{
      min-height: auto!important;
   }
   .news-list-section{
      padding-bottom: 60px!important;
   }

   .text-story__body,
   .hero-post,
   .text-story__figures{
      margin-bottom: 0px!important;
   }

   .hero-post{
      margin-bottom: 0px!important;
   }

   .author-quote__media{
      position: relative;
      top: 0px;
   }
   .author-quote,
   .texte{
      position: relative;
      z-index: 1;
   }

   .text-story__cta{
      margin-bottom: 0px!important;
      margin-top: 20px!important;
   }

   .brands-archive,
   .hero-brand{
      padding-bottom: 0px!important;
   }

   .graphic-world{
      overflow: visible;
   }
   .texte__inner{
      margin-left: 0px!important;
   }
}