/* ==========================================================================
   Daytona ANIMA - Menu sidebar sur FICHE PRODUIT (#product) + RECHERCHE (#search)
   daytona-product-menu-v1.3.0.css
   v1.3.0 : SUPPRESSION des deux titres de la sidebar (pour coller a l'original
            daytona-global qui n'en a aucun) :
              - le titre ::before (attr(data-cat-label)) est retire ;
              - le titre natif .left-block__title est masque de facon robuste.
            La sidebar commence donc directement par la liste des categories.
   v1.2.0 : titre via attr(data-cat-label) (abandonne en v1.3.0).
   v1.1.0 : ajout de #search a cote de #product.
   ========================================================================== */

/* === A. Structure colonnes (sidebar 290px + contenu) === */
#product .columns-container,
#product .columns-container.container,
#search .columns-container,
#search .columns-container.container {
  max-width: 1300px;
  padding: 0 30px;
}
#product .columns-container > .row,
#search .columns-container > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 40px;
  margin: 0;
}
#product #left-column,
#product .left-column,
#search #left-column,
#search .left-column {
  flex: 0 0 290px !important;
  width: 290px !important;
  max-width: 290px !important;
  padding: 0 !important;
}
#product #content-wrapper,
#product .content-wrapper,
#product #center-column,
#search #content-wrapper,
#search .content-wrapper,
#search #center-column {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* === B. Cacher les modules residuels dans la sidebar === */
#product #left-column .ps-brandlist,
#product #left-column .ps-supplierlist,
#product #left-column .ps-customer-account-links,
#product #left-column .ps-newproducts,
#product #left-column .ps-bestsellers,
#product #left-column .ps-customer-signin,
#product #left-column .ps-banner,
#product #left-column .ps-customtext,
#product #left-column .ps-imageslider,
#product #left-column .ps-language-selector,
#product #left-column .ps-share-buttons,
#product #left-column .block_newsletter,
#product #left-column .block-contact,
#product #left-column .block-social,
#product #left-column .facets-title,
#product #left-column .faceted-search-container,
#search #left-column .ps-brandlist,
#search #left-column .ps-supplierlist,
#search #left-column .ps-customer-account-links,
#search #left-column .ps-newproducts,
#search #left-column .ps-bestsellers,
#search #left-column .ps-customer-signin,
#search #left-column .ps-banner,
#search #left-column .ps-customtext,
#search #left-column .ps-imageslider,
#search #left-column .ps-language-selector,
#search #left-column .ps-share-buttons,
#search #left-column .block_newsletter,
#search #left-column .block-contact,
#search #left-column .block-social,
#search #left-column .facets-title,
#search #left-column .faceted-search-container {
  display: none !important;
}

/* === C. Styliser .ps-categorytree comme la sidebar Daytona === */
#product #left-column .ps-categorytree,
#search #left-column .ps-categorytree {
  margin-bottom: 30px;
  padding: 0;
  border: none;
}
#product .category-tree__list,
#product .ps-categorytree ul.category-tree__list,
#search .category-tree__list,
#search .ps-categorytree ul.category-tree__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #f4f4f4;
}
#product .category-tree__list .category-tree__list,
#search .category-tree__list .category-tree__list {
  border-top: none;
  margin-left: 15px;
}
#product .category-tree__item-header,
#product .category-tree__item-header.nosplit,
#search .category-tree__item-header,
#search .category-tree__item-header.nosplit {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
#product .category-tree__item-link,
#product .category-tree__item-header a,
#search .category-tree__item-link,
#search .category-tree__item-header a {
  display: block;
  position: relative;
  font-family: 'Khand', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #000 !important;
  padding: 14px 32px 14px 8px !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: color 0.3s;
}
#product .category-tree__item-link::after,
#product .category-tree__item-header > a::after,
#search .category-tree__item-link::after,
#search .category-tree__item-header > a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 6px solid #000;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: border-left-color 0.3s;
}
#product .category-tree__item-link:hover,
#product .category-tree__item-header > a:hover,
#product .category-tree__item-header.split.parent > .category-tree__item-link,
#product .category-tree__item-header[aria-current="true"] > a,
#search .category-tree__item-link:hover,
#search .category-tree__item-header > a:hover,
#search .category-tree__item-header.split.parent > .category-tree__item-link,
#search .category-tree__item-header[aria-current="true"] > a {
  color: #eb6100 !important;
}
#product .category-tree__item-link:hover::after,
#product .category-tree__item-header > a:hover::after,
#product .category-tree__item-header.split.parent > .category-tree__item-link::after,
#search .category-tree__item-link:hover::after,
#search .category-tree__item-header > a:hover::after,
#search .category-tree__item-header.split.parent > .category-tree__item-link::after {
  border-left-color: #eb6100;
}

/* Cacher boutons accordion +/- natifs Bootstrap */
#product .category-tree__item-header .accordion-button::after,
#product .category-tree__list .accordion-button::after,
#search .category-tree__item-header .accordion-button::after,
#search .category-tree__list .accordion-button::after { display: none !important; }
#product .category-tree__item-header .accordion-button,
#search .category-tree__item-header .accordion-button {
  background: transparent;
  box-shadow: none;
  padding: 0;
}

/* === D. PLUS DE TITRE de sidebar (ni ::before, ni titre natif) === */
/* (v1.3.0) On NEUTRALISE le pseudo-titre attr(data-cat-label) sur les 3 contextes.
   Ce fichier est charge APRES style.css : cet override gagne sur la regle
   #category #left-column::before definie dans style.css (ligne ~1290). */
#category #left-column::before,
#product #left-column::before,
#search #left-column::before {
  content: none !important;
  display: none !important;
}

/* Masquer le titre natif "Accueil/PRODUITS" du bloc categorytree, de facon robuste */
#category #left-column .left-block__title,
#category .ps-categorytree .left-block__title,
#category .ps-categorytree > .left-block__title,
#product #left-column .left-block__title,
#product .ps-categorytree .left-block__title,
#product .ps-categorytree > .left-block__title,
#search #left-column .left-block__title,
#search .ps-categorytree .left-block__title,
#search .ps-categorytree > .left-block__title {
  display: none !important;
}

/* === E. Notre section produit ne doit pas imposer de max-width dans la colonne === */
#product .daytona-product {
  max-width: 100%;
  margin: 0;
}

/* === Responsive : sidebar en pleine largeur sur mobile === */
@media (max-width: 768px) {
  #product .columns-container > .row,
  #search .columns-container > .row {
    flex-wrap: wrap !important;
  }
  #product #left-column,
  #product .left-column,
  #search #left-column,
  #search .left-column {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* === F. Masquer le breadcrumb (look epure Daytona) === */
#product nav.breadcrumb__wrapper,
#product .breadcrumb__wrapper,
#product .breadcrumb,
#search nav.breadcrumb__wrapper,
#search .breadcrumb__wrapper,
#search .breadcrumb {
  display: none !important;
}