/* =========================================================
   Doudou&Co — CSS FINAL PROPRE
   Version nettoyée et consolidée
   ========================================================= */

/* =========================================================
   VARIABLES
   ========================================================= */
:root {
  --dc-bg: #fcf4f6;
  --dc-bg-soft: #fff8f8;
  --dc-bg-block: #fffaf8;
  --dc-footer: #f3e3e3;
  --dc-border: #ecd9dd;

  --dc-brown: #7b5a50;
  --dc-brown-dark: #68493f;
  --dc-text: #6b5a54;
  --dc-text-soft: #8d7a73;

  --dc-pink: #efc9d2;
  --dc-pink-dark: #e2b2bd;
  --dc-pink-soft: #f8e5ea;

  --dc-shadow-soft: rgba(123, 90, 80, 0.06);
  --dc-shadow-medium: rgba(123, 90, 80, 0.10);
  --dc-shadow-strong: rgba(123, 90, 80, 0.16);

  --dc-white: #ffffff;
  --dc-radius: 18px;
  --dc-radius-soft: 14px;
  --dc-radius-pill: 999px;
}

/* =========================================================
   FOND GLOBAL
   ========================================================= */
html,
body {
  background: var(--dc-bg) !important;
}

body,
#page,
#wrapper,
.main-page-wrapper,
.layout-full-width,
#index,
#main,
#content,
#content-wrapper,
.page-home,
.page-index,
.page-content {
  background-color: var(--dc-bg) !important;
  background-image: none !important;
  color: var(--dc-text);
  font-family: "Nunito", "Segoe UI", sans-serif;
}

body::before,
body::after,
#page::before,
#page::after,
#wrapper::before,
#wrapper::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

body {
  background-image:
    radial-gradient(circle at 12% 18%, rgba(239, 201, 210, 0.18) 0, rgba(239, 201, 210, 0.18) 70px, transparent 71px),
    radial-gradient(circle at 88% 12%, rgba(248, 229, 234, 0.35) 0, rgba(248, 229, 234, 0.35) 95px, transparent 96px),
    radial-gradient(circle at 14% 88%, rgba(239, 201, 210, 0.12) 0, rgba(239, 201, 210, 0.12) 100px, transparent 101px) !important;
  background-attachment: fixed !important;
  font-family: "Nunito", sans-serif !important;
}

#wrapper,
#main,
#content-wrapper,
.page-content,
.breadcrumb {
  background: var(--dc-bg) !important;
}

#main,
#wrapper {
  padding-bottom: 20px;
}

/* =========================================================
   TYPOGRAPHIE
   ========================================================= */
body,
p,
.category-description,
.block-category .block-category-inner p,
li,
span,
div,
input,
textarea,
select,
button {
  font-family: "Nunito", "Segoe UI", sans-serif;
  color: var(--dc-text);
}

h1,
h2,
h3,
h4,
.page-title,
#main h1,
.page-cms h1,
.cms-id h1 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: var(--dc-brown-dark) !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  text-wrap: balance;
}

h1,
.page-title,
#main h1,
.page-cms h1,
.cms-id h1 {
  font-size: 2.2rem !important;
  line-height: 1.15;
}

h2 {
  font-size: 1.75rem !important;
  line-height: 1.2;
}

h3 {
  font-size: 1.35rem !important;
  line-height: 1.25;
}

p,
.category-description,
.block-category .block-category-inner p {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--dc-text);
}

.page-content h2,
.page-content h3 {
  margin-top: 18px;
}

/* =========================================================
   LIENS
   ========================================================= */
a,
.text-primary,
.btn-link {
  color: var(--dc-brown) !important;
  transition: color 0.2s ease, opacity 0.2s ease;
  text-decoration: none;
}

a:hover,
.text-primary:hover,
.btn-link:hover {
  color: var(--dc-pink-dark) !important;
  text-decoration: none;
}

/* =========================================================
   HEADER
   ========================================================= */
#header,
.header-top,
.header-nav {
  background: rgba(255, 250, 248, 0.96) !important;
}

#header {
  border-bottom: 1px solid var(--dc-border) !important;
  box-shadow: 0 2px 12px var(--dc-shadow-soft);
  position: relative;
  z-index: 10;
}

#header .header-top a,
#header .header-nav a,
#header .top-menu a,
#header .top-menu .category,
#header .menu,
#header .menu a,
#header .user-info a,
#header .account a,
#header .header-top .material-icons,
#header .header-nav .material-icons,
#header i {
  color: var(--dc-brown) !important;
  font-weight: 500;
}

#header a:hover,
#header .header-top a:hover,
#header .header-nav a:hover,
#header .top-menu a:hover,
#header .user-info a:hover,
#header .account a:hover {
  color: var(--dc-pink-dark) !important;
}

#header .logo {
  max-height: 72px;
}

#header .top-menu > li > a,
#header .header-top a,
#header .header-nav a {
  position: relative;
}

#header .top-menu > li > a::after,
#header .header-top a::after,
#header .header-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--dc-pink), var(--dc-pink-dark));
  border-radius: 999px;
  transform: translateX(-50%);
  transition: width 0.25s ease;
}

#header .top-menu > li > a:hover::after,
#header .header-top a:hover::after,
#header .header-nav a:hover::after {
  width: 30px;
}

/* =========================================================
   PANIER / COMPTE
   ========================================================= */
#_desktop_cart .header,
#_desktop_cart a,
.blockcart a,
.blockcart .header,
#_desktop_user_info a {
  color: var(--dc-brown) !important;
}

.blockcart .cart-products-count,
#_desktop_cart .cart-products-count {
  background: var(--dc-pink) !important;
  color: var(--dc-brown-dark) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  min-width: 22px;
  min-height: 22px;
  line-height: 22px;
  box-shadow: 0 4px 10px rgba(239, 201, 210, 0.35);
}

/* =========================================================
   RECHERCHE
   ========================================================= */
#search_widget input[type="text"],
#search_widget input[type="search"],
#search_widget form input,
.search-widget input {
  border: 1px solid var(--dc-border) !important;
  border-radius: 16px !important;
  background: #fffdfc !important;
  color: var(--dc-text) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

#search_widget input::placeholder,
.search-widget input::placeholder {
  color: #ab9992 !important;
}

#search_widget input[type="text"]:focus,
#search_widget input[type="search"]:focus,
#search_widget form input:focus,
.search-widget input:focus {
  border-color: var(--dc-pink-dark) !important;
  box-shadow: 0 0 0 4px rgba(239, 201, 210, 0.25) !important;
  background: var(--dc-white) !important;
  transform: translateY(-1px);
  outline: none !important;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */
#main > .container,
#wrapper > .container,
#content-wrapper > .container,
#main .page-content,
#main .page-header,
#main .card,
#main .block-category,
#inner-wrapper,
#content,
#content-wrapper,
.page-content-top {
  background: transparent !important;
}

.breadcrumb,
#wrapper .breadcrumb,
#main .breadcrumb,
nav.breadcrumb,
.breadcrumb-wrapper,
.breadcrumb-container {
  background: #fdf5f7 !important;
  border: 1px solid #ecd9dd !important;
  border-radius: 16px !important;
}

.breadcrumb a,
.breadcrumb li,
.breadcrumb span {
  color: var(--dc-text) !important;
}

.breadcrumb__wrapper {
  background: var(--dc-bg) !important;
  margin-bottom: 1.2rem !important;
  border-top: 1px solid #eedce0;
  border-bottom: 1px solid #eedce0;
}

.breadcrumb__wrapper > .container,
.breadcrumb__wrapper .breadcrumb,
.breadcrumb__wrapper nav,
.breadcrumb__wrapper ol,
.breadcrumb__wrapper ul,
#wrapper .breadcrumb ol,
#wrapper .breadcrumb ul,
#wrapper .breadcrumb nav {
  background: transparent !important;
}

.breadcrumb__wrapper .breadcrumb {
  padding: 10px 16px !important;
}

/* =========================================================
   BLOCS / CARTES / PRODUITS
   ========================================================= */
.card,
.thumbnail-container,
.products .product-miniature,
.featured-products .product-miniature,
.product-miniature,
.subcategory-image,
.block-categories,
#search_filters,
#left-column .block-categories,
.page-cms #content-wrapper,
.page-content {
  border-radius: var(--dc-radius) !important;
  border: 1px solid var(--dc-border) !important;
  background: var(--dc-bg-block) !important;
  box-shadow: 0 8px 24px var(--dc-shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card:hover,
.thumbnail-container:hover,
.products .product-miniature:hover,
.featured-products .product-miniature:hover,
.product-miniature:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px var(--dc-shadow-medium);
  border-color: #e8c8d0 !important;
}

.product-cover img,
.thumbnail img,
.subcategory-image img {
  border-radius: 14px;
  transition: transform 0.35s ease, opacity 0.25s ease, box-shadow 0.35s ease;
}

.product-cover img:hover,
.thumbnail img:hover,
.subcategory-image img:hover {
  transform: scale(1.02);
}

/* =========================================================
   CATÉGORIE PRINCIPALE
   ========================================================= */
.block-category,
.category-cover,
.block-category .category-cover,
.block-category .block-category-inner,
.category-description {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.category-cover img,
.block-category .category-cover img,
#category-description img,
.category-description img {
  display: block;
  margin: 20px auto 0;
  max-width: 220px;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(123, 90, 80, 0.08);
}

/* =========================================================
   SIDEBAR / FILTRES
   ========================================================= */
.block-categories .category-sub-menu li a,
.block-categories a,
#search_filters a {
  color: var(--dc-text) !important;
}

.block-categories .category-sub-menu li a:hover,
.block-categories a:hover,
#search_filters a:hover {
  color: var(--dc-brown-dark) !important;
}

/* =========================================================
   BOUTONS
   ========================================================= */
.btn,
button,
input[type="submit"],
input[type="button"],
.btn-primary,
.btn-secondary,
.btn-default,
.btn-outline-primary,
a.btn,
a.btn-primary {
  border-radius: var(--dc-radius-pill) !important;
  font-weight: 600 !important;
  padding: 11px 24px !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
button.btn-primary,
input[type="submit"].btn-primary,
a.btn-primary,
#main .btn-primary,
body#category #main .btn,
body#category #main a.btn,
body#category #main .btn-primary,
body#category #main a.btn-primary,
body#category .page-content .btn,
body#category .page-content a.btn {
  background: linear-gradient(135deg, var(--dc-pink), var(--dc-pink-dark)) !important;
  border: 1px solid var(--dc-pink) !important;
  color: var(--dc-brown-dark) !important;
  box-shadow: 0 8px 20px rgba(239, 201, 210, 0.35) !important;
  text-decoration: none !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
a.btn-primary:hover,
#main .btn-primary:hover,
body#category #main .btn:hover,
body#category #main a.btn:hover,
body#category #main .btn-primary:hover,
body#category #main a.btn-primary:hover,
body#category .page-content .btn:hover,
body#category .page-content a.btn:hover {
  transform: translateY(-2px) scale(1.01) !important;
  background: linear-gradient(135deg, var(--dc-pink-dark), #dba4b0) !important;
  border-color: var(--dc-pink-dark) !important;
  color: var(--dc-white) !important;
  box-shadow: 0 14px 28px rgba(239, 201, 210, 0.45) !important;
}

.btn-primary:active,
button.btn-primary:active,
input[type="submit"].btn-primary:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 6px 12px rgba(239, 201, 210, 0.28) !important;
}

.btn-secondary,
.btn-default {
  background: var(--dc-bg-block) !important;
  border: 1px solid var(--dc-border) !important;
  color: var(--dc-text) !important;
}

.btn-secondary:hover,
.btn-default:hover {
  background: var(--dc-pink-soft) !important;
  border-color: #ebc9d1 !important;
  color: var(--dc-brown-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px var(--dc-shadow-soft);
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color: var(--dc-pink-dark) !important;
  color: var(--dc-brown-dark) !important;
  background: transparent !important;
}

.btn-outline-primary:hover {
  background: var(--dc-pink-soft) !important;
}

#content .no-account a,
.page-authentication .login__register-prompt a.btn {
  color: var(--dc-brown-dark) !important;
  border: 1px solid var(--dc-pink-dark) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

#content .no-account a:hover,
.page-authentication .login__register-prompt a.btn:hover {
  background: var(--dc-pink-soft) !important;
  color: var(--dc-brown-dark) !important;
}

/* =========================================================
   NEWSLETTER
   ========================================================= */
.block_newsletter,
.block_newsletter .container,
.block_newsletter .row,
.block_newsletter .col-md-7,
.block_newsletter .col-md-5,
.block_newsletter .col-xs-12,
.block_newsletter .block_content,
.block_newsletter .newsletter-form {
  background: transparent !important;
  color: var(--dc-text) !important;
}

.block_newsletter {
  background: #f8eef1 !important;
  border-top: 1px solid #e6d2d8 !important;
  border-bottom: 1px solid #e6d2d8 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  margin-top: 40px !important;
  margin-bottom: 0 !important;
  padding: 34px 0 !important;
  box-shadow: none !important;
}

.block_newsletter .row {
  align-items: center;
}

.block_newsletter p,
.block_newsletter .title,
.block_newsletter h3,
.block_newsletter h4 {
  color: #6f564d !important;
}

.block_newsletter h3,
.block_newsletter h4,
.block_newsletter .title {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 1.9rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.block_newsletter form {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.block_newsletter input[type="email"],
.block_newsletter input[type="text"],
.block_newsletter .input-wrapper input {
  background: #fffafc !important;
  border: 2px solid #dfc2ca !important;
  border-radius: 14px !important;
  color: #6b5a54 !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
  box-shadow: none !important;
}

.block_newsletter input::placeholder {
  color: #b39b9f !important;
}

.block_newsletter input[type="email"]:focus,
.block_newsletter input[type="text"]:focus,
.block_newsletter .input-wrapper input:focus {
  border-color: #dbaeb8 !important;
  box-shadow: 0 0 0 4px rgba(239, 201, 210, 0.22) !important;
  outline: none !important;
}

.block_newsletter .btn-primary,
.block_newsletter button,
.block_newsletter input[type="submit"] {
  background: linear-gradient(135deg, #efc9d2, #e2b2bd) !important;
  border: 1px solid #e2b2bd !important;
  color: #68493f !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  padding: 12px 28px !important;
  box-shadow: 0 8px 20px rgba(239, 201, 210, 0.30) !important;
}

.block_newsletter .btn-primary:hover,
.block_newsletter button:hover,
.block_newsletter input[type="submit"]:hover {
  background: linear-gradient(135deg, #e2b2bd, #d79eaa) !important;
  color: #fff !important;
}

.block_newsletter .input-wrapper,
.block_newsletter .form-group {
  background: transparent !important;
  border: 0 !important;
}

/* =========================================================
   FOOTER
   ========================================================= */
#footer,
footer#footer,
#footer .footer-container,
#footer .container,
#footer .row,
#footer .links,
#footer .text-sm-center,
#footer .footer-after,
#footer .footer-before,
#footer .footer-top,
#footer .footer-bottom,
#footer .footer__main,
#footer .footer__bottom,
#footer .footer__top,
#footer .footer__main .container,
#footer .footer__bottom .container,
.footer-container,
.footer-after,
.footer-before,
footer#footer .footer__before,
footer#footer .footer__before .email-subscription,
footer#footer .footer__before .email-subscription .container,
footer#footer .footer__before .email-subscription .row,
footer#footer .footer__before .email-subscription [class*="col-"] {
  background: var(--dc-footer) !important;
  background-image: none !important;
  color: var(--dc-text) !important;
  border-color: var(--dc-border) !important;
}

footer#footer .footer__main,
footer#footer .container,
footer#footer .row,
footer#footer .col,
footer#footer [class*="col-"] {
  background: transparent !important;
}

footer#footer * {
  background-image: none !important;
}

footer#footer {
  background-color: var(--dc-footer) !important;
  border-top: 1px solid #e9d6db !important;
  box-shadow: inset 0 12px 30px rgba(123, 90, 80, 0.04);
  position: relative;
}

footer#footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #dec4cb, transparent);
  position: absolute;
  top: 0;
  left: 0;
}

#footer h3,
#footer h4,
#footer .h3,
#footer .h4,
#footer .block-title,
#footer .title,
footer#footer h3,
footer#footer h4,
footer#footer .block-title,
footer#footer .footer__before h3,
footer#footer .footer__before h4,
footer#footer .footer__before .title {
  color: var(--dc-brown-dark) !important;
  letter-spacing: 0.2px;
  margin-bottom: 14px;
  font-family: "Cormorant Garamond", serif !important;
}

footer#footer .footer__before h3,
footer#footer .footer__before h4,
footer#footer .footer__before .title {
  font-size: 1.85rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

#footer a,
#footer p,
#footer li,
#footer span,
#footer div,
#footer strong,
#footer small,
footer#footer a,
footer#footer p,
footer#footer li,
footer#footer span,
footer#footer div,
footer#footer strong,
footer#footer small,
footer#footer .footer__before p,
footer#footer .footer__before span {
  color: var(--dc-text) !important;
}

#footer a,
footer#footer a {
  display: inline-block;
  transition: color 0.2s ease, transform 0.2s ease;
}

#footer a:hover,
footer#footer a:hover {
  color: var(--dc-pink-dark) !important;
  transform: translateX(2px);
}

#footer ul,
footer#footer ul {
  padding-left: 0;
  list-style: none;
}

#footer ul li,
footer#footer ul li {
  margin-bottom: 10px;
}

#footer input[type="email"],
#footer input[type="text"],
footer#footer .footer__before input[type="email"],
footer#footer .footer__before input[type="text"],
footer#footer .footer__before .form-control {
  background: #fffafc !important;
  border: 2px solid #dfc2ca !important;
  border-radius: 14px !important;
  color: #6b5a54 !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
  box-shadow: none !important;
}

footer#footer .footer__before input::placeholder {
  color: #b39b9f !important;
}

footer#footer .footer__before input[type="email"]:focus,
footer#footer .footer__before input[type="text"]:focus,
footer#footer .footer__before .form-control:focus {
  border-color: #dbaeb8 !important;
  box-shadow: 0 0 0 4px rgba(239, 201, 210, 0.22) !important;
  outline: none !important;
}

#footer .btn-primary,
#footer button,
#footer input[type="submit"],
footer#footer .footer__before .btn,
footer#footer .footer__before .btn-primary,
footer#footer .footer__before button,
footer#footer .footer__before input[type="submit"] {
  background: linear-gradient(135deg, #efc9d2, #e2b2bd) !important;
  border: 1px solid #e2b2bd !important;
  color: #68493f !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  padding: 12px 28px !important;
  box-shadow: 0 8px 20px rgba(239, 201, 210, 0.30) !important;
}

footer#footer .footer__before .email-subscription {
  border-top: 1px solid #e5d1d7 !important;
  border-bottom: 1px solid #e5d1d7 !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* =========================================================
   ÉLÉMENTS SOMBRES GÉNÉRIQUES
   ========================================================= */
.bg-dark,
.text-bg-dark,
.footer-black,
.dark-background,
.dark-bg {
  background: var(--dc-footer) !important;
  color: var(--dc-text) !important;
}

/* =========================================================
   SOUS-CATÉGORIES
   ========================================================= */
#subcategories .subcategory_wrapper,
body#category #subcategories .subcategory_wrapper {
  margin-bottom: 16px !important;
  display: flex !important;
}

#subcategories a.subcategory,
body#category #subcategories a.subcategory {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 108px !important;
  padding: 14px 16px !important;
  border: 1px solid #e9d3d8 !important;
  border-radius: 16px !important;
  background: var(--dc-bg-soft) !important;
  box-shadow: 0 6px 18px var(--dc-shadow-soft) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#subcategories a.subcategory:hover,
body#category #subcategories a.subcategory:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px var(--dc-shadow-medium) !important;
  background: #fff0f3 !important;
  border-color: #e2b8c2 !important;
}

#subcategories .subcategory__image,
body#category #subcategories .subcategory__image {
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  flex: 0 0 84px !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #f6e6ea !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#subcategories .subcategory__image img,
#subcategories .subcategory__image img.img-fluid,
body#category #subcategories .subcategory__image img,
body#category #subcategories .subcategory__image img.img-fluid {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 14px !important;
  transition: transform 0.35s ease !important;
}

#subcategories a.subcategory:hover .subcategory__image img,
body#category #subcategories a.subcategory:hover .subcategory__image img {
  transform: scale(1.06);
}

#subcategories .subcategory__name,
body#category #subcategories .subcategory__name {
  margin: 0 !important;
  color: var(--dc-brown-dark) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-family: "Nunito", sans-serif !important;
}

/* =========================================================
   AUTH / FORMULAIRES
   ========================================================= */
.page-authentication #content-wrapper,
.page-password #content-wrapper,
.page-order-follow #content-wrapper,
.page-contact #content-wrapper,
.page-customer-account #content-wrapper,
.page-authentication .login__form-wrapper,
.page-authentication .register-form,
.page-password .password-forgotten,
.page-contact .contact-form {
  background: transparent !important;
}

body.page-authentication section#content.page-content.page-general,
body.page-password section#content.page-content.page-general,
body.page-order-follow section#content.page-content.page-general,
body.page-contact section#content.page-content.page-general {
  background: var(--dc-bg-block) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: 28px !important;
  box-shadow: 0 8px 24px var(--dc-shadow-soft) !important;
  padding: 34px !important;
  box-sizing: border-box !important;
}

body.page-authentication h1,
body.page-password h1,
body.page-order-follow h1,
body.page-contact h1,
body.page-customer-account h1 {
  margin: 0 0 24px !important;
  padding: 0 !important;
}

.page-authentication #login-form,
.page-authentication .register-form form,
.page-password .password-forgotten form,
.page-order-follow form,
.page-contact form,
.page-contact .contact-form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.page-authentication #login-form .mb-3,
.page-authentication #login-form .form-group,
.page-authentication .register-form .form-group,
.page-password .form-group,
.page-order-follow .form-group,
.page-contact .form-group {
  margin-bottom: 18px !important;
}

.page-authentication #login-form label,
.page-authentication .register-form label,
.page-password label,
.page-order-follow label,
.page-contact label {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--dc-brown-dark) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.page-authentication #login-form input[type="text"],
.page-authentication #login-form input[type="email"],
.page-authentication #login-form input[type="password"],
.page-authentication .register-form input[type="text"],
.page-authentication .register-form input[type="email"],
.page-authentication .register-form input[type="password"],
.page-password input[type="text"],
.page-password input[type="email"],
.page-order-follow input[type="text"],
.page-order-follow input[type="email"],
.page-contact input[type="text"],
.page-contact input[type="email"],
.page-contact textarea,
.page-contact select {
  width: 100% !important;
  min-height: 54px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: 16px !important;
  background: #fffdfc !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02) !important;
}

.page-authentication #login-form input:focus,
.page-authentication .register-form input:focus,
.page-password input:focus,
.page-order-follow input:focus,
.page-contact input:focus,
.page-contact textarea:focus,
.page-contact select:focus {
  border-color: var(--dc-pink-dark) !important;
  box-shadow: 0 0 0 4px rgba(239, 201, 210, 0.25) !important;
  outline: none !important;
}

.page-contact textarea {
  min-height: 140px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.page-authentication #login-form .input-group,
.page-authentication .register-form .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
}

.page-authentication #login-form .input-group input,
.page-authentication .register-form .input-group input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.page-authentication #login-form .input-group .btn,
.page-authentication .register-form .input-group .btn,
.page-authentication #login-form .input-group button,
.page-authentication .register-form .input-group button {
  flex: 0 0 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-authentication #login-form .btn-primary,
.page-authentication .register-form .btn-primary,
.page-password .btn-primary,
.page-order-follow .btn-primary,
.page-contact .btn-primary {
  width: 100% !important;
  margin-top: 6px !important;
}

.page-authentication .forgot-password,
.page-authentication .login__forgot-password {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
  line-height: 1.3 !important;
}

.page-authentication .login hr {
  margin: 16px 0 !important;
}

.page-authentication .login__register-prompt {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.page-authentication .login__register-prompt h2,
.page-authentication .login__register-prompt .h4,
.page-authentication .login__register-prompt h2.mb-3 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}

.page-authentication .login__register-prompt .d-grid {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.page-authentication .login__register-prompt .btn,
.page-authentication .login__register-prompt a.btn {
  width: 100% !important;
  margin: 0 !important;
}

body.page-authentication p.register-form__login-prompt {
  margin: 16px 0 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}

#guestOrderTrackingForm header {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

#guestOrderTrackingForm header p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   CMS
   ========================================================= */
.page-cms #content-wrapper,
.page-cms .page-content,
.page-cms #main .page-content,
.page-cms .card,
.page-cms .block-category {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.page-cms .page-content,
.page-cms #main .page-content,
.page-cms .rte,
.page-cms .cms-content {
  padding: 0 !important;
  margin: 0 !important;
  color: var(--dc-text) !important;
}

.page-cms h1,
.page-cms h2,
.page-cms h3 {
  color: var(--dc-brown-dark) !important;
  margin-top: 0 !important;
}

.page-cms p,
.page-cms li,
.page-cms span,
.page-cms div {
  color: var(--dc-text) !important;
}

.page-cms main,
.page-cms #main,
.page-cms #content,
.page-cms #content-wrapper > .container,
.page-cms .container {
  background: transparent !important;
}

.page-cms #wrapper .container,
.page-cms #content-wrapper .container,
.page-cms main .container {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* =========================================================
   MINI FIXS
   ========================================================= */
input,
select,
textarea,
button {
  font-family: inherit;
}

.category-sub-menu .subcategory-name,
.block-categories a {
  font-weight: 500;
}

.subcategory-image,
.category-sub-menu img {
  border-radius: 12px;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 768px) {
  h1,
  .page-title,
  #main h1 {
    font-size: 1.85rem !important;
  }

  h2 {
    font-size: 1.5rem !important;
  }

  h3 {
    font-size: 1.2rem !important;
  }

  p,
  .category-description,
  .block-category .block-category-inner p {
    font-size: 0.96rem;
    line-height: 1.65;
  }

  .btn,
  button,
  input[type="submit"],
  input[type="button"] {
    font-size: 0.95rem;
    min-height: 46px;
  }

  #header .logo {
    max-height: 58px;
  }

  #header .top-menu > li > a::after,
  #header .header-top a::after,
  #header .header-nav a::after {
    display: none;
  }

  .card,
  .thumbnail-container,
  .products .product-miniature,
  .featured-products .product-miniature,
  .product-miniature {
    box-shadow: 0 6px 16px var(--dc-shadow-soft);
  }

  #subcategories a.subcategory,
  body#category #subcategories a.subcategory {
    min-height: 96px !important;
    padding: 12px 14px !important;
  }

  #subcategories .subcategory__image,
  body#category #subcategories .subcategory__image {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    flex: 0 0 72px !important;
  }

  body.page-authentication section#content.page-content.page-general,
  body.page-password section#content.page-content.page-general,
  body.page-order-follow section#content.page-content.page-general,
  body.page-contact section#content.page-content.page-general {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .page-authentication #login-form input[type="text"],
  .page-authentication #login-form input[type="email"],
  .page-authentication #login-form input[type="password"],
  .page-authentication .register-form input[type="text"],
  .page-authentication .register-form input[type="email"],
  .page-authentication .register-form input[type="password"],
  .page-password input[type="text"],
  .page-password input[type="email"],
  .page-order-follow input[type="text"],
  .page-order-follow input[type="email"],
  .page-contact input[type="text"],
  .page-contact input[type="email"],
  .page-contact textarea,
  .page-contact select {
    min-height: 50px !important;
  }

  .page-authentication #login-form .input-group .btn,
  .page-authentication .register-form .input-group .btn,
  .page-authentication #login-form .input-group button,
  .page-authentication .register-form .input-group button {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
  }

  footer#footer .footer__before .email-subscription {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  footer#footer .footer__before input[type="email"],
  footer#footer .footer__before input[type="text"],
  footer#footer .footer__before .form-control,
  footer#footer .footer__before .btn,
  footer#footer .footer__before .btn-primary,
  footer#footer .footer__before button,
  footer#footer .footer__before input[type="submit"] {
    min-height: 48px !important;
  }
}
/* ===== SUPPRESSION FILET + ESPACE INTERNE PROPRE ===== */

/* blocs formulaires principaux */
#content section,
.page-content,
.page-content.page-general,
.box,
.form-fields,
#guestOrderTrackingForm,
.register-form,
.login__form-wrapper form {
  border: none !important;
  box-shadow: 0 8px 24px rgba(123, 90, 80, 0.08) !important;
  padding: 28px 32px !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
}
/* Ne pas casser les cartes produits */
.product-miniature .card,
.product-miniature .thumbnail-container {
  padding: 0 !important;
}

/* ===== ESPACE TEXTE HAUT (important) ===== */

#content section > p:first-child,
#guestOrderTrackingForm > header,
#guestOrderTrackingForm > header p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== LABELS / TEXTES ===== */

.form-group,
.form-fields p,
.form-fields label {
  padding-left: 4px !important;
}

/* ===== INPUTS ALIGNEMENT ===== */

.form-control,
input,
textarea {
  margin-top: 6px !important;
}

/* ===== BOUTON CENTRÉ PROPRE ===== */

#guestOrderTrackingForm footer,
.form-footer {
  margin-top: 18px !important;
}
/* ===== LABELS PLUS DOUX ===== */

.form-group label,
.form-fields label,
#guestOrderTrackingForm label {
  color: #7b5a50 !important; /* brun doux */
  font-weight: 500 !important;
}

/* option encore plus doux (si tu veux tester) */
/*
.form-group label,
.form-fields label,
#guestOrderTrackingForm label {
  color: #8d7a73 !important;
}
*/
/* =========================================================
   Doudou&Co — OVERRIDE TOTAL ALERTES / BADGES
   ========================================================= */

/* ===== RESET TOTAL (on nettoie tout) ===== */
.alert,
.alert-info,
.alert-warning,
.alert-success,
.product-availability,
.product-quantities,
#product-availability {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ===== BANDEAU PANIER (vert/bleu moche) ===== */
.alert-info,
.alert-success,
.cart-grid .alert,
#main .alert {
  background: #eef6f3 !important;
  border: 1px solid #d9e9e2 !important;
  color: var(--dc-brown-dark) !important;
  border-radius: 16px !important;
}

/* ===== STOCK (on vire COMPLETEMENT le jaune derrière) ===== */
.product-availability,
#product-availability,
.alert-warning {
  background: #f3ebe2 !important; /* beige doux (plus cohérent que jaune) */
  border: 1px solid #e4d2bb !important;
  color: var(--dc-brown-dark) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

/* supprime le fond interne parasite */
.product-availability *,
#product-availability *,
.alert-warning * {
  background: transparent !important;
  color: var(--dc-brown-dark) !important;
}

/* ===== BADGES PRODUIT ===== */
.product-flag,
.product-flags li,
.product-flag.new,
.product-flag.online-only {
  background: var(--dc-pink-soft) !important;
  border: 1px solid #e8c8d0 !important;
  color: var(--dc-brown-dark) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* ===== MODAL / POPUP ===== */
.modal .alert,
.quickview .alert,
#blockcart-modal .alert {
  background: #eef6f3 !important;
  border: 1px solid #d9e9e2 !important;
  color: var(--dc-brown-dark) !important;
}

/* ===== FORCE SUPPRESSION COULEURS BOOTSTRAP ===== */
.bg-warning,
.bg-info,
.bg-success {
  background: transparent !important;
}

.text-warning,
.text-info,
.text-success {
  color: var(--dc-brown-dark) !important;
}
/* Popup produit : texte "Derniers articles en stock" plus doux */
.modal .product-availability,
.modal #product-availability,
.quickview .product-availability,
.quickview #product-availability,
#blockcart-modal .product-availability,
#blockcart-modal #product-availability {
  color: #8d7a73 !important;
}

.modal .product-availability *,
.modal #product-availability *,
.quickview .product-availability *,
.quickview #product-availability *,
#blockcart-modal .product-availability *,
#blockcart-modal #product-availability * {
  color: #8d7a73 !important;
}
/* Transformer "Retirer" en bouton */
a[data-link-action="delete-from-cart"] {
  display: inline-block !important;
  padding: 6px 14px !important;
  margin-top: 8px;
  border-radius: 20px !important;

  background-color: #f3d6d9 !important;
  color: #7b5a50 !important;

  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;

  border: 1px solid #e5bfc4 !important;
  transition: all 0.2s ease;
}

/* Hover */
a[data-link-action="delete-from-cart"]:hover {
  background-color: #e8bfc5 !important;
  color: #5f463f !important;
}
a[data-link-action="delete-from-cart"] {
  text-decoration: none !important;
}

a[data-link-action="delete-from-cart"]::after,
a[data-link-action="delete-from-cart"]::before {
  display: none !important;
}
/* Bouton Continuer mes achats */
.cart-summary a.btn-secondary,
.cart-summary .continue-shopping a,
.cart-detailed-actions a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;

  background-color: #f3d6d9;
  color: #7b5a50;

  border: 1px solid #e5bfc4;
  text-decoration: none;
  font-weight: 500;

  transition: all 0.2s ease;
}

/* Hover */
.cart-summary a.btn-secondary:hover,
.cart-summary .continue-shopping a:hover,
.cart-detailed-actions a:hover {
  background-color: #e8bfc5;
  color: #5f463f;
}
/* Bandeau panier vide / produit retiré */
body#cart .alert-success,
body#cart .cart-grid .alert-success,
body#cart .cart-grid .alert,
body#cart .notifications .alert-success {
  background: #f6e6e8 !important;
  border: 1px solid #e8cfd3 !important;
  border-radius: 16px !important;
  color: #7b5a50 !important;
}

/* Texte du message */
body#cart .alert-success,
body#cart .alert-success span,
body#cart .alert-success p,
body#cart .alert-success strong,
body#cart .alert-success div,
body#cart .cart-grid .alert-success *,
body#cart .notifications .alert-success * {
  color: #7b5a50 !important;
}

/* Icône check + croix */
body#cart .alert-success i,
body#cart .alert-success svg,
body#cart .alert-success .material-icons,
body#cart .alert-success .close {
  color: #7b5a50 !important;
  opacity: 1 !important;
}
/* =========================================================
   Doudou&Co — CHECKOUT / COMMANDE FINAL
   Harmonisation totale du tunnel de commande
   ========================================================= */

/* ===== ÉTAPES DU CHECKOUT ===== */
.checkout-step.-current .step-number,
.checkout-step.-reachable .step-number,
.checkout-step.-complete .step-number,
#checkout .step-number {
  background: var(--dc-pink) !important;
  border: 1px solid var(--dc-pink-dark) !important;
  color: var(--dc-brown-dark) !important;
  box-shadow: none !important;
}

.checkout-step.-current .step-title,
.checkout-step.-reachable .step-title,
.checkout-step.-complete .step-title,
#checkout .step-title,
#checkout .content h1,
#checkout .content h2,
#checkout .content h3 {
  color: var(--dc-brown-dark) !important;
}

.checkout-step.-current .step-number.-done,
.checkout-step.-complete .step-number.-done,
.checkout-step.-complete .step-number {
  background: var(--dc-pink-soft) !important;
  border-color: #e8c8d0 !important;
  color: var(--dc-brown-dark) !important;
}

.checkout-step.-unreachable .step-number,
.checkout-step.-unreachable .step-title {
  background: #f3ecec !important;
  color: #a8958d !important;
  border-color: #e6d9da !important;
}

/* ligne entre étapes */
.checkout-step .step-line,
.checkout-step::before,
.checkout-step::after,
#checkout .checkout-step .content::before {
  border-color: #e8d9dd !important;
  background: #e8d9dd !important;
}

/* ===== ONGLETS invité / connexion ===== */
.nav-inline .nav-item .nav-link,
.nav-tabs .nav-link,
.checkout-step .nav-link,
#checkout-personal-information-step .nav-link {
  background: transparent !important;
  color: var(--dc-brown-dark) !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.nav-inline .nav-item .nav-link.active,
.nav-tabs .nav-link.active,
.checkout-step .nav-link.active,
#checkout-personal-information-step .nav-link.active {
  background: var(--dc-pink-soft) !important;
  color: var(--dc-brown-dark) !important;
  border: 1px solid #e8c8d0 !important;
  box-shadow: none !important;
}

/* ===== CHAMPS VALIDÉS / ERREURS ===== */
.form-control.is-valid,
.was-validated .form-control:valid,
input.is-valid,
select.is-valid,
textarea.is-valid {
  border-color: var(--dc-border) !important;
  box-shadow: none !important;
  background-image: none !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
  border-color: #e6b8be !important;
  box-shadow: 0 0 0 3px rgba(230, 184, 190, 0.18) !important;
  background-image: none !important;
}

/* textes erreur / validation */
.invalid-feedback,
.form-control-comment,
.help-block,
.text-danger,
.text-success,
.form-ok,
.form-error {
  color: var(--dc-text) !important;
}

/* si tu veux garder l’erreur visible mais douce */
.invalid-feedback,
.text-danger {
  color: #b46c78 !important;
}

/* ===== CHECKBOX / RADIO ===== */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #dbaeb8;
}

/* fallback pour composants custom Presta */
.custom-checkbox input[type="checkbox"] + span,
.custom-radio input[type="radio"] + span,
.checkbox input[type="checkbox"] + span,
.radio input[type="radio"] + span {
  border-color: #d9c5ca !important;
  box-shadow: none !important;
  background: #fffafc !important;
}

.custom-checkbox input[type="checkbox"]:checked + span,
.custom-radio input[type="radio"]:checked + span,
.checkbox input[type="checkbox"]:checked + span,
.radio input[type="radio"]:checked + span {
  background: var(--dc-pink) !important;
  border-color: var(--dc-pink-dark) !important;
}

/* ===== LIGNE MODE DE LIVRAISON ===== */
.delivery-option,
#delivery-addresses .address-item,
#checkout-delivery-step .delivery-option,
#checkout-delivery-step .carrier,
#checkout-delivery-step .highlighted-informations,
#checkout-delivery-step .delivery-options-list .row {
  background: var(--dc-bg-block) !important;
  border-color: #ead9dd !important;
  color: var(--dc-brown-dark) !important;
  box-shadow: none !important;
}

/* option sélectionnée */
.delivery-option.selected,
#checkout-delivery-step .delivery-option.selected,
#checkout-delivery-step .carrier.selected {
  background: var(--dc-pink-soft) !important;
  border-color: #e8c8d0 !important;
}

/* ===== RÉCAPITULATIF À DROITE ===== */
.cart-summary,
.block-promo,
#cart-summary-product-list,
#js-checkout-summary,
.checkout-summary,
.order-confirmation-table,
.order-confirmation-table table,
.order-confirmation-table .card {
  background: var(--dc-bg-block) !important;
  border: 1px solid var(--dc-border) !important;
  box-shadow: 0 8px 24px var(--dc-shadow-soft) !important;
  border-radius: 24px !important;
}

/* ===== BOUTONS CHECKOUT ===== */
#payment-confirmation button,
#checkout .btn-primary,
#checkout .continue,
#checkout button[name="confirmDeliveryOption"],
#checkout button.continue,
#checkout button[type="submit"] {
  background: linear-gradient(135deg, var(--dc-pink), var(--dc-pink-dark)) !important;
  border: 1px solid var(--dc-pink) !important;
  color: var(--dc-brown-dark) !important;
  box-shadow: 0 8px 20px rgba(239, 201, 210, 0.30) !important;
}

#payment-confirmation button:hover,
#checkout .btn-primary:hover,
#checkout .continue:hover,
#checkout button[name="confirmDeliveryOption"]:hover,
#checkout button.continue:hover,
#checkout button[type="submit"]:hover {
  background: linear-gradient(135deg, var(--dc-pink-dark), #d79eaa) !important;
  color: #fff !important;
}

/* ===== CONFIRMATION COMMANDE ===== */
.order-confirmation,
.order-confirmation-table,
#content-hook_order_confirmation,
#order-items,
#order-details,
.order-confirmation-table .box,
.order-confirmation-table .card,
#content-hook_payment_return {
  background: var(--dc-bg-block) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 24px var(--dc-shadow-soft) !important;
}

/* ===== SUPPRESSION DES COULEURS NATIVES TROP VIVES ===== */
.bg-success,
.bg-primary,
.bg-info,
.bg-warning,
.border-success,
.border-primary,
.border-info,
.border-warning {
  background: transparent !important;
  border-color: var(--dc-border) !important;
}

.text-success,
.text-primary,
.text-info,
.text-warning {
  color: var(--dc-brown-dark) !important;
}
/* =========================================================
   DOUDOU&CO - RADIOS / CHECKBOX / SELECT / FOCUS
   VERSION SURE - NE CASSE PAS LE CLIC
   ========================================================= */

/* 1) Couleur native radios + cases à cocher */
body#checkout input[type="radio"],
body#checkout input[type="checkbox"],
.page-order input[type="radio"],
.page-order input[type="checkbox"] {
  accent-color: #be858f !important;
}

/* 2) On ne modifie pas la structure des faux boutons */
body#checkout .custom-radio,
body#checkout .custom-checkbox,
.page-order .custom-radio,
.page-order .custom-checkbox {
  background: transparent !important;
  box-shadow: none !important;
}

/* 3) On laisse les inputs cliquables */
body#checkout .custom-radio input,
body#checkout .custom-checkbox input,
.page-order .custom-radio input,
.page-order .custom-checkbox input {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 5 !important;
}

/* 4) Selects */
body#checkout select,
body#checkout .form-control-select,
body#checkout .custom-select,
.page-order select,
.page-order .form-control-select,
.page-order .custom-select {
  background-color: #fff !important;
  color: #6e4d4c !important;
  border: 1px solid #e6cfd4 !important;
  box-shadow: none !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

/* 5) Inputs / textarea / select */
body#checkout input:not([type="radio"]):not([type="checkbox"]),
body#checkout textarea,
body#checkout select,
body#checkout .form-control,
.page-order input:not([type="radio"]):not([type="checkbox"]),
.page-order textarea,
.page-order select,
.page-order .form-control {
  background: #fff !important;
  color: #6e4d4c !important;
  border: 1px solid #e6cfd4 !important;
  box-shadow: none !important;
}

/* 6) Focus sans bleu */
body#checkout input:not([type="radio"]):not([type="checkbox"]):focus,
body#checkout textarea:focus,
body#checkout select:focus,
body#checkout .form-control:focus,
.page-order input:not([type="radio"]):not([type="checkbox"]):focus,
.page-order textarea:focus,
.page-order select:focus,
.page-order .form-control:focus {
  background: #fff !important;
  color: #6e4d4c !important;
  border-color: #be858f !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(190, 133, 143, 0.15) !important;
}

/* 7) Bleu de l'autofill navigateur */
body#checkout input:-webkit-autofill,
body#checkout input:-webkit-autofill:hover,
body#checkout input:-webkit-autofill:focus,
body#checkout textarea:-webkit-autofill,
body#checkout select:-webkit-autofill,
.page-order input:-webkit-autofill,
.page-order input:-webkit-autofill:hover,
.page-order input:-webkit-autofill:focus,
.page-order textarea:-webkit-autofill,
.page-order select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #6e4d4c !important;
  border: 1px solid #e6cfd4 !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* 8) Placeholders */
body#checkout input::placeholder,
body#checkout textarea::placeholder,
.page-order input::placeholder,
.page-order textarea::placeholder {
  color: #c2aeb2 !important;
  opacity: 1 !important;
}

/* 9) Si le thème met du bleu Bootstrap */
body#checkout .form-control:focus,
body#checkout .custom-select:focus,
body#checkout .bootstrap-select .dropdown-toggle:focus,
.page-order .form-control:focus,
.page-order .custom-select:focus,
.page-order .bootstrap-select .dropdown-toggle:focus {
  border-color: #be858f !important;
  box-shadow: 0 0 0 2px rgba(190, 133, 143, 0.15) !important;
}

/* 10) Variables générales anti bleu/vert */
body#checkout,
.page-order {
  --primary: #be858f !important;
  --success: #be858f !important;
  --bs-primary: #be858f !important;
  --bs-success: #be858f !important;
}
/* =========================================================
   CORRECTIF CIBLE FINAL
   Radios + cases + bandeau étapes + Click and collect
   ========================================================= */

/* =========================
   1) FOND DU BANDEAU ETAPES
   ========================= */
body#checkout .checkout__steps.bg-light,
body#checkout .checkout__steps {
  background: #f4f4f4 !important;
}

/* liste interne */
body#checkout .checkout__steps__list {
  background: transparent !important;
}

/* =========================
   2) LIGNE HORIZONTALE DES ETAPES
   ========================= */
body#checkout .checkout__steps__item::before,
body#checkout .checkout__steps__item::after {
  background: #d8bcc2 !important;
  border-color: #d8bcc2 !important;
}

/* =========================
   3) RONDS 1 2 3 4
   ========================= */

/* étapes passées */
body#checkout .checkout__steps__item.checkout__steps--success .nav-link,
body#checkout .checkout__steps__item.checkout__steps--success .nav-link:hover,
body#checkout .checkout__steps__item.checkout__steps--success .nav-link:focus {
  color: #fff !important;
  background: #c28d96 !important;
  border-color: #c28d96 !important;
}

/* étape en cours */
body#checkout .checkout__steps__item.checkout__steps--current .nav-link,
body#checkout .checkout__steps__item.js-step-item.active .nav-link,
body#checkout .checkout__steps__item.checkout__steps--current .nav-link:hover,
body#checkout .checkout__steps__item.checkout__steps--current .nav-link:focus {
  color: #fff !important;
  background: #222831 !important;
  border-color: #222831 !important;
}

/* étapes à venir */
body#checkout .checkout__steps__item .nav-link {
  background: #d9dde2 !important;
  border-color: #d9dde2 !important;
  color: #fff !important;
}

/* texte des étapes */
body#checkout .checkout__steps__item .step-title,
body#checkout .checkout__steps__item .nav-link + *,
body#checkout .checkout__steps__item,
body#checkout .checkout__steps__item span,
body#checkout .checkout__steps__item a {
  color: #7a5a5e !important;
}

/* capsule rose de l'étape active */
body#checkout .checkout__steps__item.checkout__steps--current .step-title,
body#checkout .checkout__steps__item.js-step-item.active .step-title {
  background: #f1dde1 !important;
  border: 1px solid #e3c9ce !important;
  color: #7a5a5e !important;
  border-radius: 30px !important;
  padding: 10px 22px !important;
  display: inline-block !important;
}

/* =========================
   4) RADIOS / CHECKBOX BOOTSTRAP
   ========================= */
body#checkout .form-check-input {
  border-color: #c28d96 !important;
  box-shadow: none !important;
}

/* radio/check non cochés */
body#checkout .form-check-input:not(:checked) {
  background-color: #fff !important;
  border-color: #c28d96 !important;
}

/* radio/check cochés */
body#checkout .form-check-input:checked {
  background-color: #c28d96 !important;
  border-color: #c28d96 !important;
}

/* focus bleu bootstrap supprimé */
body#checkout .form-check-input:focus {
  border-color: #c28d96 !important;
  box-shadow: 0 0 0 2px rgba(194, 141, 150, 0.15) !important;
}

/* coche / point interne en blanc */
body#checkout .form-check-input[type="radio"]:checked,
body#checkout .form-check-input[type="checkbox"]:checked {
  background-color: #c28d96 !important;
  border-color: #c28d96 !important;
}

/* =========================
   5) LIGNE CLICK AND COLLECT
   ========================= */
body#checkout .delivery-option,
body#checkout .delivery-options-list .delivery-option,
body#checkout .delivery-option label,
body#checkout .delivery-option .form-check-label {
  background: #f3f4f5 !important;
  border-color: #e3d6da !important;
  box-shadow: none !important;
}

/* retire les fonds internes parasites */
body#checkout .delivery-option * {
  box-shadow: none !important;
}

body#checkout .delivery-option .row,
body#checkout .delivery-option .col,
body#checkout .delivery-option .col-sm-1,
body#checkout .delivery-option .col-sm-11,
body#checkout .delivery-option span,
body#checkout .delivery-option strong {
  background: transparent !important;
}

/* =========================
   6) OPTIONS DE PAIEMENT
   ========================= */
body#checkout .payment__option,
body#checkout .payment_option,
body#checkout .payment__list,
body#checkout .form-check {
  background: transparent !important;
}
/* Fond arrière de la zone étapes uniquement */
body#checkout .checkout__steps.bg-light,
body#checkout .checkout__steps.py-2.mb-3.mb-lg-5.py-md-4 {
  background: #f3eaec !important;
}
/* Étapes passées */
body#checkout .checkout__steps__item.checkout__steps--success .nav-link {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}

/* Étape active */
body#checkout .checkout__steps__item.checkout__steps--current .nav-link,
body#checkout .checkout__steps__item.js-step-item.active .nav-link {
  background: #b77d87 !important;
  border-color: #b77d87 !important;
  color: #fff !important;
}
/* =========================
   ETAPES CHECKOUT HARMONIE
   ========================= */

/* Etapes passées */
body#checkout .checkout__steps__item.checkout__steps--success .nav-link,
body#checkout .checkout__steps__item.checkout__steps--success .step-number {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}

/* Etape active (PLUS DE NOIR) */
body#checkout .checkout__steps__item.checkout__steps--current .nav-link,
body#checkout .checkout__steps__item.checkout__steps--current .step-number,
body#checkout .checkout__steps__item.active .nav-link,
body#checkout .checkout__steps__item.active .step-number {
  background: #b77d87 !important;
  border-color: #b77d87 !important;
  color: #fff !important;
}

/* Etapes futures */
body#checkout .checkout__steps__item .nav-link,
body#checkout .checkout__steps__item .step-number {
  background: #d9dde2 !important;
  border-color: #d9dde2 !important;
  color: #fff !important;
}

/* IMPORTANT : on tue le noir partout */
body#checkout .checkout__steps__item .nav-link,
body#checkout .checkout__steps__item .nav-link:focus,
body#checkout .checkout__steps__item .nav-link:active {
  box-shadow: none !important;
}
/* =========================
   SUPPRIME LE NOIR (RONDS)
   ========================= */

/* Tous les ronds actifs (le problème) */
body#checkout .checkout__steps__item .step-number[style],
body#checkout .checkout__steps__item .step-number.active,
body#checkout .checkout__steps__item.active .step-number,
body#checkout .checkout__steps__item.checkout__steps--current .step-number,
body#checkout .checkout__steps__item .nav-link.active .step-number {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}

/* Sécurité : si le noir est injecté ailleurs */
body#checkout .checkout__steps__item .step-number {
  background: #c28d96 !important;
}
/* =====================================================
   ETAPES CHECKOUT - SUPPRESSION DEFINITIVE DU NOIR
   ===================================================== */

/* ronds des numéros */
body#checkout .checkout__steps__item .step-number {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* capsules étapes */
body#checkout .checkout__steps__item .nav-link {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* étapes futures grisées */
body#checkout .checkout__steps__item:not(.checkout__steps--success):not(.checkout__steps--current) .nav-link,
body#checkout .checkout__steps__item:not(.checkout__steps--success):not(.checkout__steps--current) .step-number {
  background: #d9dde2 !important;
  border-color: #d9dde2 !important;
  color: #fff !important;
}

/* étape active et étapes passées = même rose, jamais noir */
body#checkout .checkout__steps__item.checkout__steps--success .nav-link,
body#checkout .checkout__steps__item.checkout__steps--success .step-number,
body#checkout .checkout__steps__item.checkout__steps--current .nav-link,
body#checkout .checkout__steps__item.checkout__steps--current .step-number,
body#checkout .checkout__steps__item.active .nav-link,
body#checkout .checkout__steps__item.active .step-number {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}

/* SURVOL : on empêche le thème de remettre du noir */
body#checkout .checkout__steps__item .nav-link:hover,
body#checkout .checkout__steps__item .nav-link:focus,
body#checkout .checkout__steps__item .nav-link:active,
body#checkout .checkout__steps__item:hover .nav-link,
body#checkout .checkout__steps__item:hover .step-number {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* sécurité maxi contre le fond sombre injecté */
body#checkout .checkout__steps__item .nav-link::before,
body#checkout .checkout__steps__item .nav-link::after,
body#checkout .checkout__steps__item .step-number::before,
body#checkout .checkout__steps__item .step-number::after {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* =========================================
   SUPPRESSION DU ROND NOIR (ETAPE ACTIVE)
   ========================================= */

/* le VRAI coupable */
body#checkout .checkout__steps__item .nav-link.active {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}

/* le rond du numéro dans cette étape */
body#checkout .checkout__steps__item .nav-link.active .step-number {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}

/* sécurité : état hover/focus */
body#checkout .checkout__steps__item .nav-link.active:hover,
body#checkout .checkout__steps__item .nav-link.active:focus {
  background: #c28d96 !important;
  border-color: #c28d96 !important;
  color: #fff !important;
}
/* =========================================
   FIX EXACT - NUMERO ETAPE ACTIVE
   ========================================= */

/* rond du numéro */
body#checkout .checkout__steps__number {
  background: #c28d96 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* étape courante : surtout pas noir */
body#checkout .checkout__steps__current .checkout__steps__number {
  background: #c28d96 !important;
  color: #fff !important;
}

/* si le thème met le noir sur le pseudo-élément du li */
body#checkout .checkout__steps__current::before,
body#checkout .checkout__steps__current::after {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* bouton texte actif : pas de fond noir au hover/active */
body#checkout .checkout__steps__current .nav-link,
body#checkout .checkout__steps__current .nav-link:hover,
body#checkout .checkout__steps__current .nav-link:focus,
body#checkout .checkout__steps__current .nav-link:active,
body#checkout .checkout__steps__current .nav-link.active {
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}
/* Flèches bleues des boutons accueil */
body .btn i,
body .btn svg,
body .btn .material-icons,
body .btn .arrow,
body a.btn i,
body a.btn svg,
body a.btn .material-icons,
body a.btn .arrow {
  color: #7a5a5e !important;
  fill: #7a5a5e !important;
  stroke: #7a5a5e !important;
}

/* Si la flèche est dans le bouton slider / listing */
body .products-section-title + a i,
body .products-section-title + a svg,
body .products-section-title + a .material-icons,
body .viewall-btn i,
body .viewall-btn svg,
body .viewall-btn .material-icons {
  color: #7a5a5e !important;
  fill: #7a5a5e !important;
  stroke: #7a5a5e !important;
}
/* Réduit le grand vide avant la newsletter */
#index .featured-products,
#index .products,
#index section.products,
#index .product-list,
#index .block-category,
#index .home-products,
#index .section-products {
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
}

/* Si le vide vient du conteneur global */
#index main .container,
#index #content,
#index .page-home {
  padding-bottom: 0 !important;
}

/* Newsletter remonte */
#index .block_newsletter,
#index .newsletter,
#index .ps-emailsubscription-block {
  margin-top: 0 !important;
  padding-top: 24px !important;
}

/* Supprime une éventuelle hauteur forcée */
#index .featured-products,
#index section.products {
  min-height: auto !important;
  height: auto !important;
}
/* CORRECTION PROPRE DU BLOC PRODUITS */
#index .featured-products,
#index .products-section,
#index section.products,
#index .homefeatured,
#index .new-products {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

/* Supprime le vide interne */
#index .featured-products .container,
#index .products-section .container {
  padding-bottom: 0 !important;
}

/* Newsletter propre */
#index .block_newsletter {
  margin-top: 20px !important;
  padding-top: 20px !important;
}
/* =========================================
   MENU GAUCHE (ESPACE CLIENT)
   ========================================= */

.account-menu__line {
  border-radius: 12px !important;
  margin-bottom: 6px !important;
}

.account-menu__line a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  color: #6b5b5b !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  transition: all .2s ease !important;
}

/* Hover */
.account-menu__line a:hover {
  background: #f3e4e6 !important;
  color: #b07a80 !important;
}

/* Actif (IMPORTANT) */
.account-menu__line.active a,
.account-menu__line a.active {
  background: #e8c7cc !important;
  color: #fff !important;
}

/* Icônes */
.account-menu__line i,
.account-menu__line svg {
  color: inherit !important;
  fill: currentColor !important;
}

/* Déconnexion */
.account-menu__line a[href*="logout"] {
  color: #c96b6b !important;
}
/* =========================================
   BLOCS COMPTE (cartes)
   ========================================= */

.customer-link__link {
  background: #fffaf9 !important;
  border-radius: 18px !important;
  border: 1px solid #efe1e3 !important;
  transition: all .2s ease !important;
}

.customer-link__link:hover {
  background: #f9eeee !important;
  transform: translateY(-2px);
}

/* contenu interne */
.customer-link__link .link-item {
  background: transparent !important;
  border-radius: 0 !important;
}

/* icônes */
.customer-link__link i,
.customer-link__link svg {
  color: #b07a80 !important;
}
.form-check-input:checked {
  accent-color: #c28d96 !important;
}
/* =========================================
   ESPACE CLIENT - FIX FINAL MENU + CARTES + ALERTES
   ========================================= */

/* -------------------------
   MENU GAUCHE
------------------------- */
.account-menu__line {
  border-radius: 12px !important;
  margin-bottom: 6px !important;
}

.account-menu__line a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  color: #5f4c4d !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all .2s ease !important;
  box-shadow: none !important;
}

/* texte interne */
.account-menu__line .link-item {
  color: inherit !important;
  background: transparent !important;
}

/* icônes */
.account-menu__line i,
.account-menu__line .material-icons,
.account-menu__line svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
}

/* hover */
.account-menu__line a:hover,
.account-menu__line a:hover .link-item,
.account-menu__line:hover a,
.account-menu__line:hover .link-item {
  color: #b07a80 !important;
  background: #f3e4e6 !important;
}

/* actif */
.account-menu__line.active a,
.account-menu__line.active .link-item,
.account-menu__line a.active,
.account-menu__line a.active .link-item {
  background: #e8c7cc !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* état focus / clic / visited pour tuer le bleu */
.account-menu__line a:focus,
.account-menu__line a:active,
.account-menu__line a:visited,
.account-menu__line a:focus .link-item,
.account-menu__line a:active .link-item,
.account-menu__line a:visited .link-item {
  color: #5f4c4d !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.account-menu__line.active a:focus,
.account-menu__line.active a:active,
.account-menu__line.active a:visited,
.account-menu__line.active a:hover {
  color: #ffffff !important;
  background: #e8c7cc !important;
}

/* lien déconnexion */
.account-menu__line a[href*="logout"],
.account-menu__line a[href*="deconnexion"],
.account-menu__line a[href*="déconnexion"] {
  color: #d15f5f !important;
}

.account-menu__line a[href*="logout"]:hover,
.account-menu__line a[href*="deconnexion"]:hover,
.account-menu__line a[href*="déconnexion"]:hover {
  background: #fdeaea !important;
  color: #d15f5f !important;
}


/* -------------------------
   CARTES DU TABLEAU DE BORD
------------------------- */
.customer-link__link {
  background: #fffaf9 !important;
  border: 1px solid #ecd9dd !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
  text-decoration: none !important;
}

.customer-link__link .link-item {
  background: transparent !important;
  color: #5f4c4d !important;
}

.customer-link__link i,
.customer-link__link .material-icons,
.customer-link__link svg {
  color: #b07a80 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* hover cartes */
.customer-link__link:hover,
.customer-link__link:focus,
.customer-link__link:active {
  background: #f9eeee !important;
  border-color: #e3c9ce !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.customer-link__link:hover .link-item,
.customer-link__link:focus .link-item,
.customer-link__link:active .link-item {
  color: #5f4c4d !important;
  background: transparent !important;
}

/* tue le bleu visité / cliqué */
.customer-link__link:visited,
.customer-link__link:visited .link-item {
  color: #5f4c4d !important;
}


/* -------------------------
   BOUTON + AJOUTER UNE ADRESSE
------------------------- */
.page-addresses .add-address i,
.page-addresses .add-address .material-icons,
.page-addresses .js-address-form + a i,
.page-addresses a[data-link-action="add-address"] i {
  background: #e8c7cc !important;
  color: #ffffff !important;
  border-radius: 50% !important;
}

.page-addresses .add-address a,
.page-addresses a[data-link-action="add-address"] {
  color: #7a5a5e !important;
  text-decoration: none !important;
}

.page-addresses .add-address a:hover,
.page-addresses a[data-link-action="add-address"]:hover {
  color: #b07a80 !important;
}


/* -------------------------
   ALERTES / BANDEAU VERDATRE
------------------------- */
.alert,
.account .alert,
.page-customer-account .alert,
.page-history .alert,
.page-order-slip .alert,
.page-addresses .alert,
.page-identity .alert {
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* remplace le vert froid */
.alert-info,
.alert-success,
.page-customer-account .alert-info,
.page-customer-account .alert-success,
.page-history .alert-info,
.page-history .alert-success,
.page-order-slip .alert-info,
.page-order-slip .alert-success,
.page-addresses .alert-info,
.page-addresses .alert-success,
.page-identity .alert-info,
.page-identity .alert-success {
  background: #f4ecee !important;
  border: 1px solid #e7d4d8 !important;
  color: #7a5a5e !important;
}

/* si bootstrap remet encore du vert */
.alert-success * ,
.alert-info * {
  color: inherit !important;
}


/* -------------------------
   RADIOS / CHECKBOX DANS L'ESPACE CLIENT
------------------------- */
.form-check-input,
.page-identity .form-check-input,
.page-customer-account .form-check-input {
  accent-color: #c28d96 !important;
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: #c28d96 !important;
  border-color: #c28d96 !important;
}

.form-check-input:focus {
  border-color: #c28d96 !important;
  box-shadow: 0 0 0 2px rgba(194,141,150,.15) !important;
}


/* -------------------------
   SECURITE ANTI BLEU GLOBAL
------------------------- */
.account-menu__line a,
.account-menu__line a *,
.customer-link__link,
.customer-link__link *,
.page-customer-account a,
.page-addresses a,
.page-history a,
.page-order-slip a,
.page-identity a {
  outline: none !important;
}

.account-menu__line a:not(.btn),
.customer-link__link:not(.btn),
.page-customer-account a:not(.btn),
.page-addresses a:not(.btn),
.page-history a:not(.btn),
.page-order-slip a:not(.btn),
.page-identity a:not(.btn) {
  color: inherit;
}
/* =========================================
   FIX BLEU - MENU COMPTE + CARTES COMPTE
   ========================================= */

/* MENU GAUCHE */
.account-menu__line,
.account-menu__line a,
.account-menu__line .link-item,
.account-menu__line i,
.account-menu__line .material-icons,
.account-menu__line svg {
  color: #5f4c4d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  text-decoration: none !important;
}

.account-menu__line a:hover,
.account-menu__line:hover a,
.account-menu__line a:hover .link-item,
.account-menu__line:hover .link-item,
.account-menu__line a:focus,
.account-menu__line a:active,
.account-menu__line a:visited {
  color: #b07a80 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* actif dans le menu gauche */
.account-menu__line.active,
.account-menu__line.active a,
.account-menu__line.active .link-item,
.account-menu__line a.active,
.account-menu__line a.active .link-item {
  background: #e8c7cc !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

/* au hover sur un lien actif */
.account-menu__line.active a:hover,
.account-menu__line.active:hover a,
.account-menu__line.active a:hover .link-item,
.account-menu__line.active:hover .link-item,
.account-menu__line.active a:focus,
.account-menu__line.active a:active,
.account-menu__line.active a:visited {
  background: #e8c7cc !important;
  color: #ffffff !important;
}

/* CARTES DU TABLEAU DE BORD */
.customer-link__link,
.customer-link__link .link-item,
.customer-link__link i,
.customer-link__link .material-icons,
.customer-link__link svg {
  color: #5f4c4d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  text-decoration: none !important;
}

.customer-link__link:hover,
.customer-link__link:focus,
.customer-link__link:active,
.customer-link__link:visited {
  background: #f9eeee !important;
  border-color: #e3c9ce !important;
  color: #5f4c4d !important;
  text-decoration: none !important;
}

.customer-link__link:hover .link-item,
.customer-link__link:focus .link-item,
.customer-link__link:active .link-item,
.customer-link__link:visited .link-item,
.customer-link__link:hover i,
.customer-link__link:focus i,
.customer-link__link:active i,
.customer-link__link:visited i,
.customer-link__link:hover .material-icons,
.customer-link__link:focus .material-icons,
.customer-link__link:active .material-icons,
.customer-link__link:visited .material-icons {
  color: #5f4c4d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* cas précis des liens modules qui repassent en bleu */
a[href*="blockwishlist"],
a[href*="identite"],
a[href*="identité"],
a[href*="identity"],
a[href*="my-account"],
a[href*="history"],
a[href*="order-slip"] {
  color: inherit !important;
  text-decoration: none !important;
}

a[href*="blockwishlist"]:hover,
a[href*="blockwishlist"]:focus,
a[href*="blockwishlist"]:active,
a[href*="blockwishlist"]:visited,
a[href*="identite"]:hover,
a[href*="identite"]:focus,
a[href*="identite"]:active,
a[href*="identite"]:visited,
a[href*="identity"]:hover,
a[href*="identity"]:focus,
a[href*="identity"]:active,
a[href*="identity"]:visited {
  color: inherit !important;
  text-decoration: none !important;
}
/* FIX EXACT - les 2 derniers liens du menu gauche */
.account-menu > a .link-item {
  background: transparent !important;
  color: #5f4c4d !important;
  border-radius: 12px !important;
}

.account-menu > a:hover .link-item,
.account-menu > a:focus .link-item,
.account-menu > a:active .link-item,
.account-menu > a:visited .link-item {
  background: #f3e4e6 !important;
  color: #b07a80 !important;
}

.account-menu > a.active .link-item,
.account-menu > a.active:hover .link-item,
.account-menu > a.active:focus .link-item,
.account-menu > a.active:active .link-item,
.account-menu > a.active:visited .link-item {
  background: #e8c7cc !important;
  color: #ffffff !important;
}

/* icônes dans ces liens */
.account-menu > a .link-item i,
.account-menu > a .link-item .material-icons,
.account-menu > a .link-item svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* FIX EXACT - les 2 cartes encore bleues */
a[href*="blockwishlist"],
a[href*="identity"],
a[href*="identite"],
a[href*="identité"] {
  background: #fffaf9 !important;
  color: #5f4c4d !important;
  border: 1px solid #ecd9dd !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

a[href*="blockwishlist"] .link-item,
a[href*="identity"] .link-item,
a[href*="identite"] .link-item,
a[href*="identité"] .link-item,
a[href*="blockwishlist"] span,
a[href*="identity"] span,
a[href*="identite"] span,
a[href*="identité"] span {
  background: transparent !important;
  color: #5f4c4d !important;
}

/* hover / focus / active / visited */
a[href*="blockwishlist"]:hover,
a[href*="blockwishlist"]:focus,
a[href*="blockwishlist"]:active,
a[href*="blockwishlist"]:visited,
a[href*="identity"]:hover,
a[href*="identity"]:focus,
a[href*="identity"]:active,
a[href*="identity"]:visited,
a[href*="identite"]:hover,
a[href*="identite"]:focus,
a[href*="identite"]:active,
a[href*="identite"]:visited,
a[href*="identité"]:hover,
a[href*="identité"]:focus,
a[href*="identité"]:active,
a[href*="identité"]:visited {
  background: #f9eeee !important;
  color: #5f4c4d !important;
  border-color: #e3c9ce !important;
  text-decoration: none !important;
}

a[href*="blockwishlist"]:hover .link-item,
a[href*="blockwishlist"]:focus .link-item,
a[href*="blockwishlist"]:active .link-item,
a[href*="blockwishlist"]:visited .link-item,
a[href*="identity"]:hover .link-item,
a[href*="identity"]:focus .link-item,
a[href*="identity"]:active .link-item,
a[href*="identity"]:visited .link-item,
a[href*="identite"]:hover .link-item,
a[href*="identite"]:focus .link-item,
a[href*="identite"]:active .link-item,
a[href*="identite"]:visited .link-item,
a[href*="identité"]:hover .link-item,
a[href*="identité"]:focus .link-item,
a[href*="identité"]:active .link-item,
a[href*="identité"]:visited .link-item {
  background: transparent !important;
  color: #5f4c4d !important;
}

/* icônes */
a[href*="blockwishlist"] i,
a[href*="blockwishlist"] svg,
a[href*="identity"] i,
a[href*="identity"] svg,
a[href*="identite"] i,
a[href*="identite"] svg,
a[href*="identité"] i,
a[href*="identité"] svg {
  color: #b07a80 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* =========================================
   FIX FINAL - carte "Mes données personnelles"
   + uniformisation icônes cartes compte
   ========================================= */

/* Toutes les cartes du tableau de bord */
.customer-link__link {
  background: #fffaf9 !important;
  border: 1px solid #ecd9dd !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* texte interne des cartes */
.customer-link__link .link-item,
.customer-link__link .link-item * {
  background: transparent !important;
  color: #5f4c4d !important;
}

/* hover / focus / active / visited */
.customer-link__link:hover,
.customer-link__link:focus,
.customer-link__link:active,
.customer-link__link:visited {
  background: #f9eeee !important;
  border-color: #e3c9ce !important;
  text-decoration: none !important;
}

/* cas précis de la carte "Mes données personnelles" */
.customer-link__link[href*="identity"],
.customer-link__link[href*="identite"],
.customer-link__link[href*="identité"] {
  background: #fffaf9 !important;
  border: 1px solid #ecd9dd !important;
  color: #5f4c4d !important;
}

.customer-link__link[href*="identity"]:hover,
.customer-link__link[href*="identity"]:focus,
.customer-link__link[href*="identity"]:active,
.customer-link__link[href*="identity"]:visited,
.customer-link__link[href*="identite"]:hover,
.customer-link__link[href*="identite"]:focus,
.customer-link__link[href*="identite"]:active,
.customer-link__link[href*="identite"]:visited,
.customer-link__link[href*="identité"]:hover,
.customer-link__link[href*="identité"]:focus,
.customer-link__link[href*="identité"]:active,
.customer-link__link[href*="identité"]:visited {
  background: #f9eeee !important;
  border-color: #e3c9ce !important;
  color: #5f4c4d !important;
}

/* Uniformiser TOUTES les icônes des cartes */
.customer-link__link i,
.customer-link__link .material-icons,
.customer-link__link svg,
.customer-link__link .link-item i,
.customer-link__link .link-item .material-icons,
.customer-link__link .link-item svg {
  color: #b07a80 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Le coeur aussi */
.customer-link__link[href*="blockwishlist"] i,
.customer-link__link[href*="blockwishlist"] .material-icons,
.customer-link__link[href*="blockwishlist"] svg {
  color: #b07a80 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* Fix exact carte "Mes données personnelles" */
#psgdpr-link,
#psgdpr-link:hover,
#psgdpr-link:focus,
#psgdpr-link:active,
#psgdpr-link:visited {
  background: #fffaf9 !important;
  border: 1px solid #ecd9dd !important;
  color: #5f4c4d !important;
  text-decoration: none !important;
}

#psgdpr-link .link-item,
#psgdpr-link span {
  background: transparent !important;
  color: #5f4c4d !important;
}

#psgdpr-link:hover .link-item,
#psgdpr-link:focus .link-item,
#psgdpr-link:active .link-item,
#psgdpr-link:visited .link-item {
  background: transparent !important;
  color: #5f4c4d !important;
}

/* icône de cette carte */
#psgdpr-link i,
#psgdpr-link .material-icons,
#psgdpr-link svg {
  color: #b07a80 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* =========================================
   MENU GAUCHE ESPACE CLIENT - UNIFORMISATION
   ========================================= */

/* bloc de chaque ligne */
.account-menu__line {
  margin-bottom: 10px !important;
}

/* lien complet */
.account-menu__line a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid #ead6da !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #6b5658 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* texte du lien */
.account-menu__line .link-item {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  background: transparent !important;
  color: inherit !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* pictos */
.account-menu__line i,
.account-menu__line .material-icons,
.account-menu__line svg {
  color: #8f6d73 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  font-size: 24px !important;
  min-width: 24px !important;
}

/* hover */
.account-menu__line a:hover {
  background: #f8eef0 !important;
  border-color: #e3c3c9 !important;
  color: #a77981 !important;
}

.account-menu__line a:hover .link-item,
.account-menu__line a:hover i,
.account-menu__line a:hover .material-icons,
.account-menu__line a:hover svg {
  color: #a77981 !important;
}

/* actif - même rendu partout */
.account-menu__line.active a,
.account-menu__line a.active {
  background: #e7c3ca !important;
  border-color: #e7c3ca !important;
  color: #ffffff !important;
}

.account-menu__line.active .link-item,
.account-menu__line a.active .link-item,
.account-menu__line.active i,
.account-menu__line a.active i,
.account-menu__line.active .material-icons,
.account-menu__line a.active .material-icons,
.account-menu__line.active svg,
.account-menu__line a.active svg {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* visited / focus / active pour tuer les différences */
.account-menu__line a:visited,
.account-menu__line a:focus,
.account-menu__line a:active {
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* si le lien est actif et survolé */
.account-menu__line.active a:hover,
.account-menu__line a.active:hover,
.account-menu__line.active a:focus,
.account-menu__line a.active:focus {
  background: #e7c3ca !important;
  border-color: #e7c3ca !important;
  color: #ffffff !important;
}

/* lien déconnexion */
.account-menu__logout a,
.account-menu__line a[href*="logout"],
.account-menu__line a[href*="deconnexion"],
.account-menu__line a[href*="déconnexion"] {
  color: #c76464 !important;
  border-color: #efd6d8 !important;
}

.account-menu__logout a i,
.account-menu__logout a svg,
.account-menu__line a[href*="logout"] i,
.account-menu__line a[href*="deconnexion"] i,
.account-menu__line a[href*="déconnexion"] i {
  color: #c76464 !important;
}

.account-menu__logout a:hover,
.account-menu__line a[href*="logout"]:hover,
.account-menu__line a[href*="deconnexion"]:hover,
.account-menu__line a[href*="déconnexion"]:hover {
  background: #fdeeee !important;
  border-color: #efcaca !important;
  color: #c76464 !important;
}
/* =========================================
   LIENS MODULES DU MENU COMPTE - ETAT ACTIF
   ========================================= */

/* Mes listes = module blockwishlist */
body[class*="module-blockwishlist"] .account-menu a[href*="/module/blockwishlist/"],
body[class*="module-blockwishlist"] .account-menu a[href*="blockwishlist"] {
  background: #e7c3ca !important;
  border-color: #e7c3ca !important;
  color: #ffffff !important;
  border-radius: 14px !important;
}

body[class*="module-blockwishlist"] .account-menu a[href*="/module/blockwishlist/"] .link-item,
body[class*="module-blockwishlist"] .account-menu a[href*="blockwishlist"] .link-item,
body[class*="module-blockwishlist"] .account-menu a[href*="/module/blockwishlist/"] i,
body[class*="module-blockwishlist"] .account-menu a[href*="blockwishlist"] i,
body[class*="module-blockwishlist"] .account-menu a[href*="/module/blockwishlist/"] .material-icons,
body[class*="module-blockwishlist"] .account-menu a[href*="blockwishlist"] .material-icons,
body[class*="module-blockwishlist"] .account-menu a[href*="/module/blockwishlist/"] svg,
body[class*="module-blockwishlist"] .account-menu a[href*="blockwishlist"] svg {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
}

/* Mes données personnelles = module psgdpr */
body[class*="module-psgdpr"] .account-menu a[href*="/module/psgdpr/"],
body[class*="module-psgdpr"] .account-menu a[href*="psgdpr"] {
  background: #e7c3ca !important;
  border-color: #e7c3ca !important;
  color: #ffffff !important;
  border-radius: 14px !important;
}

body[class*="module-psgdpr"] .account-menu a[href*="/module/psgdpr/"] .link-item,
body[class*="module-psgdpr"] .account-menu a[href*="psgdpr"] .link-item,
body[class*="module-psgdpr"] .account-menu a[href*="/module/psgdpr/"] i,
body[class*="module-psgdpr"] .account-menu a[href*="psgdpr"] i,
body[class*="module-psgdpr"] .account-menu a[href*="/module/psgdpr/"] .material-icons,
body[class*="module-psgdpr"] .account-menu a[href*="psgdpr"] .material-icons,
body[class*="module-psgdpr"] .account-menu a[href*="/module/psgdpr/"] svg,
body[class*="module-psgdpr"] .account-menu a[href*="psgdpr"] svg {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
}
/* =========================================
   UNIFORMISATION MENU COMPTE (TOUS LES LIENS)
   ========================================= */

/* Tous les liens du menu */
.account-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  height: 44px !important;
  padding: 0 14px !important;

  border-radius: 14px !important;
  border: 1px solid #e7c3ca !important;

  background: transparent !important;
  color: #6d5c5c !important;

  text-decoration: none !important;
  transition: all 0.2s ease;
}

/* Icônes uniformes */
.account-menu a i,
.account-menu a .material-icons,
.account-menu a svg {
  font-size: 18px !important;
  color: #b07a82 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Hover */
.account-menu a:hover {
  background: #f6e6e8 !important;
  border-color: #e7c3ca !important;
}

/* Etat actif GLOBAL (remplace tout) */
.account-menu a[aria-current="page"],
.account-menu a.active,
.account-menu a.is-active {
  background: #e7c3ca !important;
  color: #ffffff !important;
  border-color: #e7c3ca !important;
}

/* Icônes en actif */
.account-menu a[aria-current="page"] i,
.account-menu a.active i,
.account-menu a.is-active i,
.account-menu a[aria-current="page"] .material-icons,
.account-menu a.active .material-icons,
.account-menu a.is-active .material-icons,
.account-menu a[aria-current="page"] svg,
.account-menu a.active svg,
.account-menu a.is-active svg {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* =========================================
   FIX SPECIFIQUE MODULES (wishlist + gdpr)
   ========================================= */

/* Wishlist actif */
body[class*="module-blockwishlist"] .account-menu a[href*="blockwishlist"] {
  background: #e7c3ca !important;
  color: #ffffff !important;
}

/* GDPR actif */
body[class*="module-psgdpr"] .account-menu a[href*="psgdpr"] {
  background: #e7c3ca !important;
  color: #ffffff !important;
}
/* =========================================
   FIX DEFINITIF RGPD (psgdpr)
   ========================================= */

/* Cas 1 : body contient psgdpr */
body[class*="psgdpr"] .account-menu a[href*="psgdpr"] {
  background: #e7c3ca !important;
  color: #ffffff !important;
  border-color: #e7c3ca !important;
}

/* Cas 2 : fallback basé sur URL */
.account-menu a[href*="/module/psgdpr/"] {
  position: relative;
}

/* Quand page RGPD active */
body.page-cms,
body.page-module,
body[id*="psgdpr"] .account-menu a[href*="/module/psgdpr/"] {
  background: #e7c3ca !important;
  color: #ffffff !important;
  border-color: #e7c3ca !important;
}

/* Icône RGPD en blanc */
body[class*="psgdpr"] .account-menu a[href*="psgdpr"] i,
body[class*="psgdpr"] .account-menu a[href*="psgdpr"] svg,
body[class*="psgdpr"] .account-menu a[href*="psgdpr"] .material-icons {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* =========================================
   FIX EXACT PAGE RGPD
   URL : /module/psgdpr/gdpr
   ========================================= */

body#module-psgdpr-gdpr #psgdpr-link,
body#module-psgdpr-gdpr .account-menu a[href*="/module/psgdpr/gdpr"],
body#module-psgdpr-gdpr .account-menu a[href*="psgdpr/gdpr"] {
  background: #e7c3ca !important;
  color: #ffffff !important;
  border-color: #e7c3ca !important;
  border-radius: 14px !important;
}

body#module-psgdpr-gdpr #psgdpr-link .link-item,
body#module-psgdpr-gdpr .account-menu a[href*="/module/psgdpr/gdpr"] .link-item,
body#module-psgdpr-gdpr .account-menu a[href*="psgdpr/gdpr"] .link-item,
body#module-psgdpr-gdpr #psgdpr-link i,
body#module-psgdpr-gdpr .account-menu a[href*="/module/psgdpr/gdpr"] i,
body#module-psgdpr-gdpr .account-menu a[href*="psgdpr/gdpr"] i,
body#module-psgdpr-gdpr #psgdpr-link .material-icons,
body#module-psgdpr-gdpr .account-menu a[href*="/module/psgdpr/gdpr"] .material-icons,
body#module-psgdpr-gdpr .account-menu a[href*="psgdpr/gdpr"] .material-icons,
body#module-psgdpr-gdpr #psgdpr-link svg,
body#module-psgdpr-gdpr .account-menu a[href*="/module/psgdpr/gdpr"] svg,
body#module-psgdpr-gdpr .account-menu a[href*="psgdpr/gdpr"] svg {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
}
/* =========================================
   SUPPRIMER FOND BLEU AUTOFILL (CHROME)
   ========================================= */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  box-shadow: 0 0 0px 1000px #ffffff inset !important;

  -webkit-text-fill-color: #6d5c5c !important;
  transition: background-color 5000s ease-in-out 0s;
}
/* Corrige la largeur du fond actif du menu compte */
.account-menu__line.active a,
.account-menu__line a.active {
  display: inline-flex !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.account-menu__line.active .link-item,
.account-menu__line a.active .link-item {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  background: transparent !important;
}

/* sécurité : retire tout pseudo fond parasite */
.account-menu__line.active .link-item::before,
.account-menu__line.active .link-item::after,
.account-menu__line a.active .link-item::before,
.account-menu__line a.active .link-item::after {
  display: none !important;
  content: none !important;
}
.account-menu__line {
  overflow: hidden !important;
}
/* Supprime le badge "Neuf" sur l'image produit */
.product-flags,
.js-product-flags,
.product-flags .badge,
.product-flags .new {
    display: none !important;
}
/* =========================================================
   FICHE PRODUIT — description / accordéons seulement
   ========================================================= */

/* ❌ ANCIEN — désactivé */
/*
#product #description,
#product .tab-pane#description,
#product .product-tabs .tab-pane,
#product .product-information .tab-pane {
  padding: 24px !important;
  box-sizing: border-box !important;
  background-color: #f4e9ec !important;
  border-radius: 16px !important;
  position: relative;
  z-index: 2;
}
*/

/* Titres internes */
#product #description h2,
#product #description h3,
#product .product-tabs .nav-link,
#product .accordion .accordion-button {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Paragraphes et listes */
#product #description p,
#product #description ul,
#product #description li {
  line-height: 1.8;
}

/* ❌ ANCIEN — désactivé */
/*
@media (max-width: 767px) {
  #product #description,
  #product .tab-pane#description,
  #product .product-tabs .tab-pane,
  #product .product-information .tab-pane {
    padding: 18px !important;
  }
}
*/

/* Supprime les images de fond parasites */
#product .product-information,
#product .product-tabs,
#product .tab-content {
  background-image: none !important;
}

/* Accordion fiche produit */
#product .accordion-item {
  background-color: #f4e9ec !important;
  border-radius: 16px !important;
  overflow: hidden;
  margin-bottom: 15px;
}

/* Contenu intérieur (texte) */
.accordion-body {
    padding: 28px !important;
}

/* Titre (Description / Détails du produit) */
.accordion-button {
    padding: 18px 28px !important;
}
/* ===== ACCORDÉON PRODUIT - FORÇAGE TOTAL ===== */

#product .product__infos .accordion-item,
#product .product__infos .info.accordion-item {
  background: #f6eaee !important;
  border: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

/* HEADER (Description / Détails) */
#product .product__infos .accordion-button {
  background: #f6eaee !important;
  color: #68493f !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 20px 26px !important;
  font-weight: 600 !important;
}

/* SUPPRIME le blanc Bootstrap */
#product .product__infos .accordion-button:not(.collapsed),
#product .product__infos .accordion-button.collapsed {
  background: #f6eaee !important;
}

/* CONTENU */
#product .product__infos .accordion-body,
#product .product__infos .info__content {
  background: #f6eaee !important;
  color: #68493f !important;
  padding: 24px 26px !important;
}

/* TEXTE NON COLLÉ */
#product .product__infos .accordion-body * {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* LIGNE "EN STOCK" */
#product .product__infos .accordion-body .product-features,
#product .product__infos .accordion-body table {
  background: rgba(255,255,255,0.6) !important;
  border-radius: 12px !important;
  padding: 10px !important;
}

/* ENLÈVE EFFET BLEU/FOCUS */
#product .product__infos .accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* FLÈCHE */
#product .product__infos .accordion-button::after {
  filter: none !important;
}
/* Ligne "En stock / 1 Article" - BON CIBLAGE */
#product .product__details li.detail {
  background: #f3e4e8 !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  margin: 10px 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Texte gauche et droite */
#product .product__details li.detail .detail__left,
#product .product__details li.detail .detail__right {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Supprime les fonds internes */
#product .product__details li.detail span {
  background: transparent !important;
}

/* Couleur texte */
#product .product__details li.detail {
  color: #68493f !important;
}
/* SUPPRIME la ligne blanche parasite */
#product .product__details li.detail {
  border: none !important;
  box-shadow: none !important;
}

/* Supprime les lignes fantômes Bootstrap */
#product .accordion-body,
#product .product__details {
  border: none !important;
}

/* Si pseudo-élément présent */
#product .product__details li.detail::after {
  display: none !important;
}
/* Bloc "Derniers articles en stock" */
.product-availability,
.alert-warning,
.product-last-items {
  background: #f3e4e8 !important; /* rose doux */
  border: 1px solid #e4cfd6 !important;
  color: #7a5c65 !important;
  border-radius: 12px !important;
}

/* Icône */
.product-availability i,
.alert-warning i {
  color: #c48a9a !important;
}

/* Texte */
.product-availability span,
.alert-warning span {
  color: #7a5c65 !important;
  font-weight: 500;
}
/* Bloc "Derniers articles en stock" */
#product .product-availability,
#product .product-availability-list,
#product .product-availability-list .product-availability,
#product .product-availability-list .alert,
#product .product-availability-list .alert-warning {
  background: #f3e4e8 !important;
  border: 1px solid #e4cfd6 !important;
  color: #7a5c65 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Texte + icône */
#product .product-availability *,
#product .product-availability-list *,
#product .product-availability-list .alert *,
#product .product-availability-list .alert-warning * {
  color: #7a5c65 !important;
  background: transparent !important;
}

/* Icône plus douce */
#product .product-availability i,
#product .product-availability svg,
#product .product-availability-list i,
#product .product-availability-list svg {
  color: #c48a9a !important;
  fill: #c48a9a !important;
}
#product .product-availability {
  background: linear-gradient(135deg, #f3e4e8, #f8eff2) !important;
  border: 1px solid #e4cfd6 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
#product .product-availability {
  border-left: 4px solid #d89cab !important;
  padding-left: 15px !important;
}
#product .product-availability {
  padding: 12px 16px !important;
}
/* ===== Bouton Ajouter au panier ===== */
#product .add-to-cart,
#product .btn-add-to-cart,
#product button.add-to-cart {
  background: linear-gradient(135deg, #e8b9c6, #dca8b8) !important;
  color: #68493f !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 14px rgba(104, 73, 63, 0.10) !important;
  transition: all 0.25s ease !important;
}

/* Hover */
#product .add-to-cart:hover,
#product .btn-add-to-cart:hover,
#product button.add-to-cart:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 18px rgba(104, 73, 63, 0.14) !important;
  filter: brightness(1.03) !important;
}

/* Clic */
#product .add-to-cart:active,
#product .btn-add-to-cart:active,
#product button.add-to-cart:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(104, 73, 63, 0.10) !important;
}

/* Icône panier */
#product .add-to-cart i,
#product .btn-add-to-cart i,
#product button.add-to-cart i,
#product .add-to-cart svg,
#product .btn-add-to-cart svg,
#product button.add-to-cart svg {
  color: #68493f !important;
  fill: #68493f !important;
}

/* Focus */
#product .add-to-cart:focus,
#product .btn-add-to-cart:focus,
#product button.add-to-cart:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232, 185, 198, 0.35), 0 8px 16px rgba(104, 73, 63, 0.12) !important;
}
.modal .btn-primary {
  background: linear-gradient(135deg, #e8b9c6, #dca8b8) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 14px rgba(104, 73, 63, 0.15) !important;
}
.modal .btn-secondary {
  border-radius: 999px !important;
  border: 1px solid #dca8b8 !important;
  color: #68493f !important;
}
#product .add-to-cart {
  letter-spacing: 0.3px;
}
/* ===== POPUP APERÇU PRODUIT - FORÇAGE LARGE ===== */

/* Fenêtre */
.modal.show .modal-content,
.quickview .modal-content,
#product-modal .modal-content,
#iqitquickview-modal .modal-content {
  background: #fdf8fa !important;
  border: 1px solid #eed9df !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(104, 73, 63, 0.12) !important;
  overflow: hidden !important;
}

/* Header / body / footer */
.modal.show .modal-header,
.modal.show .modal-body,
.modal.show .modal-footer,
.quickview .modal-header,
.quickview .modal-body,
.quickview .modal-footer,
#product-modal .modal-header,
#product-modal .modal-body,
#product-modal .modal-footer,
#iqitquickview-modal .modal-header,
#iqitquickview-modal .modal-body,
#iqitquickview-modal .modal-footer {
  background: #fdf8fa !important;
  border-color: #eed9df !important;
  color: #68493f !important;
}

/* Zone infos droite */
.modal.show .product-info,
.modal.show .product-right,
.modal.show .product-prices,
.modal.show .product-actions,
.quickview .product-info,
.quickview .product-right,
.quickview .product-prices,
.quickview .product-actions,
#product-modal .product-info,
#product-modal .product-right,
#iqitquickview-modal .product-info,
#iqitquickview-modal .product-right {
  background: #fdf8fa !important;
  color: #68493f !important;
}

/* Bloc stock */
.modal.show .product-availability,
.quickview .product-availability,
#product-modal .product-availability,
#iqitquickview-modal .product-availability {
  background: #f3e4e8 !important;
  border: 1px solid #e4cfd6 !important;
  border-left: 4px solid #d89cab !important;
  color: #7a5c65 !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  box-shadow: none !important;
}

.modal.show .product-availability *,
.quickview .product-availability *,
#product-modal .product-availability *,
#iqitquickview-modal .product-availability * {
  background: transparent !important;
  color: #7a5c65 !important;
}

/* Bouton panier */
.modal.show .add-to-cart,
.modal.show .btn-add-to-cart,
.quickview .add-to-cart,
.quickview .btn-add-to-cart,
#product-modal .add-to-cart,
#product-modal .btn-add-to-cart,
#iqitquickview-modal .add-to-cart,
#iqitquickview-modal .btn-add-to-cart {
  background: linear-gradient(135deg, #e8b9c6, #dca8b8) !important;
  color: #68493f !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 14px rgba(104, 73, 63, 0.10) !important;
}

/* Quantité */
.modal.show .bootstrap-touchspin,
.modal.show .input-group,
.quickview .bootstrap-touchspin,
.quickview .input-group,
#product-modal .bootstrap-touchspin,
#product-modal .input-group,
#iqitquickview-modal .bootstrap-touchspin,
#iqitquickview-modal .input-group {
  background: transparent !important;
}

.modal.show .btn-touchspin,
.modal.show .bootstrap-touchspin-up,
.modal.show .bootstrap-touchspin-down,
.quickview .btn-touchspin,
.quickview .bootstrap-touchspin-up,
.quickview .bootstrap-touchspin-down,
#product-modal .btn-touchspin,
#product-modal .bootstrap-touchspin-up,
#product-modal .bootstrap-touchspin-down,
#iqitquickview-modal .btn-touchspin,
#iqitquickview-modal .bootstrap-touchspin-up,
#iqitquickview-modal .bootstrap-touchspin-down {
  background: #fffafa !important;
  border-color: #d8c3ca !important;
  color: #68493f !important;
  border-radius: 999px !important;
}

/* Lien bas */
.modal.show .modal-footer a,
.quickview .modal-footer a,
#product-modal .modal-footer a,
#iqitquickview-modal .modal-footer a {
  color: #68493f !important;
}
/* Popup aperçu : vrai bloc "Derniers articles en stock" */
#product-availability > .alert.alert-warning {
  background: #f3e4e8 !important;
  border: 1px solid #e4cfd6 !important;
  border-left: 4px solid #d89cab !important;
  color: #7a5c65 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}

/* Texte + icône à l'intérieur */
#product-availability > .alert.alert-warning,
#product-availability > .alert.alert-warning * {
  color: #7a5c65 !important;
  background: transparent !important;
}
.modal #product-availability > .alert.alert-warning {
  background: #f3e4e8 !important;
  border: 1px solid #e4cfd6 !important;
  border-left: 4px solid #d89cab !important;
  color: #7a5c65 !important;
}
/* Conteneur extérieur du stock : neutre */
#product-availability {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Le vrai bloc visible */
#product-availability > .alert.alert-warning,
.modal #product-availability > .alert.alert-warning {
  background: #f3e4e8 !important;
  border: 1px solid #e4cfd6 !important;
  border-left: 4px solid #d89cab !important;
  color: #7a5c65 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  margin: 0 !important;
}

/* Texte + icône */
#product-availability > .alert.alert-warning *,
.modal #product-availability > .alert.alert-warning * {
  background: transparent !important;
  color: #7a5c65 !important;
}
/* Harmonisation parfaite popup */
.modal #product-availability > .alert {
  width: 100% !important;
  padding: 14px 18px !important;
}
/* ===== FICHE PRODUIT : supprimer le double fond du bloc stock ===== */

/* conteneur externe : totalement neutre */
#product .product-availability,
#product #product-availability {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
}

/* vrai bloc visible uniquement */
#product .product-availability .alert,
#product #product-availability .alert,
#product .product-availability .alert-warning,
#product #product-availability .alert-warning {
  background: #f3e4e8 !important;
  border: 1px solid #e4cfd6 !important;
  border-left: 4px solid #d89cab !important;
  box-shadow: none !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
}

/* texte et icône */
#product .product-availability .alert *,
#product #product-availability .alert *,
#product .product-availability .alert-warning *,
#product #product-availability .alert-warning * {
  background: transparent !important;
  color: #7a5c65 !important;
}
/* Menu gauche : éviter que la flèche soit coupée */
#left-column .block-categories,
#left-column .category-top-menu,
#left-column .block-categories .title,
#left-column .block-categories .h6 {
  overflow: visible !important;
}

#left-column .block-categories .title,
#left-column .block-categories .h6,
#left-column .category-top-menu .title {
  padding-right: 28px !important;
  position: relative !important;
}
#left-column .block-categories .navbar-toggler,
#left-column .block-categories .collapse-icons,
#left-column .block-categories .material-icons,
#left-column .block-categories i {
  right: 10px !important;
  position: absolute !important;
}
/* Menu gauche : débloquer la flèche coupée */
#left-column .block-categories,
#left-column .block-categories * {
  overflow: visible !important;
}

#left-column .block-categories .title,
#left-column .block-categories .h6,
#left-column .block-categories .category-sub-menu li > a {
  position: relative !important;
  padding-right: 35px !important;
}

/* Cas où la flèche est un pseudo-élément */
#left-column .block-categories .title::after,
#left-column .block-categories .h6::after,
#left-column .block-categories [data-bs-toggle="collapse"]::after,
#left-column .block-categories .collapse-icons::after {
  right: 10px !important;
  left: auto !important;
  position: absolute !important;
  overflow: visible !important;
}
/* Garde le design + corrige la flèche */
#left-column .block-categories {
  overflow: hidden !important;
  padding-right: 15px !important;
}
/* Autoriser la flèche à dépasser */
#left-column .block-categories {
  overflow: visible !important;
}
/* Décale la flèche vers l'intérieur */
#left-column .block-categories .title::after,
#left-column .block-categories .h6::after,
#left-column .block-categories i,
#left-column .block-categories .material-icons {
  right: 12px !important;
  left: auto !important;
}
/* Flèche du menu gauche : corriger la marge négative qui la coupe */
.category-tree__item__header.split .accordion-button {
  margin: 0 8px 0 auto !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

/* Si la flèche est générée en pseudo-élément */
.category-tree__item__header.split .accordion-button::after {
  right: 0 !important;
  left: auto !important;
}
/* =========================================================
   MOBILE — FICHES PRODUIT COMME LA DEMO PRESTA
   coeur en haut à droite
   oeil en bas à droite
   sans texte "Aperçu rapide"
   ========================================================= */
@media (max-width: 768px) {

  .product-miniature .thumbnail-top,
  .product-miniature .product-cover,
  .product-miniature .js-product-cover,
  .product-miniature .product-thumbnail {
    position: relative !important;
    overflow: visible !important;
  }

  /* coeur */
  .product-miniature .thumbnail-top [class*="wishlist"],
  .product-miniature .product-cover [class*="wishlist"],
  .product-miniature .js-product-cover [class*="wishlist"],
  .product-miniature .product-thumbnail [class*="wishlist"] {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 30 !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
    overflow: hidden !important;
  }

  /* oeil */
  .product-miniature .thumbnail-top a[data-link-action="quickview"],
  .product-miniature .product-cover a[data-link-action="quickview"],
  .product-miniature .js-product-cover a[data-link-action="quickview"],
  .product-miniature .product-thumbnail a[data-link-action="quickview"] {
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 29 !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
    overflow: hidden !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    white-space: nowrap !important;
  }

  /* masque uniquement les textes du quickview */
  .product-miniature a[data-link-action="quickview"] span:not(.material-icons),
  .product-miniature a[data-link-action="quickview"] em,
  .product-miniature a[data-link-action="quickview"] small,
  .product-miniature a[data-link-action="quickview"] .text,
  .product-miniature a[data-link-action="quickview"] .label,
  .product-miniature a[data-link-action="quickview"] .quickview-label,
  .product-miniature a[data-link-action="quickview"] .quick-view-label {
    display: none !important;
  }

  /* icône oeil */
  .product-miniature a[data-link-action="quickview"] i,
  .product-miniature a[data-link-action="quickview"] svg,
  .product-miniature a[data-link-action="quickview"] .material-icons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #7b5a50 !important;
    fill: #7b5a50 !important;
    stroke: #7b5a50 !important;
  }

  /* icône coeur */
  .product-miniature [class*="wishlist"] i,
  .product-miniature [class*="wishlist"] svg,
  .product-miniature [class*="wishlist"] .material-icons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #7b5a50 !important;
    fill: #7b5a50 !important;
    stroke: #7b5a50 !important;
  }

  /* supprime les pseudo-éléments parasites */
  .product-miniature a[data-link-action="quickview"]::before,
  .product-miniature a[data-link-action="quickview"]::after,
  .product-miniature [class*="wishlist"]::before,
  .product-miniature [class*="wishlist"]::after {
    display: none !important;
    content: none !important;
  }
}
/* =========================================================
   MOBILE — ACCUEIL UNIQUEMENT
   Nouveaux produits / Produits populaires
   ========================================================= */
@media (max-width: 768px) {

  /* cartes accueil : un peu plus larges visuellement */
  #index .featured-products .product-miniature,
  #index .new-products .product-miniature,
  #index section.products .product-miniature {
    padding: 6px !important;
    box-sizing: border-box !important;
  }

  #index .featured-products .thumbnail-container,
  #index .new-products .thumbnail-container,
  #index section.products .thumbnail-container {
    padding: 0 !important;
  }

  /* zone image = repère pour coeur / oeil */
  #index .product-miniature .thumbnail-top,
  #index .product-miniature .product-cover,
  #index .product-miniature .js-product-cover {
    position: relative !important;
    overflow: visible !important;
  }

  /* coeur */
  #index .product-miniature [class*="wishlist"] {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 30 !important;
  }

  /* oeil */
  #index .product-miniature a[data-link-action="quickview"] {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    left: auto !important;
    z-index: 29 !important;
    font-size: 0 !important;
    color: transparent !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  /* masque texte "Aperçu rapide" */
  #index .product-miniature a[data-link-action="quickview"] span:not(.material-icons),
  #index .product-miniature a[data-link-action="quickview"] .text,
  #index .product-miniature a[data-link-action="quickview"] .label,
  #index .product-miniature a[data-link-action="quickview"] .quickview-label,
  #index .product-miniature a[data-link-action="quickview"] .quick-view-label {
    display: none !important;
  }

  /* largeur texte produit sur accueil */
  #index .product-miniature .product-description {
    padding: 14px 16px 12px !important;
  }

  #index .product-miniature .product-title,
  #index .product-miniature .product-title a {
    display: block !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    text-align: left !important;
  }

  /* quantité plus respirante */
  #index .product-miniature .bootstrap-touchspin {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  #index .product-miniature .bootstrap-touchspin input {
    width: 54px !important;
    min-width: 54px !important;
    text-align: center !important;
  }

  #index .product-miniature .btn-touchspin,
  #index .product-miniature .bootstrap-touchspin .btn {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
  }

  /* bouton panier accueil */
  #index .product-miniature .add-to-cart,
  #index .product-miniature .ajax_add_to_cart_button,
  #index .product-miniature .btn-product-list {
    width: calc(100% - 24px) !important;
    margin: 10px 12px 14px !important;
  }
}

/* =========================================================
   MOBILE — ACCUEIL : cadrage image propre et plein cadre
   Nouveaux produits / Produits populaires
   ========================================================= */
@media (max-width: 768px) {

  /* bloc image */
  #index .product-miniature .thumbnail-top,
  #index .product-miniature .product-cover,
  #index .product-miniature .js-product-cover,
  #index .product-miniature .product-thumbnail,
  #index .product-miniature .product-thumbnail > a,
  #index .product-miniature .product-cover > a,
  #index .product-miniature picture {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  /* image : elle remplit vraiment le cadre */
  #index .product-miniature .thumbnail-top img,
  #index .product-miniature .product-cover img,
  #index .product-miniature .js-product-cover img,
  #index .product-miniature .product-thumbnail img,
  #index .product-miniature picture img {
    display: block !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
  }

  /* si une image portrait reste trop étroite, on la zoome un peu */
  #index .product-miniature img {
    transform: scale(1.08) !important;
    transform-origin: center center !important;
  }

  /* coeur */
  #index .product-miniature [class*="wishlist"] {
    top: 10px !important;
    right: 10px !important;
  }

  /* oeil */
  #index .product-miniature a[data-link-action="quickview"] {
    right: 10px !important;
    bottom: 10px !important;
  }
}
/* =========================================================
   MOBILE — ACCUEIL EN 1 COLONNE
   Nouveaux produits / Produits populaires uniquement
   ========================================================= */
@media (max-width: 768px) {

  /* conteneur accueil */
  #index .products {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 1 produit par ligne sur l’accueil uniquement */
  #index .products .product-miniature {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* carte */
  #index .product-miniature .thumbnail-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  /* image */
  #index .product-miniature .thumbnail-top,
  #index .product-miniature .product-cover,
  #index .product-miniature .js-product-cover,
  #index .product-miniature .product-thumbnail {
    position: relative !important;
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  #index .product-miniature .thumbnail-top img,
  #index .product-miniature .product-cover img,
  #index .product-miniature .js-product-cover img,
  #index .product-miniature .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 18px !important;
  }

  /* coeur */
  #index .product-miniature [class*="wishlist"] {
    top: 12px !important;
    right: 12px !important;
  }

  /* oeil */
  #index .product-miniature a[data-link-action="quickview"] {
    right: 12px !important;
    bottom: 12px !important;
  }

  /* zone texte */
  #index .product-miniature .product-description {
    padding: 16px 12px 10px !important;
  }

  #index .product-miniature .product-title,
  #index .product-miniature .product-title a {
    display: block !important;
    width: 100% !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    text-align: left !important;
  }

  /* prix */
  #index .product-miniature .price {
    font-size: 18px !important;
    text-align: left !important;
    display: block !important;
    margin-top: 8px !important;
  }

  /* quantité */
  #index .product-miniature .bootstrap-touchspin {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin-top: 10px !important;
  }

  #index .product-miniature .bootstrap-touchspin input {
    width: 60px !important;
    min-width: 60px !important;
    text-align: center !important;
  }

  #index .product-miniature .btn-touchspin,
  #index .product-miniature .bootstrap-touchspin .btn {
    width: 60px !important;
    min-width: 60px !important;
    height: 54px !important;
  }

  /* bouton panier */
  #index .product-miniature .add-to-cart,
  #index .product-miniature .ajax_add_to_cart_button,
  #index .product-miniature .btn-product-list {
    width: 100% !important;
    margin: 14px 0 0 !important;
  }
}
/* =========================================================
   MOBILE — ACCUEIL : élargir au maximum (bord à bord doux)
   ========================================================= */
@media (max-width: 768px) {

  /* on casse les marges du container accueil */
  #index #content,
  #index .container,
  #index .container-fluid {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* bloc produits */
  #index .products {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* carte prend toute la largeur */
  #index .product-miniature {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* on réduit le padding interne pour gagner visuellement */
  #index .product-miniature .thumbnail-container {
    padding: 10px !important;
  }
}
/* =========================================================
   FICHE PRODUIT MOBILE — description plus large
========================================================= */
@media (max-width: 767px) {
  #product #description,
  #product .tab-pane#description,
  #product .product-tabs .tab-pane,
  #product .product-information .tab-pane,
  #product .product__infos .info__content,
  #product .product__description.accordion-body.rich-text {
    padding: 6px !important;
    box-sizing: border-box !important;
  }

  #product .product__description.accordion-body.rich-text p,
  #product .product__description.accordion-body.rich-text h2,
  #product .product__description.accordion-body.rich-text h3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ===============================
   Slider navigation Doudou&Co
================================= */

/* pastilles inactives */
.carousel-indicators li,
.carousel-indicators button{
background:#EADFD8 !important; /* beige poudré */
border:none !important;
opacity:1 !important;
border-radius:30px !important;
}

/* hover optionnel */
.carousel-indicators li:hover,
.carousel-indicators button:hover{
background:#C9A999 !important;
}
.carousel-control-prev,
.carousel-control-next{
background:rgba(234,223,216,.72) !important;
border-radius:50%;
}

.carousel-control-prev:hover,
.carousel-control-next:hover{
background:rgba(180,138,119,.35) !important;
}
#carousel,
.carousel{
background:#F7F1EC !important;
}
/* Dots ultra fines */
.nivo-controlNav a,
.carousel-indicators li,
.owl-dots .owl-dot span{
width:10px !important;
height:3px !important;
min-height:3px !important;
line-height:3px !important;
border-radius:20px !important;
margin:0 3px !important;
padding:0 !important;

background: rgba(233,220,214,.75) !important;
border:1px solid #cdb3a5 !important;
box-shadow:none !important;
}

.nivo-controlNav a.active,
.carousel-indicators .active,
.owl-dots .owl-dot.active span{
width:18px !important;
height:3px !important;
min-height:3px !important;

background:#c6a795 !important;
border-color:#c6a795 !important;
}
/* Pagination plus fine */
.nivo-controlNav a,
.carousel-indicators li,
.owl-dots .owl-dot span{
width:12px !important;
height:6px !important;
border-radius:20px !important;
margin:0 4px !important;
}

.nivo-controlNav a.active,
.carousel-indicators .active,
.owl-dots .owl-dot.active span{
width:18px !important;
height:6px !important;
}
/* =====================================================
   FICHE PRODUIT — Bloc réassurance Doudou&Co
   ===================================================== */

/* Icônes réassurance */
#product .blockreassurance_product i,
#product .blockreassurance_product svg,
#product .blockreassurance_product svg *,
#product .blockreassurance_product .material-icons,
#product .blockreassurance_product .reassurance-icon {
  color: #A98C7A !important;
  fill: #A98C7A !important;
  stroke: #A98C7A !important;
}

/* Titres */
#product .blockreassurance_product .block-title,
#product .blockreassurance_product span,
#product .blockreassurance_product p:first-child {
  color: #6F4E45 !important;
  font-weight: 600 !important;
}

/* Texte secondaire */
#product .blockreassurance_product p,
#product .blockreassurance_product div {
  color: #7A625B !important;
}

/* Espacement */
#product .blockreassurance_product {
  margin-top: 28px !important;
}

#product .blockreassurance_product li,
#product .blockreassurance_product .blockreassurance_product_item {
  margin-bottom: 18px !important;
}
#product .blockreassurance_product span,
#product .blockreassurance_product .block-title {
  display:block;
  margin-bottom:4px;
}
/* =========================================
   Réassurance — effet premium lisibilité
   ========================================= */

/* TITRE réassurance (vrai ciblage) */
#product .blockreassurance_product .item-product strong,
#product .blockreassurance_product .item-product span:first-child {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #6F4E45 !important;
  display: block;
  margin-bottom: 6px;
}

/* TEXTE secondaire */
#product .blockreassurance_product .item-product p {
  font-size: 14px !important;
  line-height: 1.5;
  opacity: 0.85;
  margin: 0;
}

/* espace entre les blocs */
#product .blockreassurance_product li,
#product .blockreassurance_product .blockreassurance_product_item {
  margin-bottom: 22px !important;
}

/* icône légèrement plus discrète */
#product .blockreassurance_product svg {
  opacity: 0.85;
}
#product .blockreassurance_product {
  max-width: 420px;
}
#product .blockreassurance_product .item-product {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#product .blockreassurance_product svg {
  width: 30px !important;
  height: 30px !important;
  display: block;
}

#product .blockreassurance_product svg * {
  vector-effect: non-scaling-stroke;
}
#product .blockreassurance_product .item-product svg {
  transform: scale(1.15);
}
/* Base commune */
#product .blockreassurance_product svg {
  width: 30px !important;
  height: 30px !important;
}

/* Cadenas (nickel, on touche pas) */

/* Camion → trop petit visuellement */
#product .blockreassurance_product li:nth-child(2) svg {
  transform: scale(1.25);
}

/* Retours → un peu léger aussi */
#product .blockreassurance_product li:nth-child(3) svg {
  transform: scale(1.2);
}
#product .blockreassurance_product svg {
  stroke: #A98C7A !important;
  fill: none !important;
}

#product .blockreassurance_product svg * {
  stroke: #A98C7A !important;
  fill: none !important;
}
#product .blockreassurance_product {
  color: #A98C7A !important;
}

#product .blockreassurance_product svg {
  stroke: currentColor !important;
  color: #A98C7A !important;
}

#product .blockreassurance_product svg * {
  stroke: currentColor !important;
}
/* Badge statut des commandes - Mon compte */
#history .label,
#history .badge,
#history .status {
    background: #D8A7B1 !important;
    border-color: #D8A7B1 !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 5px 12px !important;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
/* ==========================================
   Badges de statut - Détail de commande
   ========================================== */

#order-detail .badge,
#order-detail .label,
#order-detail .status {
    background: #D8A8B2 !important;
    border-color: #D8A8B2 !important;
    color: #fff !important;
}
/* ==========================================
   Boutons PayPal - Doudou&Co
   ========================================== */

/* Conteneur des boutons */
.ppc-button-wrapper,
.paypal-buttons,
.paypal-button-container {
    width: 100% !important;
    margin-top: 12px !important;
}

/* Chaque bouton */
.ppc-button-wrapper iframe,
.paypal-buttons iframe,
.paypal-button-container iframe {
    width: 100% !important;
    border-radius: 14px !important;
}

/* Espacement entre les deux boutons */
.paypal-buttons > div {
    margin-bottom: 10px !important;
}
/* Alignement boutons PayPal fiche produit */
#product .js-product-actions .paypal-button,
#product .js-product-actions .paypal-buttons,
#product .js-product-actions .paypal-button-container,
#product .js-product-actions iframe {
  max-width: 260px !important;
  width: 260px !important;
  border-radius: 18px !important;
}

/* Espace entre les boutons PayPal */
#product .js-product-actions .paypal-buttons {
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}
.doudou-top-marquee {
    overflow: hidden;
    white-space: nowrap;
}

.doudou-top-marquee__track {
    display: inline-flex;
    animation: doudouMarquee 30s linear infinite;
}

@keyframes doudouMarquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
/* Bandeau défilant infini Doudou&Co */
.doudou-top-marquee {
  width: 100%;
  height: 36px;
  overflow: hidden;
  background: #F7ECEE;
  border-bottom: 1px solid #E8D3D8;
  display: flex;
  align-items: center;
  color: #6F4E45;
}

.doudou-top-marquee__track {
  display: flex;
  width: max-content;
  animation: doudouMarquee 28s linear infinite;
}

.doudou-top-marquee__track span {
  flex-shrink: 0;
  padding-right: 45px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

@keyframes doudouMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .doudou-top-marquee {
    height: 34px;
  }

  .doudou-top-marquee__track {
    animation-duration: 20s;
  }

  .doudou-top-marquee__track span {
    font-size: 13px;
    padding-right: 35px;
  }
}
.doudou-top-marquee__track .promo{
    font-weight:700;
    font-size:16px;
    color:#8E5E67;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.doudou-top-marquee__track .promo strong{
    color:#B56A79;
    font-size:18px;
}