/* STOMIE custom.css — v19.9.0 */
:root{
  --t-page-bg:#ffffff;
  --t-header-bg:#006271;--t-header-text:#fff;--t-header-link:#fff;
  --t-footer-bg:#006271;--t-footer-text:#fff;--t-footer-link:#fff;
  --t-hero-mask-opacity:.45;

  --page-container-max:1200px;
  --t-radius:16px; --t-shadow:0 8px 24px rgba(0,0,0,.12);

  --hero-h1-size: 40px;
  --hero-h2-size: 26px;
  --hero-height: 520px;
}

/* Fond global */
body,#wrapper{background:var(--t-page-bg)}

/* Header / Footer */

/* === STOMIE v19.9 — Header color mapping consolidated === */
/* Base (fond + texte non cliquable) */
#header, .header-banner, .header-nav, .header-top {
  background: var(--t-header-bg) !important;
  color: var(--t-header-text) !important;
}

/* Liens/boutons/icônes : suivent "Header — Liens" */
#header a, .header-banner a, .header-nav a, .header-top a,
#header button, #header .btn-unstyle,
#header .user-info a, #header .account a,
#header .language-selector .expand-more, #header .currency-selector .expand-more,
#header .material-icons, #header .material-icons-outlined,
#header .blockcart a {
  color: var(--t-header-link) !important;
  -webkit-text-fill-color: var(--t-header-link) !important;
  fill: currentColor !important;
}

/* Survol : rester sur la même couleur de liens */
#header a:hover, #header a:focus,
#header button:hover, #header button:focus,
#header .language-selector .expand-more:hover, #header .currency-selector .expand-more:hover {
  color: var(--t-header-link) !important;
  -webkit-text-fill-color: var(--t-header-link) !important;
}

/* Menus déroulants Langue/Devise : fond accent + liens noirs */
:root{ --st-accent: var(--st-theme-accent, var(--t-accent, #f0a51a)); }
#header .language-selector .dropdown-menu,
#header .currency-selector .dropdown-menu{ background: var(--st-accent) !important; border-color: rgba(0,0,0,.12) !important; }
#header .language-selector .dropdown-menu a,
#header .currency-selector .dropdown-menu a{ color:#000 !important; }

/* Recherche : texte noir + placeholder lisible */
#search_widget input[type="text"], #search_widget input[type="search"]{
  color:#000 !important; -webkit-text-fill-color:#000 !important;
}
#search_widget input::placeholder{ color:rgba(0,0,0,.6) !important; opacity:1 !important; }
/* === /STOMIE v19.9 — end consolidated === */
#header,.header-banner,.header-nav,.header-top{background:var(--t-header-bg)!important;color:var(--t-header-text)!important}
#header a,.header-nav a,.header-top a{color:var(--t-header-link)!important}
#footer,.footer-container,footer.site-footer,.site-footer{background:var(--t-footer-bg)!important;color:var(--t-footer-text)!important}
#footer a,.footer-container a,.site-footer a{color:var(--t-footer-link)!important}

/* Lisibilité footer */
#footer .h3,.footer-container .h3,#footer .links .title{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.25)}
#footer .links li,#footer .links li a,#footer .block-contact,#footer .block-contact a,
.site-footer .contact-rich,.site-footer .contact-rich a{color:rgba(255,255,255,.92)!important;opacity:1!important}

/* Bloc interactif (vidéo) */
.st-hero{position:relative;overflow:hidden;height:var(--hero-height);border-radius:var(--t-radius);box-shadow:var(--t-shadow);margin:16px auto;max-width:var(--page-container-max)}
.st-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.st-hero__mask{position:absolute;inset:0;background:#000;opacity:var(--t-hero-mask-opacity,.45);z-index:1;pointer-events:none}
.st-hero__content{position:absolute;inset:20px;z-index:2;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.st-hero__top{max-width:70%;text-align:left}
.st-hero__top h1,.st-hero__top .h1{font-size:var(--hero-h1-size)!important;line-height:1.15;margin:0 0 .35em;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.st-hero__top h2,.st-hero__top .h2{font-size:var(--hero-h2-size)!important;line-height:1.2;font-weight:600;margin:.2em 0 .5em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.st-hero__top p{font-size:18px;margin:0;color:rgba(255,255,255,.95);text-shadow:0 1px 8px rgba(0,0,0,.35)}
.st-hero__actions{display:flex;gap:12px}
.st-hero--center .st-hero__content{left:50%;right:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(92vw,var(--page-container-max));justify-content:center;align-items:center;text-align:center}
.st-hero--center .st-hero__top{max-width:86%}
.st-hero--center .st-hero__bottom{margin-top:18px}

/* Bandeau Pro */
.st-pro-banner{position:relative;margin:24px auto;max-width:var(--page-container-max);overflow:visible}
.st-pro-banner__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--t-header-bg);color:var(--t-header-text);border-radius:var(--t-radius);box-shadow:var(--t-shadow)}
.st-pro-banner__actions{display:flex;gap:12px}
.st-pro-banner::before,.st-pro-banner::after{display:none!important}

/* Gouttières pleine page */
#wrapper{position:relative}
@media(min-width:992px){
  #wrapper::before,#wrapper::after{
    content:"";position:fixed;top:0;bottom:0;
    width:max(0px,calc((100vw - var(--page-container-max))/2 - var(--st-pro-borders-width,0px)));
    background:var(--st-pro-borders-color,#006271);
    pointer-events:none;z-index:0;
  }
  #wrapper::before{left:0}#wrapper::after{right:0}
}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:var(--t-radius);font-weight:600;border:1px solid transparent}
.btn--primary{background:#F59E0B;color:#111}
.btn--secondary{background:transparent;color:#fff;border-color:#fff}
.btn:hover{filter:brightness(1.03)}

/* Newsletter + produits centrés */
.block_newsletter,#footer .block_newsletter{background:#fff;border-radius:var(--t-radius);box-shadow:var(--t-shadow);padding:16px 20px;margin:16px auto;max-width:960px}
.block_newsletter input[type="email"],.block_newsletter input[type="text"]{border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:.6rem .8rem;width:100%}
.block_newsletter .btn{border-radius:12px}
.featured-products .products,.featured-products .product_list{display:flex;flex-wrap:wrap;justify-content:center}
.featured-products .product-miniature{margin:0 12px 24px;border-radius:var(--t-radius);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}

@media(max-width:992px){
  .st-hero{height:360px}
  .st-hero__top{max-width:86%}
}

/* === STOMIE sticky + search alignment (integrated reference) === */
header#header, #header{position:sticky;top:0;z-index:1040;background:#fff;}
@media (max-width: 767.98px){header#header, #header{position:static;}}
:root{--stomie-search-left-xl:360px;--stomie-search-left-lg:280px;--stomie-search-left-md:160px;}
#header .header-top #search_widget,#header .header-top .search-widget,#header .header-top .ps_searchbar,#header .header-top .block-search{padding-left:0!important;}
@media (min-width:1200px){#header .header-top #search_widget,#header .header-top .search-widget,#header .header-top .ps_searchbar,#header .header-top .block-search{margin-left:var(--stomie-search-left-xl)!important;}}
@media (min-width:992px) and (max-width:1199.98px){#header .header-top #search_widget,#header .header-top .search-widget,#header .header-top .ps_searchbar,#header .header-top .block-search{margin-left:var(--stomie-search-left-lg)!important;}}
@media (min-width:768px) and (max-width:991.98px){#header .header-top #search_widget,#header .header-top .search-widget,#header .header-top .ps_searchbar,#header .header-top .block-search{margin-left:var(--stomie-search-left-md)!important;}}
@media (max-width:767.98px){#header .header-top #search_widget,#header .header-top .search-widget,#header .header-top .ps_searchbar,#header .header-top .block-search{margin-left:0!important;}}

/* === STOMIE Tools: Header height control (v19.8.2) === */
:root { --st-header-h: 80px; } /* fallback */

#header { min-height: var(--st-header-h); }
#header .header-top,
#header .header-nav,
#header .container { min-height: var(--st-header-h); }

#header .logo img {
  max-height: calc(var(--st-header-h) - 20px);
  height: auto;
}

body.st-sticky-on #wrapper,
body.has-sticky-header #wrapper {
  padding-top: var(--st-header-h);
}

#header .header-nav, #header .header-top {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* header text all white */
#header .header-nav, #header .header-nav a, #header .header-top, #header .header-top a,
#header .material-icons, #header .language-selector .expand-more, #header .currency-selector .expand-more,
#header .user-info a, #header .account, #header .blockcart a { color:#fff !important; fill: currentColor !important; }
#header .header-nav a:hover, #header .header-nav .blockcart a:hover,
#header .header-nav .language-selector .expand-more:hover, #header .header-nav .currency-selector .expand-more:hover { color:#fff !important; }

/* footer titles */
#footer h3, #footer .h3, #footer .footer-title, #footer .block .title { color:#fff !important; }
#footer, #footer a { color:#fff !important; }

#header .header-nav, #header .header-top { color: var(--t-header-text,#FFFFFF) !important; }
#header .header-nav a, #header .header-top a, #header .user-info a, #header .account, #header .language-selector .expand-more, #header .currency-selector .expand-more, #header .blockcart a { color: var(--t-header-link,#000000) !important; }
#footer .block-contact-title, #footer .block .title, #footer .footer-title, #footer h3, #footer .h3 { color: var(--t-footer-title,#FFFFFF) !important; }
#footer, #footer a { color: var(--t-footer-link,#000000) !important; }
#footer .collapse, .footer-container .collapse { background: transparent !important; }

#header .header-nav .blockcart.cart-preview,
#header .blockcart.cart-preview { background: var(--t-header-bg, var(--st-overlay-color,#0E4245)) !important; border:0 !important; box-shadow:none !important; }
#header .blockcart.cart-preview::before,
#header .blockcart.cart-preview.active::before { content:none !important; }
#header .header-nav .blockcart.cart-preview.active,
#header .blockcart.cart-preview.active,
#header .blockcart.cart-preview.cart-has-products,
#header .blockcart.cart-preview.active.cart-has-products { background: var(--st-accent) !important; border:0 !important; box-shadow:none !important; }
#header .blockcart.cart-preview a { background: transparent !important; border:0 !important; box-shadow:none !important; }
#header .blockcart.cart-preview.active span,
#header .blockcart.cart-preview.active .cart-products-count { color:#000 !important; }

#header{--header-link-color: var(--t-header-link,#000000); --topbar-link-color: var(--t-header-link,#000000); --nav-link-color: var(--t-header-link,#000000);}
html body #header a, html body #header a:link, html body #header a:visited, html body #header a:hover, html body #header a:focus { color: var(--t-header-link,#000000) !important; }
html body #header .header-nav a, html body #header .header-top a { color: var(--t-header-link,#000000) !important; }
html body #header .user-info a, html body #header .account a, html body #header .language-selector .expand-more, html body #header .currency-selector .expand-more { color: var(--t-header-link,#000000) !important; }
html body #header .material-icons { color: var(--t-header-link,#000000) !important; fill: currentColor !important; }

html body #header#header a:hover,
html body #header#header a:focus,
html body #header#header .header-nav a:hover,
html body #header#header .header-top a:hover,
html body #header#header .user-info a:hover,
html body #header#header .account a:hover,
html body #header#header .language-selector .expand-more:hover,
html body #header#header .currency-selector .expand-more:hover {
  color: var(--t-header-link,#000000) !important;
}

#header button, #header .btn-unstyle, #header .dropdown .btn-unstyle,
#header .language-selector button, #header .currency-selector button {
  color: var(--t-header-link,#000000) !important;
}
/* 1) Libellés & icônes du header = suivent la couleur "Liens du header" du module */
#header .currency-selector .expand-more,
#header .language-selector .expand-more,
#header .user-info a,
#header .account a,
#header .blockcart a,
#header .material-icons,
#header .material-icons-outlined {
  color: var(--t-header-link, #000) !important;
  -webkit-text-fill-color: var(--t-header-link, #000) !important;
  fill: currentColor !important;
}

/* 2) Menus déroulants (Langue/Devise) : fond accent + liens noirs */
#header .language-selector .dropdown-menu,
#header .currency-selector .dropdown-menu {
  background: var(--st-theme-accent, var(--t-accent, #f0a51a)) !important;
  border-color: rgba(0,0,0,.12) !important;
}
#header .language-selector .dropdown-menu a,
#header .currency-selector .dropdown-menu a {
  color: #000 !important;
}

/* 3) Recherche : texte + placeholder visibles */
#search_widget input[type="text"],
#search_widget input[type="search"] {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
#search_widget input::placeholder {
  color: rgba(0,0,0,.6) !important;
  opacity: 1 !important;
}
/* === /STOMIE mini‑patch === */
/* Libellés/langue/devise/compte/panier/icônes = couleur "Liens du header" */
html body #header .language-selector .expand-more,
html body #header .currency-selector .expand-more,
html body #header .user-info a,
html body #header .account a,
html body #header .blockcart a,
html body #header .material-icons,
html body #header .material-icons-outlined {
  color: var(--t-header-link, #000) !important;
  -webkit-text-fill-color: var(--t-header-link, #000) !important;
  fill: currentColor !important;
}

/* Survol : rester sur la même couleur (évite les retours au blanc) */
html body #header a:hover,
html body #header button:hover,
html body #header .language-selector .expand-more:hover,
html body #header .currency-selector .expand-more:hover {
  color: var(--t-header-link, #000) !important;
  -webkit-text-fill-color: var(--t-header-link, #000) !important;
}

/* Menus déroulants Langue/Devise : fond accent + liens noirs (lisible) */
html body #header .language-selector .dropdown-menu,
html body #header .currency-selector .dropdown-menu {
  background: var(--st-theme-accent, var(--t-accent, #f0a51a)) !important;
  border-color: rgba(0,0,0,.12) !important;
}
html body #header .language-selector .dropdown-menu a,
html body #header .currency-selector .dropdown-menu a {
  color: #000 !important;
}

/* Recherche : texte + placeholder visibles (ne touche pas au reste) */
html body #search_widget input[type="text"],
html body #search_widget input[type="search"] {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
html body #search_widget input::placeholder {
  color: rgba(0,0,0,.6) !important;
  opacity: 1 !important;
}
/* === /STOMIE === */

/* === STOMIE — Header final shield (module‑only, safe) ===
   Objectif : dissocier clairement
   - Header — Texte  -> tout le texte NON cliquable
   - Header — Liens  -> TOUT ce qui est cliquable (liens, boutons, icônes)
   Sans toucher au layout ni au footer. À placer EN BAS de modules/stomietools/views/css/custom.css
*/

/* 1) Texte non cliquable du header */
html body #header,
html body #header .header-top,
html body #header .header-nav,
html body #header .header-banner {
  color: var(--t-header-text, #000) !important;
  -webkit-text-fill-color: var(--t-header-text, #000) !important;
}

/* 2) Liens, boutons, icônes, labels expand-more = Header — Liens */
html body #header a,
html body #header a *,
html body #header button,
html body #header .btn-unstyle,
html body #header .user-info a,
html body #header .account a,
html body #header .material-icons,
html body #header .material-icons-outlined,
html body #header .language-selector .expand-more,
html body #header .currency-selector .expand-more,
html body #header .blockcart a,
html body #header #contact-link a,
html body #header #desktop_contact_link a {
  color: var(--t-header-link, #fff) !important;
  -webkit-text-fill-color: var(--t-header-link, #fff) !important;
  fill: currentColor !important;
}

/* 3) État liens explicites pour contrer :link / :visited du navigateur */
html body #header a:link,
html body #header a:visited,
html body #header a:active { color: var(--t-header-link, #fff) !important; }

/* 4) Hover : garder la même couleur (pas de retour au blanc) */
html body #header a:hover,
html body #header button:hover,
html body #header .language-selector .expand-more:hover,
html body #header .currency-selector .expand-more:hover {
  color: var(--t-header-link, #fff) !important;
  -webkit-text-fill-color: var(--t-header-link, #fff) !important;
}
/* === /STOMIE header final shield === */