/* One local variable font: real 100–900 weights, reused by the browser across pages. */
@font-face{font-family:"Slyme UI";src:url("fonts/slyme-ui-latin-v1.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.slyme-stable-ui{font-family:"Slyme UI",Arial,sans-serif}
body.slyme-stable-ui #slyme-catalogue,body.slyme-stable-ui .sls-services,body.slyme-stable-ui .sls-options,body.slyme-stable-ui .sls-buybar,body.slyme-stable-ui .slyme-whatsapp-dialog,body.slyme-stable-ui .slyme-search-sheet{font-family:"Slyme UI",Arial,sans-serif}
body.slyme-stable-ui input,body.slyme-stable-ui select,body.slyme-stable-ui textarea,body.slyme-stable-ui button{font-family:inherit}
body.slyme-stable-ui strong,body.slyme-stable-ui b{font-weight:700}
body.slyme-stable-ui .product_title,body.slyme-stable-ui .slyme-product-name,body.slyme-stable-ui .slyme-section-title,body.slyme-stable-ui .slyme-hero-title{font-weight:700}
body.slyme-stable-ui .sls-header-cart-count{font-family:"Slyme UI",Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;min-width:24px;box-sizing:border-box}
body.slyme-stable-ui #sinatra-header .slyme-critical-logo{display:block;opacity:1;animation:none;transition:none}
body.slyme-stable-ui .sls-header-cart,body.slyme-stable-ui .sls-header-cart-link,body.slyme-stable-ui .sls-header-search-link{flex-shrink:0}
body.slyme-stable-ui .woocommerce div.product .summary,body.slyme-stable-ui .slyme-product-content,body.slyme-stable-ui .slyme-wa-product-info{min-width:0}
body.slyme-stable-ui .slyme-product-name,body.slyme-stable-ui .product_title{overflow-wrap:break-word}
/* Reserve the first image's ratio during Flexslider's initial width setup.
   Once WooCommerce sets a viewport height, its native sizing takes over. */
body.theme-sinatra.single-product .woocommerce-product-gallery .flex-viewport:not([style*="height"]){aspect-ratio:var(--sls-gallery-ratio);min-height:0}
/* Native Sinatra delegation expects the category anchor as the click target.
   Keep its decorative text/icon from swallowing taps on mobile submenus. */
body.slyme-stable-ui #sinatra-header .sinatra-nav .menu-item-has-children>a>span,
body.slyme-stable-ui #sinatra-header .sinatra-nav .menu-item-has-children>a>svg{pointer-events:none}

/* 8.26.10 — surfaces claires ; contraste du texte et vraies couleurs des photos conservés. */
:root{color-scheme:light;color-scheme:only light}
body.slyme-stable-ui{background:#fff;color:#172536}
body.slyme-stable-ui #page,body.slyme-stable-ui #main,body.slyme-stable-ui #content{background-color:#fff}
body.slyme-stable-ui #slyme-catalogue{background:#f8fbff;--sl-white:#fff;--sl-blue:#0066ee}
body.slyme-stable-ui #slyme-catalogue .slyme-product-card,body.slyme-stable-ui #slyme-catalogue .slyme-category-card{background:#fff;border-color:#e3edf8;box-shadow:0 3px 8px #2778c508,0 12px 28px #2778c512}
body.slyme-stable-ui #slyme-catalogue .slyme-product-content,body.slyme-stable-ui #slyme-catalogue .slyme-product-media{background:#fff}
body.slyme-stable-ui #slyme-catalogue .slyme-hero{background:#f3faff;box-shadow:0 10px 30px #2278ca12}
body.slyme-stable-ui #slyme-catalogue .slyme-hero[data-tone="blanc"]{background-color:#f7fcff}
body.slyme-stable-ui #slyme-catalogue .slyme-hero[data-tone="violet"]{background-color:#f7f2ff}
body.slyme-stable-ui #slyme-catalogue .slyme-hero[data-tone="noir"]{background-color:#f1f7fd}
body.slyme-stable-ui #slyme-catalogue .slyme-hero-purchase{background:#fff}
body.slyme-stable-ui #slyme-catalogue .slyme-hero-cta{background:#0066ee;color:#fff;border-color:#0066ee;box-shadow:0 5px 16px #0066ee22}
body.slyme-stable-ui #slyme-catalogue .slyme-hero-cta:hover{background:#0055c8;color:#fff}
body.slyme-stable-ui .woocommerce div.product .summary,body.slyme-stable-ui .woocommerce div.product .woocommerce-tabs .panel{background-color:#fff}
body.slyme-stable-ui .slyme-whatsapp-dialog,body.slyme-stable-ui .slyme-search-sheet{background:#fff}

/* Desktop proportions: keep Sinatra navigation and dropdown stacking intact. */
@media(min-width:961px){
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner>.si-header-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;width:calc(100% - 64px);max-width:1440px;min-height:80px;padding:0}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-logo{margin:0;align-items:center;justify-content:center}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .logo-inner{margin:16px 0}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-logo img{width:auto;height:48px;max-height:48px;max-width:180px;object-fit:contain}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav{margin:0;min-width:0}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav>ul{justify-content:center;align-items:center;gap:0 clamp(8px,1vw,18px);max-height:none;height:auto}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav>ul>li{margin:0}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav>ul>li>a{padding:14px 0;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav>ul>li>a>.si-icon{width:12px;height:12px;margin-left:6px}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .si-header-widgets{margin:0;justify-content:flex-end;flex-wrap:nowrap}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sls-header-cart{margin:0}
}
/* Small laptops: a deliberate full navigation row, instead of one orphan item. */
@media(min-width:961px) and (max-width:1199px){
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner>.si-header-container{width:calc(100% - 40px);row-gap:0}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-logo{grid-column:1;grid-row:1}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .si-header-widgets{grid-column:3;grid-row:1}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav{grid-column:1/-1;grid-row:2;padding-bottom:8px}
 body.slyme-stable-ui:is(.sinatra-header-layout-1,.sinatra-header-layout-2) #sinatra-header-inner .sinatra-nav>ul>li>a{padding:10px 0}
}