/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



.tupper,
.tupper *{
  text-transform: uppercase;
}
.h1like,
.h1like *{
  font-family: "the-seasons";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}



.hupper h1,
.hupper h2,
.hupper h3{
  text-transform: uppercase;

}

.hlike h1,
.h2like,
.h2like *{
leading-trim: both;
text-edge: cap;

/* H2 */
font-family: "the-seasons";
font-size: 44px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.hlike h2,
.h3like,
.h3like *{
leading-trim: both;
text-edge: cap;

/* H3 */
font-family: "the-seasons";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.hlike h3,
.h4like,
.h4like *{
  /* H4 */
  font-family: "the-seasons";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
}

.pictoConcept{
  height:110px !important;
  width:100% !important;
  object-fit: contain;
}

.rose-light-bg .row-bg.using-image,
.rose-dark-bg .row-bg.using-image{
  background-size: 400px;
}
@media screen and (max-width:1200px){
  .rose-dark-bg .row-bg.using-image{
    background-size: 350px;
  }
  .rose-light-bg .row-bg.using-image{
    background-size: 300px;
    background-position: right 70% !important;
  }
}


@media screen and (max-width:990px){
  .rose-dark-bg .row-bg.using-image{
    background-size: 300px;
  }
  .rose-light-bg .row-bg.using-image{
    background-size: 0px;
  }
}


@media screen and (max-width:490px){
  .rose-dark-bg .row-bg.using-image{
    background-size: 220px;
  }
}

.faq-q sup{
  font-size:12px !important;
}


.no_Deco_link a,
.no_Deco_link a:hover,
.no_Deco_link a:focus{
  text-decoration: none !important;
  color: inherit !important

}


.solution_innovante > .row_col_wrap_12 {
  align-items: stretch !important;
}

/* Colonnes latérales */
.solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner,
.solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner {
  height: 100%;
}

.solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper,
.solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 100px 1fr;
  align-items: start;
}

/* On garde l'espace entre les blocs */
.solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > .divider-wrap,
.solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper > .divider-wrap {
  display: block !important;
  margin: 0 !important;
}

/* Bloc du haut */
.solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > .inner_row:first-child,
.solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper > .inner_row:first-child {
  align-self: start;
}

/* Bloc du bas */
.solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > .inner_row:last-child,
.solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper > .inner_row:last-child {
  align-self: end;
}

/* Nettoyage */
.solution_innovante .inner_row {
  margin: 0 !important;
}
.solution_innovante .h4like h3 img {
  display: inline;
    height: auto;
    vertical-align: 0.1em;
    margin-left: 0.2em;
    margin-bottom: 0px !important;
    width: 22px !important;
}
@media screen and (max-width: 1290px) {

  .solution_innovante > .row_col_wrap_12 {
    display: flex !important;
    flex-direction: column !important;
    gap: 50px !important;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column:nth-child(2) {
    order: 1;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column:nth-child(1) {
    order: 2;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column:nth-child(3) {
    order: 3;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column {
    width: 100% !important;
    margin: 0 !important;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column > .vc_column-inner {
    padding: 0 !important;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper,
  .solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 50px !important;
    height: auto !important;
  }

  .solution_innovante .inner_row,
  .solution_innovante .vc_row.inner_row,
  .solution_innovante .wpb_column,
  .solution_innovante .wpb_content_element,
  .solution_innovante .img-with-aniamtion-wrap,
  .solution_innovante .divider-wrap {
    margin: 0 !important;
  }

  .solution_innovante .divider-wrap {
    display: none !important;
  }

  .solution_innovante .child_column > .vc_column-inner > .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .solution_innovante .img-with-aniamtion-wrap {
    margin-bottom: 8px !important;
  }

  .solution_innovante .h4like,
  .solution_innovante .h4like h3,
  .solution_innovante p {
    margin: 0 !important;
    padding: 0 !important;
  }

  .solution_innovante,
  .solution_innovante * {
    text-align: left !important;
  }
  .solution_innovante > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > .divider-wrap,
  .solution_innovante > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper > .divider-wrap {
    display: none !important;
    margin: 0 !important;
  }
  .solution_innovante .img-with-aniamtion-wrap img {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column:nth-child(2) .img-with-aniamtion-wrap {
    text-align: center !important;
  }

  .solution_innovante > .row_col_wrap_12 > .wpb_column:nth-child(2) .img-with-aniamtion-wrap img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


.nectar_video_lightbox svg{
  width:40px;
  height: 40px;
}

.nectar-video-box::after{
  content:"Voir la vidéo de présentation";
  color: var(--Blanc, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "the-seasons";
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
top: calc(50% + 80px);
left:50%;
transform: translateX(-50%);
}

body.post-type-archive-product #ajax-content-wrap .nectar-shop-header .page-title,
 body.tax-product_cat #ajax-content-wrap .nectar-shop-header .page-title{
  color:#828D7D !important;
}

@media screen and (max-width:1200px){


  .nectar_video_lightbox svg{
    width:30px;
    height:30px;
  }

  .nectar-video-box::after{
    content:"Voir la vidéo de présentation";
    color: var(--Blanc, #FFF);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "the-seasons";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: calc(50% + 60px);
  left:50%;
  transform: translateX(-50%);
  }
}
@media screen and (max-width:790px){
.nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox{
  height: 60px !important;
  width: 60px !important;
  margin-left: -30px !important;
  margin-top: -30px !important;
}

  .nectar_video_lightbox svg{
    width:20px;
    height:20px;
  }

  .nectar-video-box::after{
    content:"Voir la vidéo de présentation";
    color: var(--Blanc, #FFF);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "the-seasons";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: calc(50% + 40px);
  left:50%;
  transform: translateX(-50%);
  }
}
@media screen and (max-width:1300px) and (min-width:991px){

  .flex_jc_sms > .row_col_wrap_12{
    justify-content: center;
  }
}

@media screen and (max-width:1200px) and (min-width:991px){
  .custom_respn_1 .row_col_wrap_12_inner,
  .custom_respn_1nectar-flex-sizing .row_col_wrap_12_inner{
    gap:50px;
  }

}

@media screen and (max-width:990px) {
  .custom_respn_1nectar-flex-sizing .wpb_column:not([class*="vc_col-xs-"]):not(.child_column):not(:last-child),
  .custom_respn_1nectar-flex-sizing  .child_column:not([class*="vc_col-xs-"]):not(:last-child),
  .custom_respn_1 .wpb_column:not([class*="vc_col-xs-"]):not(.child_column):not(:last-child),
  .custom_respn_1  .child_column:not([class*="vc_col-xs-"]):not(:last-child){
    margin-bottom: 50px !important;
  }
}








@media screen and (max-width:990px){
  .h1like,
  .h1like *{
    font-family: "the-seasons";
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }


  .h2like,
  .h2like *{
  leading-trim: both;
  text-edge: cap;

  /* H2 */
  font-family: "the-seasons";
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  }


  .h3like,
  .h3like *{
  leading-trim: both;
  text-edge: cap;

  /* H3 */
  font-family: "the-seasons";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  }

  .h4like,
  .h4like *{
    /* H4 */
    font-family: "the-seasons";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
  }
}






@media screen and (max-width:690px){
  .h1like,
  .h1like *{
    font-family: "the-seasons";
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }


  .h2like,
  .h2like *{
  leading-trim: both;
  text-edge: cap;

  /* H2 */
  font-family: "the-seasons";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  }


  .h3like,
  .h3like *{
  leading-trim: both;
  text-edge: cap;

  /* H3 */
  font-family: "the-seasons";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  }

  .h4like,
  .h4like *{
    /* H4 */
    font-family: "the-seasons";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 31.2px */
  }
}

#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a, #header-outer.transparent .slide-out-widget-area-toggle a i.label, #header-outer.transparent #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-outer.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.transparent #top nav ul #nectar-user-account a span, #header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i, #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.transparent #top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon, #header-outer.transparent .nectar-header-text-content, #header-outer.transparent .nectar-mobile-only.mobile-header li:not([class*="menu-item-btn-style"]) a{
  opacity:1 !important;
}


/* ===== Étoile « sparkle » au survol du menu principal (style Florâme) ===== */

nav[aria-label="Main Menu"] .sf-menu > li.menu-item > a .menu-title-text {
    position: relative;
}

nav[aria-label="Main Menu"] .sf-menu > li.menu-item > a .menu-title-text::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 21px;
    margin-left: 7px;
    vertical-align: middle;
    background-color: currentColor; /* prend la couleur du texte (olive ou blanc) */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0.79 0.77 20.24 19.31'%3E%3Cpath d='M7.33646 10.4199C7.19819 10.0173 6.26967 9.04302 5.7659 8.9286L0.790566 8.10204C2.65203 7.7809 4.13781 8.17997 5.89736 7.31501C8.11724 6.22334 7.97516 2.97421 7.9485 0.886991C8.36851 0.770463 8.30301 1.45116 8.32785 1.73164C8.43926 2.86256 8.20366 3.74352 8.4981 4.94567C9.34027 8.39979 13.0053 7.9855 15.906 8.05726C13.4516 8.75859 9.83088 7.72797 8.62196 10.6974L7.91977 14.9996C7.55474 13.6699 7.7525 11.6381 7.33514 10.4096L7.33646 10.4199Z'/%3E%3Cpath d='M15.9927 17.3034C15.9104 17.0588 15.362 16.4655 15.0655 16.3948L12.1378 15.8814C13.2317 15.691 14.1063 15.9367 15.1389 15.4162C16.4417 14.7593 16.3503 12.7877 16.3296 11.5214C16.5763 11.4517 16.5394 11.8645 16.5547 12.0348C16.6229 12.7211 16.4865 13.255 16.6625 13.9851C17.1661 16.0826 19.3203 15.8401 21.0262 15.8907C19.5846 16.3102 17.453 15.6762 16.7493 17.4749L16.3467 20.0832C16.1289 19.2756 16.2403 18.0435 15.9919 17.2971L15.9927 17.3034Z'/%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0.79 0.77 20.24 19.31'%3E%3Cpath d='M7.33646 10.4199C7.19819 10.0173 6.26967 9.04302 5.7659 8.9286L0.790566 8.10204C2.65203 7.7809 4.13781 8.17997 5.89736 7.31501C8.11724 6.22334 7.97516 2.97421 7.9485 0.886991C8.36851 0.770463 8.30301 1.45116 8.32785 1.73164C8.43926 2.86256 8.20366 3.74352 8.4981 4.94567C9.34027 8.39979 13.0053 7.9855 15.906 8.05726C13.4516 8.75859 9.83088 7.72797 8.62196 10.6974L7.91977 14.9996C7.55474 13.6699 7.7525 11.6381 7.33514 10.4096L7.33646 10.4199Z'/%3E%3Cpath d='M15.9927 17.3034C15.9104 17.0588 15.362 16.4655 15.0655 16.3948L12.1378 15.8814C13.2317 15.691 14.1063 15.9367 15.1389 15.4162C16.4417 14.7593 16.3503 12.7877 16.3296 11.5214C16.5763 11.4517 16.5394 11.8645 16.5547 12.0348C16.6229 12.7211 16.4865 13.255 16.6625 13.9851C17.1661 16.0826 19.3203 15.8401 21.0262 15.8907C19.5846 16.3102 17.453 15.6762 16.7493 17.4749L16.3467 20.0832C16.1289 19.2756 16.2403 18.0435 15.9919 17.2971L15.9927 17.3034Z'/%3E%3C/svg%3E") no-repeat center / contain;
    opacity: 0;
    pointer-events: none;
}

nav[aria-label="Main Menu"] .sf-menu > li.menu-item > a:hover .menu-title-text::after {
    opacity: 1;
}






.planche-swatch-item .planche-swatch__name{
  text-align: center;
}


.planche-hero__excerpt p{
  padding-bottom: 0px;
}


/* ============================================================
   HEADER FLORÂME — bouton commande, icônes, dropdown login, mobile
   Tokens : #828D7D (olive), #B3BEAF, #F0F2EF, #CED9CB, #F4F3F7, Montserrat
   ============================================================ */

/* Masque le panier ajouté automatiquement par WooCommerce/Salient
   (on conserve uniquement le panier custom Florâme .flo-cart) */
#header-outer .nectar-woo-cart,
#header-outer #mobile-cart-link,
.nectar-woo-cart{ display:none !important; }

/* ---- Conteneurs des items (zone buttons sf-menu) ---- */
#header-outer .sf-menu li.flo-cta-item,
#header-outer .sf-menu li.flo-acc,
#header-outer .sf-menu li.flo-cart{ display:flex !important; align-items:center; }
#header-outer .sf-menu li.flo-acc{ position:relative !important; padding:0 !important; margin-left:6px; }
#header-outer .sf-menu li.flo-cart{ position:relative; margin-left:4px; }

/* Évite que le dropdown soit coupé par un parent en overflow */
#header-outer #top .container,
#header-outer .sf-menu{ overflow:visible !important; }

/* ---- Bouton "Commander Florâme" (pilule verte 2 lignes) ---- */
#header-outer .sf-menu li.flo-cta-item > a.flo-cta{
    display:flex !important; flex-direction:column !important;
    align-items:center; justify-content:center; gap:2px;
    height:auto !important; padding:8px 26px !important;
    background:#828d7d !important; border-radius:100px !important;
    line-height:1.2 !important; text-align:center; transition:background-color .2s ease;
}
#header-outer .sf-menu li.flo-cta-item > a.flo-cta:hover{ background:#6f7a6a !important; }
#header-outer .sf-menu li.flo-cta-item > a.flo-cta::before,
#header-outer .sf-menu li.flo-cta-item > a.flo-cta::after{ display:none !important; }
#header-outer .sf-menu li.flo-cta-item .flo-cta__title{
    display:block !important; font-family:"Montserrat",sans-serif; font-weight:600;
    font-size:14px !important; line-height:1.2 !important; text-transform:uppercase !important;
    letter-spacing:.3px; color:#fff !important; white-space:nowrap;
}
#header-outer .sf-menu li.flo-cta-item .flo-cta__sub{
    display:block !important; font-family:"Montserrat",sans-serif; font-weight:500;
    font-size:10px !important; line-height:1.2 !important; text-transform:none !important;
    color:#fff !important; white-space:nowrap;
}

/* ---- Icônes compte + panier (maquette Figma) : pas d'anneau, fond au hover ---- */
#header-outer .sf-menu li.flo-acc > a.flo-acc__toggle,
#header-outer .sf-menu li.flo-cart > a{
    display:flex !important; align-items:center; justify-content:center;
    width:44px !important; height:44px !important; padding:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#828d7d !important;                               /* état scrollé/solide : vert */
    box-shadow:none !important;                             /* pas d'anneau (comme la maquette) */
    transition:background-color .2s ease, color .2s ease !important;
}
#header-outer .sf-menu li.flo-acc > a::before,
#header-outer .sf-menu li.flo-cart > a::before{ display:none !important; }
#header-outer .sf-menu li.flo-acc .flo-ico,
#header-outer .sf-menu li.flo-cart .flo-ico{ width:auto !important; height:23px !important; }

/* Badge panier */
#header-outer .sf-menu li.flo-cart .flo-cart__count{
    position:absolute; top:-2px; right:-2px; min-width:18px; height:18px; padding:0 4px;
    display:flex; align-items:center; justify-content:center;
    background:#828d7d; color:#fff; border-radius:9px; font-size:11px; line-height:1;
}

/* ---- Header transparent (en haut de page) : icône blanche ---- */
#header-outer.transparent .sf-menu li.flo-acc > a.flo-acc__toggle,
#header-outer.transparent .sf-menu li.flo-cart > a{
    color:#fff !important;
}

/* ---- HOVER : le fond devient vert olive clair (les 2 états de header) ---- */
#header-outer .sf-menu li.flo-acc > a.flo-acc__toggle:hover,
#header-outer .sf-menu li.flo-cart > a:hover,
#header-outer.transparent .sf-menu li.flo-acc > a.flo-acc__toggle:hover,
#header-outer.transparent .sf-menu li.flo-cart > a:hover{
    background:#b3beaf !important;   /* vert olive clair */
    color:#ffffff !important;        /* icône en blanc sur le fond olive clair */
}
/* Force l'icône (SVG en currentColor) en blanc au hover, dans tous les cas */
#header-outer .sf-menu li.flo-acc > a.flo-acc__toggle:hover .flo-ico,
#header-outer .sf-menu li.flo-cart > a:hover .flo-ico,
#header-outer.transparent .sf-menu li.flo-acc > a.flo-acc__toggle:hover .flo-ico,
#header-outer.transparent .sf-menu li.flo-cart > a:hover .flo-ico{
    color:#ffffff !important;
}
#header-outer .sf-menu li.flo-acc > a.flo-acc__toggle:hover .flo-ico path,
#header-outer .sf-menu li.flo-cart > a:hover .flo-ico path{
    stroke:#ffffff !important;   /* icône compte (tracé) */
}
#header-outer .sf-menu li.flo-cart > a:hover .flo-ico--cart path{
    fill:#ffffff !important;     /* icône panier (rempli) */
    stroke:none !important;
}

/* ============================================================
   DROPDOWN CONNEXION — identique au composant Login Figma
   ============================================================ */
#header-outer .sf-menu li.flo-acc .flo-acc__panel{
    position:absolute !important;
    top:calc(50% + 36px) !important;     /* sous l'icône compte */
    right:0 !important; left:auto !important; margin:0 !important;
    width:349px !important; max-width:88vw;
    box-sizing:border-box !important; padding:35px !important;
    background:#fff !important; border:1px solid #f4f3f7 !important;
    border-radius:15px !important; box-shadow:0 2px 2px rgba(0,0,0,.06) !important;
    z-index:10000 !important; text-align:left !important;
}
#header-outer .sf-menu li.flo-acc .flo-acc__panel[hidden]{ display:none !important; }
#header-outer .flo-acc__panel *{ box-sizing:border-box; }

/* Form (neutralise les styles Salient) */
#header-outer .flo-acc__panel .flo-login{
    display:flex !important; flex-direction:column !important; gap:19px !important;
    margin:0 !important; padding:0 !important; max-width:none !important;
    font-family:"Montserrat",sans-serif !important; color:#828d7d !important;
}
#header-outer .flo-acc__panel .flo-login p,
#header-outer .flo-acc__panel .flo-login label{
    margin:0 !important; padding:0 !important; float:none !important; width:auto !important;
    text-transform:none !important; letter-spacing:0 !important; line-height:1.5 !important;
    color:#828d7d !important; font-weight:400 !important;
}
#header-outer .flo-acc__panel .flo-login__field{
    display:flex !important; flex-direction:column !important; gap:8px !important;
}
#header-outer .flo-acc__panel .flo-login__field > label{ font-size:16px !important; }
#header-outer .flo-acc__panel .flo-login input[type="text"],
#header-outer .flo-acc__panel .flo-login input[type="password"]{
    -webkit-appearance:none !important; appearance:none !important;
    display:block !important; width:100% !important; height:35px !important;
    min-height:0 !important; max-width:none !important; margin:0 !important;
    padding:0 12px !important; background:#fff !important;
    border:1px solid #ced9cb !important; border-radius:6px !important;
    box-shadow:none !important; color:#828d7d !important;
    font:400 16px/1.5 "Montserrat",sans-serif !important;
}
#header-outer .flo-acc__panel .flo-login input[type="text"]:focus,
#header-outer .flo-acc__panel .flo-login input[type="password"]:focus{
    border-color:#828d7d !important; box-shadow:none !important; outline:none !important;
}
#header-outer .flo-acc__panel .flo-login__lost{
    font-size:12px !important; color:#828d7d !important; margin-top:3px !important;
    text-decoration:none !important; text-transform:none !important;
}
#header-outer .flo-acc__panel .flo-login__lost:hover{ text-decoration:underline !important; }
#header-outer .flo-acc__panel .flo-login__remember{
    display:flex !important; flex-direction:row !important; align-items:center !important;
    gap:10px !important; font-size:16px !important; cursor:pointer !important;
}
#header-outer .flo-acc__panel .flo-login__remember input[type="checkbox"]{
    -webkit-appearance:auto !important; appearance:auto !important;
    width:18px !important; height:18px !important; margin:0 !important;
    flex:0 0 auto !important; accent-color:#828d7d;
}
#header-outer .flo-acc__panel .flo-login__submit{
    -webkit-appearance:none !important; appearance:none !important;
    display:block !important; width:100% !important; height:auto !important; margin:0 !important;
    padding:12px 24px !important; border:0 !important; border-radius:100px !important;
    background:#828d7d !important; color:#fff !important; box-shadow:none !important;
    font:600 14px/1 "Montserrat",sans-serif !important;
    text-transform:uppercase !important; letter-spacing:.3px !important; cursor:pointer !important;
}
#header-outer .flo-acc__panel .flo-login__submit:hover{ background:#6f7a6a !important; }
#header-outer .flo-acc__panel .flo-login__error{
    margin:0 !important; color:#b3261e !important; font:400 13px/1.4 "Montserrat",sans-serif !important;
}
#header-outer .flo-acc__panel .flo-login__error[hidden]{ display:none !important; }
#header-outer .flo-acc__panel .flo-login__sep{
    border:0 !important; border-top:1px solid #ced9cb !important; height:0 !important; margin:0 !important;
}
#header-outer .flo-acc__panel .flo-login__noacc{ text-align:center !important; font-size:16px !important; }
#header-outer .flo-acc__panel .flo-login__create{
    display:block !important; width:100% !important; text-align:center !important; margin:0 !important;
    padding:12px 24px !important; border:1px solid #ced9cb !important; border-radius:100px !important;
    background:#fff !important; color:#828d7d !important; box-shadow:none !important;
    font:600 14px/1 "Montserrat",sans-serif !important;
    text-transform:uppercase !important; text-decoration:none !important;
}
#header-outer .flo-acc__panel .flo-login__create:hover{ background:#f0f2ef !important; }

/* ============================================================
   MOBILE — items dans le menu off-canvas (une seule liste)
   ============================================================ */
.buttons.sf-menu.a{
  gap:10px;
}