/* MBN mobile product size choices: pill tabs */
@media (max-width: 767px) {
  #product .mbn-product-size-buttons { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; }
  #product .mbn-product-size-option { width: 100% !important; min-width: 0 !important; height: 46px !important; padding: 0 8px !important; border-radius: 23px !important; }
}
/* Blog category badges: white text on green */
#module-smartblog-category .mbn-card .mbn-badge { color: #fff !important; background-color: #5f865c !important; }
#module-smartblog-category .mbn-card .mbn-badge:hover,
#module-smartblog-category .mbn-card .mbn-badge:focus { color: #fff !important; background-color: #4f754d !important; }

@media (max-width: 767px) {
  #product .product-variants-item { display: block !important; width: 100% !important; }
}

/* Uniform product-card prices: match Chaussons bebe */
.product-miniature .product-price {
  font-size: 18px !important;
  line-height: 22px !important;
}

/* Green October badge - category 534 product grid only */
.category-id-534 #js-product-list .product-miniature .product-price-and-shipping::after {
  content: "Green October";
  display: table;
  margin: 8px auto 0;
  padding: 5px 14px;
  background: #61845c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .2px;
}

/* Green October badge position: directly below discount flag */
.category-id-534 #js-product-list .product-miniature .product-price-and-shipping::after { content: none !important; display: none !important; }
.category-id-534 #js-product-list .product-miniature .product-flags::after {
  content: "Green October";
  display: block;
  width: max-content;
  margin-top: 6px;
  padding: 5px 12px;
  background: #61845c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .2px;
  white-space: nowrap;
}

/* Green October first, discount amount second */
.category-id-534 #js-product-list .product-miniature .product-flags::after { content: none !important; display: none !important; }
.category-id-534 #js-product-list .product-miniature .product-flags::before {
  content: "Green October";
  display: block;
  width: max-content;
  margin-bottom: 6px;
  padding: 5px 12px;
  background: #61845c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .2px;
  white-space: nowrap;
}

/* Green October discount badge style */
.category-id-534 #js-product-list .product-miniature .product-flags .discount {
  display: block !important;
  width: max-content !important;
  padding: 5px 12px !important;
  background: #2E7DA6 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
}

/* Mobile menu top bar color */
@media (max-width: 991.98px) {
  .mbn-menu-topbar {
    background: #2E7DA6 !important;
    color: #fff !important;
  }
  .mbn-menu-topbar .mobile-menu__title,
  .mbn-menu-topbar .mobile-menu__back-btn,
  .mbn-menu-topbar .mobile-menu__close,
  .mbn-menu-topbar .mobile-menu__back-btn i,
  .mbn-menu-topbar .mobile-menu__close i {
    color: #fff !important;
  }
}

/* Visible mobile header buttons bar */
@media (max-width: 991.98px) {
  #mobile-header .mobile-buttons-bar,
  #mobile-header-sticky .mobile-buttons-bar {
    background: #2E7DA6 !important;
  }
  #mobile-header .mobile-buttons-bar a,
  #mobile-header .mobile-buttons-bar button,
  #mobile-header .mobile-buttons-bar i,
  #mobile-header .mobile-buttons-bar .icon,
  #mobile-header-sticky .mobile-buttons-bar a,
  #mobile-header-sticky .mobile-buttons-bar button,
  #mobile-header-sticky .mobile-buttons-bar i,
  #mobile-header-sticky .mobile-buttons-bar .icon {
    color: #fff !important;
  }
}

/* Visible mobile header buttons bar */
@media (max-width: 991.98px) {
  #mobile-header .mobile-buttons-bar,
  #mobile-header-sticky .mobile-buttons-bar {
    background: #2E7DA6 !important;
  }
  #mobile-header .mobile-buttons-bar a,
  #mobile-header .mobile-buttons-bar button,
  #mobile-header .mobile-buttons-bar i,
  #mobile-header .mobile-buttons-bar .icon,
  #mobile-header-sticky .mobile-buttons-bar a,
  #mobile-header-sticky .mobile-buttons-bar button,
  #mobile-header-sticky .mobile-buttons-bar i,
  #mobile-header-sticky .mobile-buttons-bar .icon {
    color: #fff !important;
  }
}

/* Correct target: mobile offer banner; restore mobile menus */
@media (max-width: 991.98px) {
  .mbn-menu-topbar {
    background: #f4f4f4 !important;
    color: #212529 !important;
  }
  .mbn-menu-topbar .mobile-menu__title,
  .mbn-menu-topbar .mobile-menu__back-btn,
  .mbn-menu-topbar .mobile-menu__close,
  .mbn-menu-topbar .mobile-menu__back-btn i,
  .mbn-menu-topbar .mobile-menu__close i {
    color: #212529 !important;
  }
  #mobile-header .mobile-buttons-bar,
  #mobile-header-sticky .mobile-buttons-bar {
    background: #4ec4de !important;
  }
  #mobile-header .mobile-buttons-bar a,
  #mobile-header .mobile-buttons-bar button,
  #mobile-header .mobile-buttons-bar i,
  #mobile-header .mobile-buttons-bar .icon,
  #mobile-header-sticky .mobile-buttons-bar a,
  #mobile-header-sticky .mobile-buttons-bar button,
  #mobile-header-sticky .mobile-buttons-bar i,
  #mobile-header-sticky .mobile-buttons-bar .icon {
    color: #212529 !important;
  }
  .header-banner .elementor-element-f4mb7y9 {
    background: #2E7DA6 !important;
  }
  .header-banner .elementor-element-f4mb7y9,
  .header-banner .elementor-element-f4mb7y9 a,
  .header-banner .elementor-element-f4mb7y9 p,
  .header-banner .elementor-element-f4mb7y9 span,
  .header-banner .elementor-element-f4mb7y9 strong {
    color: #fff !important;
  }
}

/* Force the OFFERT banner color on every mobile layer */
@media (max-width: 991.98px) {
  body #header .header-banner .elementor-section.elementor-element-f4mb7y9,
  body #header .header-banner .elementor-section-wrap > .elementor-section:first-child,
  body #header .header-banner .elementor > .elementor-inner > .elementor-section-wrap > .elementor-section:first-child {
    background-color: #2E7DA6 !important;
    background-image: none !important;
  }
  body #header .header-banner .elementor-element-f4mb7y9::before,
  body #header .header-banner .elementor-section-wrap > .elementor-section:first-child::before {
    background-color: #2E7DA6 !important;
    background-image: none !important;
    opacity: 1 !important;
  }
  body #header .header-banner .elementor-element-f4mb7y9,
  body #header .header-banner .elementor-element-f4mb7y9 *,
  body #header .header-banner .elementor-section-wrap > .elementor-section:first-child,
  body #header .header-banner .elementor-section-wrap > .elementor-section:first-child * {
    color: #fff !important;
  }
}

/* Sitewide promotion badges */
.product-miniature .product-flags .discount,
.product-flags .discount {
  background: #2E7DA6 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
}

/* Final sitewide discount badge formatting */
.product-miniature .product-flags .discount,
.product-flags .discount {
  display: block !important;
  width: max-content !important;
  background: #2E7DA6 !important;
  color: #fff !important;
  white-space: nowrap !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
}
.product-miniature .product-flags .discount::first-letter,
.product-flags .discount::first-letter {
  margin-right: .25em !important;
}

/* Exact fixed display for the 10 euro promotion badge */
.product-flags .discount {
  font-size: 0 !important;
}
.product-flags .discount::after {
  content: "− 10,00 €" !important;
  display: inline-block !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
  direction: ltr !important;
}
.product-flags .discount::first-letter {
  margin-right: 0 !important;
}

/* Remove duplicate native discount content */
.product-flags .discount > * {
  display: none !important;
}
.product-flags .discount {
  font-size: 0 !important;
  line-height: 0 !important;
}
.product-flags .discount::after {
  content: "− 10,00 €" !important;
  display: inline-block !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

/* Definitive single discount label */
body #js-product-list .product-miniature .product-flags .discount,
body .product-miniature .product-flags .discount {
  position: relative !important;
  color: transparent !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
}
body #js-product-list .product-miniature .product-flags .discount::after,
body .product-miniature .product-flags .discount::after {
  content: "− 10,00 €" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #2E7DA6 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
}