/* Apparence du délai de livraison en front-office */
.delivery-information {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  font-weight: normal !important;
  color: #232323 !important;
}

/* Empêche Smartsupp de s'afficher tant que les cookies ne sont pas acceptés */
body:not(.cookies-accepted) #smartsupp-widget-container,
body:not(.cookies-accepted) [id^="smartsupp-widget"],
body:not(.cookies-accepted) iframe[src*="smartsuppchat"],
body:not(.cookies-accepted) iframe[src*="smartsupp"] {
  display: none !important;
}

/* Bouton flottant "Gérer mes cookies" – PC */
#mpc-cookie-floating {
  position: fixed !important;
  left: 20px !important;
  bottom: 5px !important;
  z-index: 999999 !important;
  background: #0056a6 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 15px !important;
  border-radius: 20px !important;
  transform: none !important;
}

/* Tablette / Surface */
@media (max-width: 1200px) {
  #mpc-cookie-floating {
    bottom: 160px !important;
  }
}

/* Smartphone (ancienne règle flottante neutralisée par la version mobile) */
@media (max-width: 767px) {
  #mpc-cookie-floating {
    bottom: 200px !important;
  }
}

/* Réduction de la largeur des 3 boutons du bandeau RGPD */
#mpc-cookie-banner button,
#mpc-cookie-modal button {
  padding: 6px 10px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

/* =============================== */
/*   BLOC RGPD CENTRÉ TEXTE + LIEN */
/* =============================== */

/* On neutralise les marges parasites */
#mpc-cookie-banner .cookie-text,
#mpc-cookie-banner .mpc-cookie-text,
#mpc-cookie-banner p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
}

/* Conteneur texte + lien */
#mpc-cookie-banner .mpc-cookie-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto 12px !important;
}

/* Texte principal — correction du débordement */
#mpc-cookie-banner .cookie-message {
  font-size: 15px !important;
  color: #232323 !important;
  white-space: normal !important;   /* 🔵 correction du débordement */
  word-break: break-word !important;
  margin-bottom: 6px !important;
  text-align: center !important;
  padding: 0 12px !important;       /* 🔵 évite que le texte touche les bords */
}

/* Lien Politique de confidentialité centré sous le texte */
#mpc-cookie-banner .mpc-cookie-privacy {
  text-align: center !important;
  width: auto !important;
  margin-top: 0 !important;
}

/* Style du lien */
#mpc-cookie-banner .mpc-cookie-privacy a {
  font-size: 13px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  color: #24b9d7 !important;
  text-decoration: underline !important;
}

/* Ajustement spécial pour 1024px */
@media (max-width: 1024px) {
  #mpc-cookie-banner .mpc-cookie-text {
    align-items: center !important;
  }

  #mpc-cookie-banner .mpc-cookie-privacy {
    margin-top: 4px !important;
  }
}

/******************************************
   📱 OPTIMISATION TABLETTE (≤ 992px)
******************************************/
@media (max-width: 992px) {

    #mpc-cookie-banner .mpc-cookie-inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
        text-align: center;
    }

    .mpc-cookie-text-group {
        flex: unset;
        width: 100%;
        margin-bottom: 4px;
    }

    .mpc-cookie-text-group .cookie-message {
        white-space: normal;
        line-height: 1.4;
        font-size: 15px;
    }

    .mpc-cookie-actions {
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }

    .mpc-btn {
        width: 100%;
        min-width: unset;
        max-width: 320px;
    }
}

/******************************************
   📱 MOBILE STRICT (≤ 768px)
******************************************/
@media (max-width: 768px) {

    /* Bandeau plus aéré */
    #mpc-cookie-banner {
        padding: 14px 12px;
    }

    /* Le conteneur prend toute la largeur */
    #mpc-cookie-banner .mpc-cookie-inner {
        width: 100%;
        max-width: 100% !important;
        padding: 0 12px !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 14px !important;
    }

    /* Texte lisible et non coupé */
    .mpc-cookie-text-group .cookie-message {
        font-size: 14px;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
        padding: 0 12px !important;
    }

    .mpc-cookie-text-group .cookie-privacy-link {
        font-size: 13px;
        text-align: center !important;
    }

    /* Boutons du bandeau en colonne */
    .mpc-cookie-actions {
        flex-direction: column !important;
        width: 100%;
        gap: 8px;
    }

    .mpc-btn {
        font-size: 14px;
        padding: 10px 14px;
        height: auto;
        width: 100%;
        max-width: 320px;
    }

    /* 🔵 Le bouton flottant devient un bouton intégré */
    #mpc-cookie-floating {
        position: relative !important;
        display: block !important;
        margin: 6px auto 0 auto !important;
        width: 100% !important;
        max-width: 320px !important;
        text-align: center !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 99999 !important;
    }

    /* 🔵 On réduit l'espace sous le bandeau */
    body {
        margin-bottom: 40px !important;
    }
}