/* SGI / Protocole 47 / Direction artistique V7 — 06.11.2026
   Signature terre cuite échantillonnée sur la photographie du client (#983925).
   Noir, blanc et champagne restent les surfaces dominantes.
   La couleur signale une intention : décider, demander, commander.
   Aucun changement au logo, aux médias ou aux animations cinématographiques. */

:root {
  --sgi-terracotta: #983925;
  --sgi-terracotta-deep: #762b1c;
  --sgi-terracotta-light: #d98b73;
  --sgi-terracotta-frost: rgba(152, 57, 37, .17);
}

/* Signature discrète, sans modifier le monogramme officiel. */
.site-header .header-shop-link {
  color: #fff;
  font-weight: 800;
  border-color: rgba(217, 139, 115, .7);
  background: var(--sgi-terracotta-frost);
}
.site-header .header-shop-link:hover,
.site-header .header-shop-link:focus-visible,
.site-header .header-shop-link[aria-current="page"] {
  background: rgba(152, 57, 37, .5);
  border-color: var(--sgi-terracotta-light);
}
.nav-desktop a[href$="/boutique/"]:hover,
.nav-desktop a[href$="/boutique/"]:focus-visible {
  text-decoration-color: var(--sgi-terracotta-light);
}
.scroll-progress,
.hero-timeline i,
.chapter-meter span {
  background-color: var(--sgi-terracotta-light);
}

/* Entrée : une seule grande action colorée, sur une page cinématographique monochrome. */
.cinema-hero .hero-actions .btn,
.service-hero .service-title .btn,
.service-contact-actions .btn:not(.ghost),
.service-callout .btn:not(.ghost),
.conversion-path .btn:not(.ghost),
.contact .form-actions .btn:not(.ghost) {
  background: var(--sgi-terracotta);
  border-color: var(--sgi-terracotta);
  color: #fff;
}
.cinema-hero .hero-actions .btn:hover,
.service-hero .service-title .btn:hover,
.service-contact-actions .btn:not(.ghost):hover,
.service-callout .btn:not(.ghost):hover,
.conversion-path .btn:not(.ghost):hover,
.contact .form-actions .btn:not(.ghost):hover {
  background: var(--sgi-terracotta-deep);
  border-color: var(--sgi-terracotta-deep);
  color: #fff;
}
.cinema-hero .hero-copy .eyebrow,
.chapter-topline .eyebrow,
.shop-main .shop-kicker,
.shop-main .shop-section:not(.light) .eyebrow,
.conversion-path .eyebrow {
  color: var(--sgi-terracotta-light);
}

/* Petites ponctuations éditoriales des sections de services et des parcours. */
.light .eyebrow,
.local-expertise .eyebrow,
.service-body .buyer-fit .eyebrow {
  color: var(--sgi-terracotta);
}
.conversion-list li > span,
.chapter-end > span {
  color: #e4ac9c;
}
.light .text-link:hover,
.light .related-services a:hover,
.commercial-links a:hover {
  color: var(--sgi-terracotta);
}
.menu-dialog .menu-worlds a:hover,
.menu-dialog .menu-worlds a:focus-visible {
  border-color: var(--sgi-terracotta-light);
}

/* Boutique : mise en avant des actions d'achat, sans transformer les prix en promotions. */
.shop-main .shop-card-content::before {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-bottom: 20px;
  border-radius: 3px;
  background: var(--sgi-terracotta);
}
.shop-main .shop-card .btn:not([data-unavailable]),
.shop-main .shop-order-form .shop-submit,
.shop-main .shop-cta .btn:not(.ghost) {
  background: var(--sgi-terracotta);
  border-color: var(--sgi-terracotta);
  color: #fff;
}
.shop-main .shop-card .btn:not([data-unavailable]):hover,
.shop-main .shop-order-form .shop-submit:hover,
.shop-main .shop-cta .btn:not(.ghost):hover {
  background: var(--sgi-terracotta-deep);
  border-color: var(--sgi-terracotta-deep);
}
.shop-main .shop-cart-grand strong,
.shop-main .shop-cart-grand output {
  color: #edb4a3;
}
.shop-main .shop-order-form :is(input, textarea):focus-visible,
.light :is(input, textarea, select):focus-visible {
  outline-color: var(--sgi-terracotta);
}
.shop-main .shop-card:hover {
  border-color: rgba(152, 57, 37, .44);
}

/* Contrastes renforcés pour les systèmes à préférences particulières. */
@media (prefers-contrast: more) {
  .site-header .header-shop-link { background: var(--sgi-terracotta); border-color: #fff; }
  .shop-main .shop-card { border-color: var(--sgi-terracotta); }
}
@media (forced-colors: active) {
  .site-header .header-shop-link,
  .cinema-hero .hero-actions .btn,
  .shop-main .shop-card .btn,
  .shop-main .shop-order-form .shop-submit {
    forced-color-adjust: auto;
    border: 1px solid ButtonText;
  }
  .shop-main .shop-card-content::before { background: CanvasText; }
}