/* ============================================
   Couleurs personnalisées - Hummingbird/Classic
   Orange  : #FC8606
   Cyan    : #03C8FC
   Bleu    : #03C8FC
   - href (liens texte)    => #03C8FC
   - btn, nav links        => #03C8FC
   - hover (tout)          => #FC8606
   - badges                => #FC8606
   - flags                 => #FC8606
   ============================================ */
/* ------------------------------------------
   FONT - Barlow Condensed
------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
td,
th,
button,
input,
select,
textarea,
label,
caption,
figcaption,
.btn,
.nav-link,
.dropdown-item,
.product-title,
.card-title,
.page-title {
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* Préserve Material Icons (spans et i avec cette classe) */
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
i.material-icons,
span.material-icons {
  font-family: 'Material Icons' !important;
  font-feature-settings: 'liga';
}

/* ------------------------------------------
   LIENS TEXTE (href)
------------------------------------------ */
a:hover,
a:focus {
  color: #FC8606 !important;
}

/* Les liens dans les boutons pleins gardent le blanc (exclut outline) */
a.btn:not([class*="btn-outline"]):not(.btn-link),
a.btn:not([class*="btn-outline"]):not(.btn-link):hover,
a.btn:not([class*="btn-outline"]):not(.btn-link):focus {
  color: #fff !important;
}

/* Outline sur balise <a> : texte cyan visible */
a.btn-outline-primary,
a.btn-outline-secondary {
  color: #03C8FC !important;
}

a.btn-outline-primary:hover,
a.btn-outline-primary:focus,
a.btn-outline-secondary:hover,
a.btn-outline-secondary:focus {
  color: #fff !important;
}

/* ------------------------------------------
   BOUTONS PLEINS (exclut les outline et link)
------------------------------------------ */
.btn:not([class*="btn-outline"]):not(.btn-link),
.btn-primary,
.btn-secondary,
.btn-default,
button[type="submit"],
input[type="submit"],
input[type="button"] {
  background-color: #03C8FC !important;
  border-color: #03C8FC !important;
  color: #fff !important;
}

.btn:not([class*="btn-outline"]):not(.btn-link):hover,
.btn:not([class*="btn-outline"]):not(.btn-link):focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-default:hover,
.btn-default:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.open>.btn-primary.dropdown-toggle {
  background-color: #FC8606 !important;
  border-color: #FC8606 !important;
  color: #fff !important;
}

/* Boutons outline */
.btn-outline-primary,
.btn-outline-secondary {
  background-color: transparent !important;
  color: #03C8FC !important;
  border-color: #03C8FC !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: #FC8606 !important;
  border-color: #FC8606 !important;
  color: #fff !important;
}

/* ------------------------------------------
   MENU / NAVIGATION - liens en cyan, hover orange
------------------------------------------ */
#header .top-menu a,
#header .top-menu a[data-depth="0"],
.top-menu a,
.nav-link,
.main-menu a {
  color: #03C8FC !important;
}

#header .top-menu a:hover,
#header .top-menu a[data-depth="0"]:hover,
.top-menu a:hover,
.nav-link:hover,
.nav-link.active,
.main-menu a:hover {
  color: #FC8606 !important;
}

/* ------------------------------------------
   BADGES & DISCOUNT FLAGS (PrestaShop)
------------------------------------------ */
.badge,
.badge-primary,
.badge-secondary,
.label,
.label-primary,
[class*="badge-"],
/* Flags produit PrestaShop (new, on-sale, pack) => orange plein */
.product-flag,
.product-flag.new,
.product-flag.on-sale,
.product-flag.pack {
  background-color: #FC8606 !important;
  color: #fff !important;
  border: none !important;
}

.product-flag a,
.product-flag span {
  color: #fff !important;
}

/* Badge DISCOUNT => outline transparent, texte + bordure orange */
.product-flag.discount,
.discount-percentage,
.discount-amount,
.product-discount,
span.discount {
  background-color: transparent !important;
  color: #FC8606 !important;
  border: 2px solid #FC8606 !important;
}

.product-flag.discount a,
.product-flag.discount span,
.discount-percentage a,
.discount-amount a,
span.discount a {
  color: #FC8606 !important;
}

/* ------------------------------------------
   FLAGS (sélecteur de langue / pays)
------------------------------------------ */
.language-selector .expand-more,
.language-selector__list-item a,
.language-selector .current-language,
#_desktop_language_selector .expand-more,
#_desktop_language_selector a,
#_mobile_language_selector a,
.l-header .language-selector a,
.header-top .language-selector a,
.flag+span,
.js-language-selector a {
  color: #FC8606 !important;
}

.language-selector__list-item a:hover,
#_desktop_language_selector a:hover,
#_mobile_language_selector a:hover {
  color: #d97200 !important;
}

img.flag,
.flag {
  border: 2px solid #FC8606;
  border-radius: 2px;
}

/* ------------------------------------------
   PAGINATION
------------------------------------------ */
.page-link {
  color: #03C8FC !important;
}

.page-link:hover,
.page-link:focus {
  color: #FC8606 !important;
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
  background-color: #FC8606 !important;
  border-color: #FC8606 !important;
  color: #fff !important;
}

/* ------------------------------------------
   INPUTS FOCUS
------------------------------------------ */
input:focus,
select:focus,
textarea:focus {
  border-color: #03C8FC !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(96, 210, 223, .4) !important;
  outline: none;
}

/* ------------------------------------------
   DIVERS
------------------------------------------ */
.bg-primary {
  background-color: #FC8606 !important;
}

.text-primary {
  color: #FC8606 !important;
}

.tag-primary {
  background-color: #FC8606 !important;
}

.card-primary {
  background-color: #FC8606 !important;
  border-color: #FC8606 !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #FC8606 !important;
  border-color: #FC8606 !important;
}

.dropdown-item.active,
.dropdown-item.active:hover,
.dropdown-item.active:focus {
  background-color: #FC8606 !important;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover {
  background-color: #FC8606 !important;
}


.section-title {
  text-align: center;
}


/* 24715 recettte */
@media (max-width: 425px) {
  .header-bottom .navbar-brand {
    max-width: 165px !important;
  }
}

.search-widgets__dropdown.js-search-dropdown {
  z-index: 9999;
}

.ap5-pack-page .ap5-add-to-cart-container .add {
  margin: 8px 0px !important;
}

#ap5-pack-product-tabs-content {
  border: none !important
}


.ps_checkout-payment-option label.form-check-label {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.ps_checkout-payment-option label.form-check-label span.flex-grow-1 {
  flex-grow: 0 !important;
}

.ps_checkout-payment-option label.form-check-label {
  margin-bottom: 0 !important;
}


div#payment-option-1-container>label {
  margin-bottom: 0 !important
}


/* 24715 END */


/* 26314 */
img.logo.img-fluid {
    mix-blend-mode: multiply !important;
}

div.header-bottom {
    background: linear-gradient(90deg, #dadada 0%, #f5f5f5 100%) !important;
}

p.product-miniature__title {
    color: #000 !important;
}

.h1{
    color: #4ec9f7 !important;
}

.product-miniature__stock {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  padding: 0.125rem 0.5rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--bs-body-bg);
  pointer-events: none;
  font-size: 0.875rem;
  background-color: var(--bs-dark);
  border-radius: var(--bs-border-radius-sm);
  opacity: 0;
  transition: var(--bs-transition-default);
}

@media (hover: hover) {
  .product-miniature:hover .product-miniature__stock,
  .product-miniature:has(*:focus-visible) .product-miniature__stock {
    opacity: 1;
    z-index: 999;
  }
}


/* Category description: collapsed to ~3 lines with a "See more / See less" toggle */
.category__description-wrapper {
  margin-bottom: 1.5rem;
}

.category__description {
  position: relative;
  max-height: 7.5rem; /* ~3 lines of text */
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.category__description::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 2rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bs-body-bg) 90%);
  transition: opacity 0.2s ease;
}

.category__description--expanded::after {
  opacity: 0;
  pointer-events: none;
}

/* Added by custom.js when the content is already shorter than the collapsed height: no fade/toggle needed */
.category__description--not-truncated {
  max-height: none;
}

.category__description--not-truncated::after {
  content: none;
}

.category__description-toggle {
  display: block;
  margin: 0.5rem auto 0;
  padding: 0.25rem 0.75rem;
  color: var(--bs-link-color);
  font-weight: 600;
  text-align: center;
  background: none;
  border: 0;
}

.category__description-toggle:hover,
.category__description-toggle:focus-visible {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}
/* Category description: collapsed to ~3 lines with a "See more / See less" toggle */


/* 26314 END */