/* Kanamusic — global.min.css : reproduit la mise en page de l'ancien site. */
:root{
  --kana-primary:#3399cc;
  --kana-primary-dark:#246b8f;
  --kana-secondary:#444444;
  --kana-accent:#e26703;
  --kana-sale:#df280a;
  --kana-instock:#1a7a00;
  --kana-nav-link:#636363;
  --kana-border:#cccccc;
  --kana-light:#f4f4f4;
  --kana-bg:#f2f2f2;
  --kana-text:#333333;
  --kana-font:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
  --kana-container:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden}
body.kana-body{margin:0;font-family:var(--kana-font);color:var(--kana-text);line-height:1.55;font-weight:400;overflow-x:clip;
  background:var(--kana-bg) url("../img/bkg_body.gif") 0 0 repeat}
img{max-width:100%;height:auto}
a{color:var(--kana-primary);text-decoration:none}
a:hover{color:var(--kana-primary-dark)}
h1,h2,h3,h4,h5,h6{font-family:var(--kana-font);font-weight:700;line-height:1.2;margin:0 0 .5em;color:var(--kana-secondary)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Conteneur central blanc sur fond texturé — colonne flex : pied de page collé en bas
   même sur les pages courtes (panier vide, etc.) */
.kana-wrapper{max-width:var(--kana-container);min-height:100vh;display:flex;flex-direction:column;margin:0 auto;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.12);overflow:hidden}
.kana-main{display:block;flex:1 0 auto;padding:24px 30px 40px}
.footer-container{flex-shrink:0}
/* Bannière « site de développement » de WPML : hors flux (créait un défilement fantôme
   sous le pied de page). Absente en production de toute façon. */
.otgs-development-site-front-end{display:none!important}
.container{max-width:100%;padding-left:15px;padding-right:15px;margin:0 auto}

/* ---------- En-tête ---------- */
.page-header-container{position:relative;padding:0}
.kana-logo{display:block;line-height:0}
.kana-logo img{width:100%;max-width:100%;display:block}
.kana-logo__text{font-weight:700;font-size:1.6rem;color:var(--kana-secondary);padding:16px;display:inline-block;line-height:normal}

/* Barre langue + compte (#444) */
.header-language-background{background-color:#444;color:#fff}
.kana-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 15px;flex-wrap:wrap}
.kana-lang{display:flex;align-items:center;gap:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em}
.kana-lang__select{background:#fff;color:#333;border:1px solid #666;padding:2px 6px;font-family:inherit;font-size:.74rem}
.kana-account-links{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}
.kana-account-links li{padding:0 10px}
.kana-account-links li+li{border-left:1px solid #5a5a5a}
.kana-account-links a{color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em}
.kana-account-links a:hover{color:#fff;text-decoration:underline}
.kana-cart-count{color:#fff;font-weight:700}

/* On rend notre propre barre de langue : masquer le sélecteur WPML auto */
.wpml-ls-statics-footer{display:none!important}

@media(max-width:991px){
  .kana-wrapper{max-width:100%;box-shadow:none}
  .kana-main{padding:16px 15px 32px}
  .kana-header-utility{justify-content:center}
}