/* Structure du site client selon les choix du Studio (classes html.mp-*-*). Les valeurs propres au restaurant
   sont posées par theme-loader.php (variables :root). */
html.mp-header-style-classic .mp-freshy .mp-topbar{background:var(--sl-front-surface)!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 18px rgba(16,24,40,.06)}
html.mp-header-style-minimal .mp-freshy .mp-topbar{box-shadow:none!important;background:color-mix(in srgb,var(--sl-front-surface) 96%,transparent)!important}
html.mp-header-style-centered .mp-freshy .mp-topbar .wrap{position:relative;justify-content:flex-end}
html.mp-header-style-centered .mp-freshy .mp-topbar .brand{position:absolute;left:50%;transform:translateX(-50%);z-index:1}
.mp-freshy .mp-topbar,.mp-freshy .mp-topbar .wrap{min-height:var(--sl-front-topbar-height)!important}
.mp-freshy .sl-category-grid,.mp-freshy .row.g-3,.mp-freshy .row.g-4{gap:var(--sl-front-design-gap)!important}
.mp-freshy .product-card .image-container{aspect-ratio:var(--sl-front-product-ratio)!important}
html.mp-card-style-outlined .mp-freshy .sl-category-card,html.mp-card-style-outlined .mp-freshy .card.product-card{box-shadow:none!important;border:1px solid var(--sl-front-border)!important}
html.mp-card-style-flat .mp-freshy .sl-category-card,html.mp-card-style-flat .mp-freshy .card.product-card{box-shadow:none!important;border-color:transparent!important;background:transparent!important}
html.mp-card-style-flat .mp-freshy .product-card .card-body{padding-left:2px!important;padding-right:2px!important}
html.mp-category-style-compact .mp-freshy .sl-category-card__media{aspect-ratio:1.65 / 1!important}
html.mp-category-style-compact .mp-freshy .sl-category-card__body{padding:8px 10px!important}
html.mp-category-style-pill .mp-freshy .sl-category-grid{display:flex!important;overflow:auto;gap:8px!important;scrollbar-width:none}
html.mp-category-style-pill .mp-freshy .sl-category-grid::-webkit-scrollbar{display:none}
html.mp-category-style-pill .mp-freshy .sl-category-card{flex:0 0 auto!important;min-width:0!important;border-radius:999px!important;display:flex!important;align-items:center!important;padding:5px 12px 5px 5px!important;box-shadow:none!important}
html.mp-category-style-pill .mp-freshy .sl-category-card__media{width:42px!important;height:42px!important;aspect-ratio:1!important;border-radius:50%!important;flex:0 0 42px!important}
html.mp-category-style-pill .mp-freshy .sl-category-card__body{padding:0 0 0 8px!important}
html.mp-category-style-pill .mp-freshy .sl-category-card__name{white-space:nowrap!important;font-size:.82rem!important}
html.mp-banner-style-immersive .mp-freshy .mp-marketing-banner{min-height:270px!important}
html.mp-banner-style-compact .mp-freshy .mp-marketing-banner{min-height:170px!important}
html.mp-banner-style-minimal .mp-freshy .mp-marketing-banner{min-height:128px!important;padding:18px 20px!important;box-shadow:none!important}
html.mp-banner-style-minimal .mp-freshy .mp-marketing-banner__title{font-size:clamp(1.2rem,2vw,1.65rem)!important}
html.mp-density-compact .mp-freshy .card.product-card .card-body{padding:8px 9px 10px!important}
html.mp-density-compact .mp-freshy .sl-category-head{margin-bottom:8px!important}
html.mp-density-airy .mp-freshy .card.product-card .card-body{padding:15px 16px 17px!important}
html.mp-preset-premium .mp-freshy .card.product-card,html.mp-preset-premium .mp-freshy .sl-category-card{box-shadow:0 18px 44px rgba(16,24,40,.09)!important}
html.mp-preset-compact .mp-freshy .mp-marketing-wrap{margin-top:10px!important;margin-bottom:10px!important}
html.mp-preset-visual .mp-freshy .product-card .image-container{aspect-ratio:1 / 1!important}

/* Phase 4H — vraies directions structurelles */
html.mp-ai-preview-active::before{content:"Aperçu Sila";position:fixed;top:10px;left:10px;z-index:2147483000;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.86);color:#fff;font:800 10px/1.2 Inter,system-ui,sans-serif;letter-spacing:.04em;box-shadow:0 8px 24px rgba(15,23,42,.2);pointer-events:none}

/* Hero / bannière */
html.mp-hero-layout-minimal .mp-freshy .mp-marketing-banner{min-height:132px!important;padding:18px 22px!important}
html.mp-hero-layout-editorial .mp-freshy .mp-marketing-banner{min-height:420px!important;padding:clamp(32px,6vw,72px)!important;display:flex!important;align-items:flex-end!important;background-position:center!important}
html.mp-hero-layout-editorial .mp-freshy .mp-marketing-banner__content{max-width:min(760px,82%)!important;margin:0 auto!important;text-align:center!important}
html.mp-hero-layout-editorial .mp-freshy .mp-marketing-banner__title{font-size:clamp(2.25rem,6vw,4.8rem)!important;line-height:.98!important;letter-spacing:-.055em!important}
html.mp-hero-layout-split .mp-freshy .mp-marketing-banner{min-height:340px!important;padding:clamp(28px,5vw,60px)!important;background-position:right center!important}
html.mp-hero-layout-split .mp-freshy .mp-marketing-banner__content{max-width:min(560px,54%)!important;padding:22px 24px!important;border-radius:calc(var(--sl-front-radius) + 4px)!important;background:color-mix(in srgb,var(--sl-front-surface) 90%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html.mp-hero-layout-spotlight .mp-freshy .mp-marketing-banner{min-height:390px!important;padding:clamp(30px,6vw,74px)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
html.mp-hero-layout-spotlight .mp-freshy .mp-marketing-banner__content{max-width:760px!important;margin:0 auto!important}
html.mp-hero-layout-spotlight .mp-freshy .mp-marketing-banner__title{font-size:clamp(2.15rem,5.6vw,4.4rem)!important;line-height:1!important;letter-spacing:-.05em!important}

/* Navigation catégories */
html.mp-nav-style-floating .mp-freshy .categories-menu{display:flex!important;gap:8px!important;overflow:auto!important;padding:8px!important;margin:0 0 18px!important;border:1px solid var(--sl-front-border)!important;border-radius:18px!important;background:color-mix(in srgb,var(--sl-front-surface) 94%,transparent)!important;box-shadow:var(--sl-front-shadow)!important;scrollbar-width:none}
html.mp-nav-style-floating .mp-freshy .categories-menu::-webkit-scrollbar{display:none}
html.mp-nav-style-floating .mp-freshy .category-chip{border:0!important;background:transparent!important;border-radius:12px!important;padding:8px 11px!important}
html.mp-nav-style-underline .mp-freshy .categories-menu{display:flex!important;gap:18px!important;overflow:auto!important;padding:0 0 9px!important;margin-bottom:20px!important;border-bottom:1px solid var(--sl-front-border)!important;scrollbar-width:none}
html.mp-nav-style-underline .mp-freshy .category-chip{border:0!important;border-radius:0!important;background:transparent!important;padding:8px 0!important;position:relative!important}
html.mp-nav-style-underline .mp-freshy .category-chip img{display:none!important}
html.mp-nav-style-underline .mp-freshy .category-chip.active::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:999px;background:var(--sl-front-primary)}
html.mp-nav-style-chips .mp-freshy .categories-menu{display:flex!important;gap:8px!important;overflow:auto!important;scrollbar-width:none}
html.mp-nav-style-chips .mp-freshy .category-chip{border-radius:999px!important;padding:7px 12px!important;background:var(--sl-front-surface)!important}
html.mp-nav-style-chips .mp-freshy .category-chip .chip-icon{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important}

/* Layout produits */
html.mp-product-layout-list .mp-freshy .products-grid{grid-template-columns:1fr!important;gap:12px!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;min-height:150px!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card .image-container{height:100%!important;aspect-ratio:auto!important;border-radius:var(--sl-front-radius-sm) 0 0 var(--sl-front-radius-sm)!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card .card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:18px!important}
/* Liste : la photo est étroite (112 px sur téléphone) ; le prix y reste, le bouton Ajouter passe au coin bas droit de la fiche, à côté du texte. */
html.mp-product-layout-list .mp-freshy .products-grid>.product-card{position:relative!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card .image-container{position:static!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card .card-body{padding-right:64px!important}
html.mp-product-layout-editorial .mp-freshy .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(16px,2.4vw,28px)!important}
html.mp-product-layout-editorial .mp-freshy .products-grid>.product-card:nth-child(3n+1){grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)!important}
html.mp-product-layout-editorial .mp-freshy .products-grid>.product-card:nth-child(3n+1) .image-container{height:100%!important;min-height:300px!important;aspect-ratio:auto!important}
html.mp-product-layout-editorial .mp-freshy .products-grid>.product-card:nth-child(3n+1) .card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:clamp(24px,4vw,52px)!important}
html.mp-product-layout-compact .mp-freshy .products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:10px!important}
html.mp-product-layout-compact .mp-freshy .product-card .image-container{aspect-ratio:1.35/1!important}
html.mp-product-layout-compact .mp-freshy .product-card .card-body{padding:8px 9px 10px!important}

/* Sections */
html.mp-section-style-cards .mp-freshy .cat-section{padding:clamp(16px,2.4vw,26px)!important;margin:0 0 18px!important;border:1px solid var(--sl-front-border)!important;border-radius:calc(var(--sl-front-radius) + 4px)!important;background:var(--sl-front-surface)!important;box-shadow:var(--sl-front-shadow)!important}
html.mp-section-style-bands .mp-freshy .cat-section{position:relative!important;padding:clamp(22px,4vw,46px)!important;margin:0 calc(var(--sl-front-gutter) * -1) 14px!important;border-radius:0!important;background:color-mix(in srgb,var(--sl-front-primary) 5%,var(--sl-front-surface))!important}
html.mp-section-style-bands .mp-freshy .cat-section:nth-child(even){background:color-mix(in srgb,var(--sl-front-accent) 7%,var(--sl-front-surface))!important}

/* Panier et checkout */
html.mp-cart-style-panel .mp-freshy #mp-drawer{width:min(560px,96vw)!important;border-radius:24px 0 0 24px!important}
html.mp-cart-style-panel .sl-front-checkout-v4 .fy-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;gap:24px!important}
html.mp-cart-style-panel .sl-front-checkout-v4 .fy-card{border-radius:20px!important;box-shadow:0 16px 44px rgba(15,23,42,.07)!important}
html.mp-cart-style-minimal .mp-freshy #mp-drawer{box-shadow:none!important;border-left:1px solid var(--sl-front-border)!important}
html.mp-cart-style-minimal .sl-front-checkout-v4 .fy-card{box-shadow:none!important;border-radius:10px!important;border-color:var(--sl-front-border)!important}
html.mp-cart-style-minimal .sl-front-checkout-v4 .fy-hdr{background:transparent!important}

/* CTA */
html.mp-cta-style-pill .mp-freshy .mp-marketing-banner__cta,html.mp-cta-style-pill .mp-freshy .add-to-cart-smart,html.mp-cta-style-pill .mp-freshy .mp-btn,html.mp-cta-style-pill .sl-front-checkout-v4 button{border-radius:999px!important}
html.mp-cta-style-outlined .mp-freshy .mp-marketing-banner__cta,html.mp-cta-style-outlined .mp-freshy .add-to-cart-smart{background:transparent!important;color:var(--sl-front-primary)!important;border:1px solid var(--sl-front-primary)!important;box-shadow:none!important}

/* Alignement et traitement images */
html.mp-content-alignment-centered .mp-freshy .sl-category-head,html.mp-content-alignment-centered .mp-freshy .section-title,html.mp-content-alignment-centered .mp-freshy .mp-featured-strip__head{text-align:center!important}
html.mp-content-alignment-centered .mp-freshy .section-title{margin-left:auto!important;margin-right:auto!important}
html.mp-image-treatment-soft .mp-freshy .product-card .image-container,html.mp-image-treatment-soft .mp-freshy .sl-category-card__media{margin:8px!important;border-radius:calc(var(--sl-front-radius-sm) - 2px)!important;overflow:hidden!important}
html.mp-image-treatment-edge .mp-freshy .product-card .image-container,html.mp-image-treatment-edge .mp-freshy .sl-category-card__media{border-radius:0!important;margin:0!important}

@media(max-width:720px){
html.mp-header-style-centered .mp-freshy .mp-topbar .brand{position:static;transform:none;margin-right:auto}
html.mp-banner-style-immersive .mp-freshy .mp-marketing-banner{min-height:190px!important}
html.mp-hero-layout-editorial .mp-freshy .mp-marketing-banner,html.mp-hero-layout-spotlight .mp-freshy .mp-marketing-banner{min-height:270px!important;padding:28px 18px!important}
html.mp-hero-layout-split .mp-freshy .mp-marketing-banner{min-height:290px!important;padding:18px!important;background-position:center!important}
html.mp-hero-layout-split .mp-freshy .mp-marketing-banner__content{max-width:100%!important;padding:16px!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important}
html.mp-product-layout-list .mp-freshy .products-grid>.product-card .card-body{padding:12px 60px 12px 12px!important}
html.mp-product-layout-editorial .mp-freshy .products-grid{grid-template-columns:1fr!important}
html.mp-product-layout-editorial .mp-freshy .products-grid>.product-card:nth-child(3n+1){grid-column:auto!important;display:block!important}
html.mp-product-layout-editorial .mp-freshy .products-grid>.product-card:nth-child(3n+1) .image-container{min-height:0!important;aspect-ratio:var(--sl-front-product-ratio)!important}
html.mp-section-style-bands .mp-freshy .cat-section{margin-left:calc(var(--sl-front-gutter) * -1)!important;margin-right:calc(var(--sl-front-gutter) * -1)!important;padding:20px var(--sl-front-gutter)!important}
html.mp-cart-style-panel .sl-front-checkout-v4 .fy-grid{grid-template-columns:1fr!important;gap:12px!important}
}