/**
 * Folies Secrètes — Bannière cookies 1A-quinquies (override définitif)
 * priority 540 — CSS uniquement, RGPD inchangé.
 *
 * Diagnostic (cause ombre / halo pleine largeur) :
 * - modules/stthemeeditor/views/css/customer-s1.css #lgcookieslaw_banner
 *   → backdrop-filter + fond semi-opaque + box-shadow sur le wrapper 100 % largeur
 * - modules/lgcookieslaw/views/css/front.css .lgcookieslaw-message-floating
 *   → top/left 50 % + transform (conflit position bas de page)
 * - fs-cookies-premium.css (520) bandeau pleine largeur sur #lgcookieslaw_banner
 *   → fond dégradé + box-shadow wrapper (neutralisé ici, carte = .container uniquement)
 */

:root {
  --fs-ck5-card-max: 960px;
  --fs-ck5-card-radius: 20px;
  --fs-ck5-card-shadow: 0 12px 32px -8px rgba(26, 23, 22, 0.14), 0 2px 8px -2px rgba(26, 23, 22, 0.08);
  --fs-ck5-card-inset: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --fs-ck5-champagne: rgba(184, 149, 107, 0.38);
  --fs-ck5-float-gutter: 92px;
  --fs-ck5-btn-shadow: 0 5px 14px rgba(26, 23, 22, 0.12);
  --fs-ck5-btn-shadow-hover: 0 8px 18px rgba(26, 23, 22, 0.16);
}

/* Triple hook PrestaShop : masquer les doublons (évite 3× ombre = halo pleine largeur) */
body #lgcookieslaw_banner.lgcookieslaw-banner {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner {
  display: flex !important;
  visibility: visible !important;
}

/* ——— WRAPPER #lgcookieslaw_banner : aucun rendu visuel pleine largeur ——— */
body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner.lgcookieslaw-message-floating,
body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner {
  position: fixed !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-end !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 16px max(28px, env(safe-area-inset-bottom, 0px)) !important;
  transform: none !important;
  translate: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 90 !important;
  overflow: visible !important;
  color: inherit !important;
  font-family: var(--fs-ck-font-sans, "Manrope", system-ui, sans-serif) !important;
}

body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner::before,
body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Parent hook : pas de voile sur le footer */
body #footer_before_container:has(#lgcookieslaw_banner) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body #footer_before_container:has(#lgcookieslaw_banner) > *:not(#lgcookieslaw_banner) {
  pointer-events: auto !important;
}

/* ——— CARTE : seul .container porte fond, bordure, ombre ——— */
body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner > .container {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  float: none !important;
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  width: min(var(--fs-ck5-card-max), calc(100vw - 32px)) !important;
  max-width: var(--fs-ck5-card-max) !important;
  margin: 0 !important;
  padding: 18px 22px 20px !important;
  pointer-events: auto !important;
  vertical-align: initial !important;
  background: linear-gradient(165deg, var(--fs-ck-ivory, #fdfcfa) 0%, var(--fs-ck-cream, #f5f0ea) 55%, var(--fs-ck-warm, #faf8f5) 100%) !important;
  border: 1px solid var(--fs-ck5-champagne) !important;
  border-radius: var(--fs-ck5-card-radius) !important;
  box-shadow: var(--fs-ck5-card-shadow), var(--fs-ck5-card-inset) !important;
  gap: 14px 18px !important;
  isolation: isolate !important;
}

body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner > .container::before,
body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner > .container::after {
  display: none !important;
  content: none !important;
}

/* Module front.css : floats / table-cell sur message et container */
body #lgcookieslaw_banner .lgcookieslaw-message,
body #lgcookieslaw_banner.lgcookieslaw-reject-all-button-enabled .lgcookieslaw-message {
  display: block !important;
  float: none !important;
  width: auto !important;
  flex: 1 1 280px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body #lgcookieslaw_banner .lgcookieslaw-button-container,
body #lgcookieslaw_banner.lgcookieslaw-reject-all-button-enabled .lgcookieslaw-button-container {
  display: flex !important;
  float: none !important;
  width: auto !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
}

/* Neutralise customer-s1 (boutons rose) → palette cookies premium */
body #lgcookieslaw_banner #lgcookieslaw_accept,
body #lgcookieslaw_banner .lgcookieslaw-accept {
  background: linear-gradient(135deg, var(--fs-ck-olive-light, #9ca584) 0%, var(--fs-ck-olive, #6f765c) 100%) !important;
  border: 1px solid var(--fs-ck-olive, #6f765c) !important;
  color: #fff !important;
  box-shadow: var(--fs-ck5-btn-shadow) !important;
  transform: none !important;
}

body #lgcookieslaw_banner #lgcookieslaw_accept:hover,
body #lgcookieslaw_banner .lgcookieslaw-accept:hover {
  box-shadow: var(--fs-ck5-btn-shadow-hover) !important;
  transform: none !important;
}

body #lgcookieslaw_banner #lgcookieslaw_reject_all {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(184, 149, 107, 0.22) !important;
  color: var(--fs-ck-ink-muted, #6f6864) !important;
  box-shadow: none !important;
}

body #lgcookieslaw_banner .lgcookieslaw-message p,
body #lgcookieslaw_banner .lgcookieslaw-message span,
body #lgcookieslaw_banner .lgcookieslaw-message div {
  color: var(--fs-ck-ink-soft, #4a4543) !important;
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
}

body #lgcookieslaw_banner a.lgcookieslaw-link-button {
  color: var(--fs-ck-ink-muted, #6f6864) !important;
  border-bottom-color: rgba(184, 149, 107, 0.35) !important;
}

body #lgcookieslaw_banner a.lgcookieslaw-link-button:hover {
  color: var(--fs-ck-olive, #6f765c) !important;
  border-bottom-color: var(--fs-ck-olive, #6f765c) !important;
}

/* Modale : ombres neutres sur CTA */
#lgcookieslaw_modal .lgcookieslaw-accept-all {
  box-shadow: var(--fs-ck5-btn-shadow) !important;
}

#lgcookieslaw_modal .lgcookieslaw-accept-all:hover {
  box-shadow: var(--fs-ck5-btn-shadow-hover) !important;
}

/* ——— Desktop : carte centrée + gouttière flottants droite ——— */
@media (min-width: 992px) {
  body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner {
    padding: 0 calc(var(--fs-ck5-float-gutter) + 16px) max(30px, env(safe-area-inset-bottom, 0px)) 16px !important;
    justify-content: center !important;
  }

  body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner > .container {
    width: min(var(--fs-ck5-card-max), calc(100vw - var(--fs-ck5-float-gutter) - 48px)) !important;
    max-width: var(--fs-ck5-card-max) !important;
  }
}

/* ——— Mobile ——— */
@media (max-width: 767px) {
  body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner {
    padding: 0 56px max(16px, env(safe-area-inset-bottom, 0px)) 10px !important;
  }

  body #footer_before_container > #lgcookieslaw_banner.lgcookieslaw-banner > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 14px 16px !important;
    border-radius: 16px !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body #lgcookieslaw_banner .lgcookieslaw-message,
  body #lgcookieslaw_banner .lgcookieslaw-message p {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body #lgcookieslaw_banner .lgcookieslaw-button-container {
    width: 100% !important;
    justify-content: stretch !important;
  }
}