/* brand_skin.css — style « minimal » — généré par website_generator/variants.py */
/* Éditorial suisse : blanc, grotesque, filets, beaucoup d'air — sushi chic, café de spécialité, healthy premium. */

/* — Page : dégradé doux et respirant (remplace le mur de briques) — */
html[data-style="minimal"] body{
  background: linear-gradient(180deg, #ffffff 0%, #f7f8fa 52%, #ffffff 100%);
  background-attachment: fixed;
  color: #14161b;
}
html[data-style="minimal"] body::after{ display:none; }
html[data-style="minimal"] h1,html[data-style="minimal"] h2,html[data-style="minimal"] h3,html[data-style="minimal"] h4,html[data-style="minimal"] h5,html[data-style="minimal"] h6{ color:#14161b; }
html[data-style="minimal"] p{ opacity:1; color:#14161b; }

/* En-tête / pied : translucides, hairline */
html[data-style="minimal"] .header{ background:#fffffff2; border-bottom:1px solid rgba(20,22,27,.10);
  box-shadow:0 1px 0 rgba(20,22,27,.10), 0 10px 30px -18px rgba(20,18,14,.5); }
html[data-style="minimal"] .nav-btn{ color:#14161b; background:#f3f4f7; border-color:rgba(20,22,27,.10); }
html[data-style="minimal"] .nav-btn:hover{ background:rgba(210, 161, 87,.10); border-color:#d2a157; color:#d2a157; }
html[data-style="minimal"] .footer{ background:linear-gradient(180deg,#f3f4f7,#ecedf1); border-top:1px solid rgba(20,22,27,.10); }
html[data-style="minimal"] .footer::before,html[data-style="minimal"] .footer::after{ display:none; }
html[data-style="minimal"] .footer-link,html[data-style="minimal"] .copyright,html[data-style="minimal"] .nav-drawer__sub{ color:#6e7480; }

html[data-style="minimal"] .nav-drawer{ background:#faf6ef; }
html[data-style="minimal"] .nav-drawer__head,html[data-style="minimal"] .nav-drawer__footer{ border-color:rgba(20,22,27,.10); background:transparent; }
html[data-style="minimal"] .nav-item{ background:transparent; border-color:transparent; color:#2b2418; }

/* Conteneurs (landing + catalogue + panier + checkout) */
html[data-style="minimal"] .card,html[data-style="minimal"] .product-card,html[data-style="minimal"] .form-section,html[data-style="minimal"] .order-summary,html[data-style="minimal"] .success-page,html[data-style="minimal"] .cart-item,
html[data-style="minimal"] .cart-summary,html[data-style="minimal"] .delivery-quote-box,html[data-style="minimal"] .step-fieldset{ background:#ffffff; border-color:rgba(20,22,27,.10); }
html[data-style="minimal"] .order-details,html[data-style="minimal"] .quantity-form{ background:#f3f4f7; }
html[data-style="minimal"] .card-title,html[data-style="minimal"] .section-title,html[data-style="minimal"] .hero-wordmark,html[data-style="minimal"] .summary-row.total,
html[data-style="minimal"] .summary-row.total span:last-child,html[data-style="minimal"] .product-info h3{ color:#14161b; }
html[data-style="minimal"] .card-desc,html[data-style="minimal"] .product-description,html[data-style="minimal"] .feature-text,html[data-style="minimal"] .summary-row,html[data-style="minimal"] .next-steps,
html[data-style="minimal"] .item-selections{ color:#6e7480; }
html[data-style="minimal"] input,html[data-style="minimal"] textarea,html[data-style="minimal"] select{ background:#f3f4f7; border-color:rgba(20,22,27,.10); color:#14161b; }
html[data-style="minimal"] input:focus,html[data-style="minimal"] textarea:focus,html[data-style="minimal"] select:focus{ background:#ffffff; }
html[data-style="minimal"] label{ color:#6e7480; }

/* — Coutures de sections : bandes qui s'estompent (jamais de bord net) — */
html[data-style="minimal"] .menu-section{ background:transparent; }
html[data-style="minimal"] .features-section{
  background:
    linear-gradient(180deg, transparent 0%, rgba(210, 161, 87,.04) 20%, rgba(210, 161, 87,.04) 80%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #f3f4f7 22%, #f3f4f7 78%, transparent 100%);
  border:0;
}
html[data-style="minimal"] .feature-item{ background:#ffffff; border-color:rgba(20,22,27,.10); }
html[data-style="minimal"] .pre-footer{
  background:
    radial-gradient(120% 130% at 50% 120%, rgba(210, 161, 87,.10), transparent 55%),
    linear-gradient(180deg, transparent 0%, #f3f4f7 70%);
}
html[data-style="minimal"] .hero-bg-img{ filter:none; }   /* le-first l'assombrit (brightness .55) -> gris sur fond clair */
html[data-style="minimal"] .hero::before{
  background:
    radial-gradient(95% 75% at 50% 14%, rgba(210, 161, 87,.12), transparent 60%),
    linear-gradient(180deg, transparent 42%, #ffffff 100%);
}
/* Réserve la place du ticker (absolu, en bas) pour éviter qu'il chevauche le contenu en mobile. */
html[data-style="minimal"] .hero{ min-height:520px; padding-bottom:92px; }
html[data-style="minimal"] .hero-content{ max-width:92%; }
html[data-style="minimal"] .hero p{ margin-bottom:1.4rem; }

/* Boutons : texte lisible sur la couleur de marque, halo néon coupé */
html[data-style="minimal"] .btn-primary,html[data-style="minimal"] .floating-cta{ color:#2b2418; box-shadow:0 10px 24px -10px rgba(20,18,14,.4); }
html[data-style="minimal"] .btn-primary:hover,html[data-style="minimal"] .floating-cta:hover{ color:#2b2418; box-shadow:0 14px 30px -12px rgba(20,18,14,.5); }
html[data-style="minimal"] .price,html[data-style="minimal"] .item-price,html[data-style="minimal"] .choice-price,html[data-style="minimal"] .order-number,html[data-style="minimal"] .feature-number,
html[data-style="minimal"] .section-subtitle,html[data-style="minimal"] .pre-footer h2,html[data-style="minimal"] .nav-drawer__brand{ text-shadow:none; }

/* Eyebrow (sur-titre) : petit filet + capitales espacées (détail « agence ») */
html[data-style="minimal"] .section-subtitle{ display:inline-flex; align-items:center; gap:12px; font-style:normal; }
html[data-style="minimal"] .section-subtitle::before{ content:''; width:26px; height:1px; background:#d2a157; opacity:.75; }


/* ===== MINIMAL / ÉDITORIAL SUISSE — blanc, grotesque, filets, air ===== */
html[data-style="minimal"]{ --grid-gap:2.2rem; --container-max-width:1100px; }

html[data-style="minimal"] h1,html[data-style="minimal"] h2,html[data-style="minimal"] h3,html[data-style="minimal"] h4,html[data-style="minimal"] h5,html[data-style="minimal"] h6,html[data-style="minimal"] .section-title,html[data-style="minimal"] .card-title,html[data-style="minimal"] .feature-title,html[data-style="minimal"] .hero-wordmark{
  text-transform:none; letter-spacing:-.02em; font-weight:700; font-style:normal; }
html[data-style="minimal"] .section-subtitle{ font-family:'Inter', system-ui, sans-serif; text-transform:uppercase; letter-spacing:.24em;
  font-size:.72rem; font-weight:600; color:#d2a157; }

/* Héro sobre, aligné à gauche, sans animation */
html[data-style="minimal"] .hero{ height:70vh; align-items:flex-start; justify-content:center; text-align:left; padding:0 7vw; }
html[data-style="minimal"] .hero::before{ background:linear-gradient(105deg, #ffffff 32%, transparent),
  linear-gradient(180deg, transparent 58%, #ffffff); }
html[data-style="minimal"] .hero-content{ align-items:flex-start; max-width:780px; }
html[data-style="minimal"] .hero-logo{ animation:none; filter:none; width:auto; height:auto; max-height:92px; max-width:260px;
  object-fit:contain; margin-bottom:1rem; }
html[data-style="minimal"] .hero-wordmark{ color:#14161b; letter-spacing:-.035em; font-size:clamp(2.8rem,8vw,5.4rem); }
html[data-style="minimal"] .hero p{ color:#6e7480; text-transform:none; letter-spacing:0; font-weight:400; font-size:clamp(1.05rem,2.6vw,1.4rem); }

html[data-style="minimal"] .ticker-wrap{ display:none; }   /* pas de marquee en minimal */

/* Cartes calmes, ombre portée fine */
html[data-style="minimal"] .card{ box-shadow:0 1px 2px rgba(15,17,23,.05), 0 18px 32px -16px rgba(15,17,23,.16); }
html[data-style="minimal"] .card:hover{ transform:translateY(-4px); border-color:rgba(20,22,27,.10); box-shadow:0 26px 48px -18px rgba(15,17,23,.26); }
html[data-style="minimal"] .card-price{ background:transparent; color:#d2a157; padding:0; font-style:normal; text-transform:none;
  letter-spacing:0; font-weight:700; font-size:1.05rem; }
html[data-style="minimal"] .card-title{ font-size:1.2rem; }
html[data-style="minimal"] .section-title{ font-size:2.2rem; letter-spacing:-.025em; }

/* Features = filet éditorial en haut, pas de carte */
html[data-style="minimal"] .features-section{ background:transparent; }
html[data-style="minimal"] .feature-item{ background:transparent; border:0; border-top:2px solid #14161b; border-radius:0; padding:1.4rem 0 0; box-shadow:none; }
html[data-style="minimal"] .feature-number{ color:#d2a157; opacity:1; font-style:normal; font-weight:700; font-size:1.3rem; }
html[data-style="minimal"] .feature-title{ color:#14161b; }
html[data-style="minimal"] .pre-footer h2{ color:#14161b; font-family:'Fraunces', 'Times New Roman', serif; }
html[data-style="minimal"] .floating-cta{ text-transform:none; letter-spacing:0; font-style:normal; }

/* art-direction « tapas » — densité dense · motion lively · typo archivo_archivo · héros full-bleed · cartes block-shadow — généré par website_generator/artdirection.py */
html[data-ad]{ --container-max-width:1320px; --grid-gap:1.5rem; --products-grid-columns:repeat(auto-fill, minmax(250px, 1fr)); }
@media (prefers-reduced-motion: no-preference){
  html[data-ad] .hero-content > *,
  html[data-ad] .menu-section .card,
  html[data-ad] .features-section .feature-item{
    opacity:0; animation: adReveal .55s cubic-bezier(.2,.7,.2,1) both;
  }
  html[data-ad] .hero-content > *:nth-child(1){ animation-delay:.02s }
  html[data-ad] .hero-content > *:nth-child(2){ animation-delay:.10s }
  html[data-ad] .hero-content > *:nth-child(3){ animation-delay:.18s }
  html[data-ad] .menu-section .card:nth-child(2){ animation-delay:.06s }
  html[data-ad] .menu-section .card:nth-child(3){ animation-delay:.12s }
  html[data-ad] .menu-section .card:nth-child(4){ animation-delay:.18s }
  html[data-ad] .features-section .feature-item:nth-child(2){ animation-delay:.08s }
  html[data-ad] .features-section .feature-item:nth-child(3){ animation-delay:.16s }
  @keyframes adReveal{ from{ opacity:0; transform:translateY(16px) } to{ opacity:1; transform:none } }
}
html[data-ad-hero="full-bleed"] .hero{ justify-content:flex-end; align-items:flex-start; text-align:left; padding:0 0 7vh 7vw; min-height:84vh; }
html[data-ad-hero="full-bleed"] .hero-content{ align-items:flex-start; max-width:680px; }
html[data-ad-hero="full-bleed"] .hero-bg-img{ filter:brightness(.52) saturate(1.06); }
html[data-ad-hero="full-bleed"] .hero::before{ background:linear-gradient(0deg, rgba(0,0,0,.74), transparent 56%), linear-gradient(90deg, rgba(0,0,0,.5), transparent 62%); }
html[data-ad-hero="full-bleed"] .hero-wordmark{ color:#fff; }
html[data-ad-hero="full-bleed"] .hero p{ color:#fff; text-shadow:0 1px 14px rgba(0,0,0,.55); }
@media (max-width:760px){ html[data-ad-hero="full-bleed"] .hero{ padding:0 6vw 6vh; min-height:78vh; } }
html[data-ad-cards="block-shadow"] .card{ border:2px solid #d2a157; border-radius:0; box-shadow:6px 6px 0 rgba(210, 161, 87,.22); transition:transform .12s, box-shadow .12s; }
html[data-ad-cards="block-shadow"] .card:hover{ transform:translate(-3px,-3px); box-shadow:10px 10px 0 rgba(210, 161, 87,.9); }
html[data-ad-cards="block-shadow"] .card-img{ border-radius:0; }
html[data-ad-cards="block-shadow"] .card-price{ border-radius:0; background:#d2a157; color:#2b2418; }