/* ============================================================
   BANDIDO FRANCE OFFICIEL — Custom CSS
   Palette : Noir #1A1A1A | Vert #1A6B4A | Blanc #f7f7f7 | Gris #888888
   ============================================================ */

/* ── GÉNÉRAL ── */
body, #wrapper { background-color: #f7f7f7 !important; }

/* ── HEADER ── */
#header .header-nav .user-info { margin-left: .9375rem !important; }
#header .header-nav .user-info a:hover { color: #ffffff !important; text-decoration: none !important; }
#header .header-nav #contact-link a:hover,
#header .header-nav #_desktop_contact_link a:hover { color: #ffffff !important; text-decoration: none !important; }
/* desktop : search dans header-nav, cachée dans header-top */
@media (min-width: 768px) {
  #header .header-top .search-widgets { display: none !important; }
  #header .header-nav .right-nav { display: flex !important; align-items: center !important; justify-content: flex-end !important; }
  #header .header-nav .right-nav .search-widget { display: flex !important; align-items: center !important; flex: 1 !important; max-width: 400px !important; margin: 0 1rem 0 0 !important; }
  #header .header-nav .right-nav .search-widget form { width: 100% !important; }
  #header .header-nav .right-nav .search-widget input[type=text] { min-width: 0 !important; width: 100% !important; height: 32px !important; padding: .25rem .75rem !important; font-size: .875rem !important; box-sizing: border-box !important; }
  .header-nav .search-widget form input[type=text] { min-width: 0 !important; }
  #header .header-nav .right-nav .search-widget button[type=submit] { height: 32px !important; }
}

/* ── BOUTON SWITCH BOUTIQUE ── */
.btn-switch-bandido { background: #1A1A1A !important; color: #ffffff !important; border: 2px solid #1A1A1A !important; transition: all .2s ease !important; text-decoration: none !important; padding: 0 12px; font-weight: 600; font-size: 1rem; white-space: nowrap; font-family: Manrope, sans-serif; display: flex; align-items: center; align-self: stretch; position: relative !important; overflow: hidden !important; }
.btn-switch-mobile { display: block; width: 100%; text-align: center; background: #1A1A1A !important; color: #ffffff !important; padding: 10px; font-weight: 700; font-size: 14px; text-decoration: none !important; font-family: Manrope, sans-serif; position: relative !important; overflow: hidden !important; max-width: 100% !important; white-space: nowrap !important; animation: defileTexte 5s linear infinite !important; }

/* ── FOOTER ── */
#footer a, #footer li a, #footer .footer-container li a { color: #666666 !important; }
#footer a:hover { color: #1A6B4A !important; }
.footer-container a, .footer-container li a, .linklist .blockcms-title a { color: #666666 !important; }
.footer-container a:hover { color: #1A6B4A !important; }

/* ── BOUTONS ── */
.btn-primary { background-color: #1A1A1A !important; border-color: #1A1A1A !important; color: #ffffff !important; }
.product-actions .btn-primary.add-to-cart:hover { background-color: #1A6B4A !important; border-color: #1A6B4A !important; color: #f7f7f7 !important; }

/* ── TABS ── */
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover { border-bottom-color: #1A6B4A !important; }

/* ── PAGINATION ── */
.page-item.active .page-link { background-color: #1A1A1A !important; border-color: #1A1A1A !important; }

/* ── FORMULAIRES ── */
.form-control:focus { outline-color: #ffffff !important; }

/* ── RÉSEAUX SOCIAUX ── */
.block-social ul li:hover { background-color: #ffffff !important; }

/* ── IMAGES PRODUIT ── */
.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover { border-color: #ffffff !important; }

/* ── BADGES PRODUITS ── */
.product-flags li.product-flag { background-color: #1A6B4A !important; color: #ffffff !important; }
.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage,
.product-flags li.product-flag.on-sale { background-color: #8B1A1A !important; color: #ffffff !important; }
.product-flags li.product-flag.out_of_stock,
.product-flags li.product-flag.out-of-stock,
.product-flags li.product-flag.product-unavailable { background-color: #888888 !important; color: #ffffff !important; }

/* ── HIDE PRICE ── */
.hidepriceandcart_msg,
#fmm-hide-price-product-page,
#fmm-hide-price-product-page-16 { background-color: #f5f5f5 !important; }
.hidepriceandcart_msg a,
.hidepriceandcart_msg p,
.hidepriceandcart_msg a p,
#fmm-hide-price-product-page h2,
#fmm-hide-price-product-page-16 h2 { color: #666666 !important; }

/* ── SOUS-MENUS DESKTOP ── */
@media (min-width: 768px) {
  .top-menu .sub-menu { width: auto !important; min-width: 200px !important; left: 0 !important; margin-left: 0 !important; position: absolute !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0,0,0,.15) !important; border-top: 2px solid #1A6B4A !important; z-index: 999 !important; }
  .top-menu .sub-menu ul[data-depth="1"] { display: flex !important; flex-direction: column !important; }
  .top-menu .sub-menu ul[data-depth="1"] > li { float: none !important; margin: 0 !important; width: 100% !important; padding: .25rem 1rem !important; border-bottom: 1px solid #f0f0f0 !important; }
  .top-menu .sub-menu ul[data-depth="1"] > li:last-child { border-bottom: none !important; }
  #header .top-menu[data-depth="0"] > li { position: relative !important; }
  #header .top-menu[data-depth="0"] > li .sub-menu { left: 0 !important; top: 100% !important; margin-left: 0 !important; width: auto !important; min-width: 200px !important; }
}

/* ── HEADER FIXE MOBILE ── */
@media (max-width: 767px) {
  #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
  }
  #header .header-top {
    padding: 0 !important;
  }
  #wrapper {
    padding-top: 95px !important;
  }
}

/* ── BOUTON RETOUR EN HAUT CUSTOM ── */
#back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 1.5rem;
  width: 44px;
  height: 44px;
  background: #1A1A1A;
  color: #ffffff;
  border: 2px solid #1A1A1A;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  z-index: 9998;
  box-shadow: 0 4px 15px rgba(0,0,0,.25);
  transition: all .2s ease;
}
#back-to-top:hover { background: #1A6B4A !important; border-color: #1A6B4A !important; color: #f7f7f7 !important; }
#back-to-top.visible { display: flex; }

/* ── MASQUER BOUTON RETOUR EN HAUT NATIF PS9 ── */
#scroll-top { display: none !important; }

/* ── HOVER CATÉGORIES ── */
.top-menu a[data-depth="0"]:hover,
.top-menu .sub-menu a:hover,
#header .top-menu a:hover { color: #1A6B4A !important; text-decoration: none !important; }

#header .header-top a[data-depth="0"]:hover,
#_desktop_top_menu a[data-depth="0"]:hover { color: #1A6B4A !important; text-decoration: none !important; }

/* ── SUPPRIMER HOVER CONTACT ET CONNEXION ── */
#header .header-nav #contact-link a:hover,
#header .header-nav #_desktop_contact_link a:hover,
#header .header-nav .user-info a:hover { color: inherit !important; text-decoration: none !important; }

/* ── COULEURS PRIX PROMO ── */
.has-discount .discount,
.has-discount.product-price,
.product-flags li.product-flag.discount-percentage,
.discount { background-color: #1A6B4A !important; color: #ffffff !important; }
.has-discount p,
.has-discount .product-price { color: #1A6B4A !important; }
.product-availability .alert-warning { background-color: rgba(26,107,74,.1) !important; border-color: #1A6B4A !important; }

/* ── MASQUER PRIX UNITAIRE NATIF PS9 ── */
p.product-unit-price.sub { display: none !important; }


/* ── MASQUER ARBRE CATEGORIES RACINE MOBILE ── */
@media (max-width: 767px) {
  .category-tree {
    display: none !important;
  }
}


/* ── MASQUER LIEN RACINE MOBILE ── */
@media (max-width: 767px) {
  .block-categories .category-top-menu > li:first-child {
    display: none !important;
  }
}

/* ── MASQUER BLOC CATEGORIES MOBILE ── */
@media (max-width: 767px) {
  .block-categories {
    display: none !important;
  }
}
EOFcat >> /home/parapha/ps9/themes/classic/assets/css/custom.css << 'EOF'

/* ── MASQUER BLOC CATEGORIES MOBILE ── */
@media (max-width: 767px) {
  .block-categories {
    display: none !important;
  }
}


/* ── MASQUER CONTACTEZ-NOUS HEADER ── */
#header .header-nav #_desktop_contact_link,
#header .header-nav .block-contact { display: none !important; }

/* ── ALIGNEMENT VERTICAL HEADER-NAV ── */
#header .header-nav .right-nav .user-info { margin-top: 0 !important; }
#header .header-nav .right-nav .blockcart { display: flex !important; align-items: center !important; margin-top: 0 !important; }

/* ── ALIGNEMENT SOUS-MENUS ── */
@media (min-width: 768px) {
  .top-menu .sub-menu ul[data-depth="1"] > li { padding: .5rem 1rem !important; display: flex !important; align-items: center !important; }
  .top-menu .sub-menu ul[data-depth="1"] > li a { padding: 0 !important; line-height: 1.4 !important; }
}


/* ── LIENS DESCRIPTION PRODUIT ── */
#product-description-short a, .product-description a { word-break: break-word !important; white-space: normal !important; overflow-wrap: break-word !important; }

/* ── FOOTER VOTRE COMPTE TITRE ── */
#block_myaccount_infos .myaccount-title a,
#block_myaccount_infos p.h3 a { color: #1A1A1A !important; font-weight: 700 !important; text-transform: uppercase !important; }


/* ── PRIX PROMO INLINE ── */
.product-price.has-discount .current-price { background: none !important; color: #1A1A1A !important; }
.product-price.has-discount .current-price-value { background: none !important; color: #1A1A1A !important; }
.product-price.has-discount { background: none !important; }
.has-discount.product-price { background: none !important; color: #1A1A1A !important; }

/* ── PRIX PROMO DÉTAILS ── */
.product-price.has-discount .regular-price { text-decoration: line-through !important; }
.product-price.has-discount .discount { background: #8B1A1A !important; }


/* Astérisque sur tous les champs obligatoires */
.js-customer-form .form-control-label.required::after {
  content: " *";
  color: #8B1A1A;
}

/* Réordonner newsletter après confidentialité sur formulaire inscription */
.page-registration .js-customer-form {
  display: flex;
  flex-direction: column;
}
.page-registration .js-customer-form [data-field-name="optin"],
.page-registration #customer-form .form-group:has(input[name="newsletter"]) {
  order: 99;
}

/* Boutons réseaux sociaux - taille uniforme */
.bandido-social-follow a {
  min-width: 130px;
  justify-content: center;
}

/* Boutons RS - une seule ligne sur mobile */
.bandido-social-follow div {
  flex-wrap: nowrap !important;
}
.bandido-social-follow a {
  min-width: unset !important;
  flex: 1;
  justify-content: center;
}

/* Boutons RS - empilés sur mobile */
@media (max-width: 768px) {
  .bandido-social-follow div {
    flex-direction: column !important;
    align-items: center !important;
  }
  .bandido-social-follow a {
    width: 200px !important;
    flex: none !important;
  }
}


/* Sticky bouton Ajouter au panier - mobile */
@media (max-width: 768px) {
  .sticky-add-to-cart {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
    display: none;
  }
  .sticky-add-to-cart .btn-primary {
    width: 100%;
    background: #1A6B4A;
    border-color: #1A6B4A;
    padding: 12px;
    min-height: 44px;
    font-size: 16px;
    font-weight: bold;
  }
}

/* Fix sticky bouton - assurer visibilité */
.sticky-add-to-cart {
  display: none;
}

/* ── BOUTONS MOBILE 44x44px WCAG ── */
@media (max-width: 767px) {
  .btn-primary,
  .btn-secondary,
  .add-to-cart,
  .cart-detailed-actions .btn,
  .checkout-step .btn,
  #search_widget button[type=submit],
  .pagination .page-link {
    min-height: 44px !important;
    min-width: 44px !important;
  }
}

/* ── BARRE NAVIGATION PRINCIPALE NOIRE ── */
#header .header-top {
  background-color: #1A1A1A !important;
}
#header .header-top .top-menu a[data-depth="0"],
#header .header-top nav .top-menu > li > a {
  color: #ffffff !important;
}
#header .header-top .top-menu a[data-depth="0"]:hover,
#header .header-top nav .top-menu > li > a:hover {
  color: #1A6B4A !important;
}

/* ── BARRE NAVIGATION PRINCIPALE NOIR PUR ── */
#header .header-top {
  background-color: #000000 !important;
}



/* ── TAILLE LOGO v3 ── */
#header .logo img,
#header img.logo {
  max-height: 80px !important;
  width: auto !important;
}

/* ── TAILLE LOGO MOBILE ── */
@media (max-width: 767px) {
  #header .logo img,
  #header img.logo {
    max-height: 40px !important;
    width: auto !important;
  }
}

/* ── MENU BURGER MOBILE ── */
@media (max-width: 767px) {
  #header .header-top {
    background-color: transparent !important;
  }
  #mobile_top_menu_wrapper .top-menu a,
  #mobile_top_menu_wrapper .top-menu span,
  #header .header-top .material-icons,
  #header .header-top button,
  #header .header-top a {
    color: #1A1A1A !important;
  }
}

/* ── FORCER TEXTE NOIR MENU MOBILE ── */
@media (max-width: 767px) {
  #header .header-top .top-menu a[data-depth="0"],
  #header .header-top nav .top-menu > li > a,
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"],
  #mobile_top_menu_wrapper a {
    color: #1A1A1A !important;
  }
}




.product-miniature .product-title a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}




@keyframes brillance {
  0%   { left: -100%; }
  100% { left: 150%; }
}

/* ── ANIMATION TEXTE MOBILE BOUTON SWITCH ── */
@keyframes defileTexte {
  0%   { text-indent: -100%; }
  100% { text-indent: 100%; }
}

/* ── CARTES PRODUITS MOBILE LARGEUR UNIFORME ── */
@media (max-width: 767px) {
  .product-miniature .product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .js-product {
    width: 50% !important;
  }
}


/* ── NOM PRODUIT ET PRIX ALIGNÉS ── */
.product-miniature .product-title {
  height: 6rem !important;
  overflow: hidden !important;
}
.product-miniature .product-title a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
@media (max-width: 767px) {
  .product-miniature .product-title {
    height: 6rem !important;
    overflow: hidden !important;
  }
}

/* ── MASQUER BOUTON RETOUR EN HAUT NATIF THEME ── */
.hidden-md-up.text-xs-right {
  display: none !important;
}

/* mobile : masquer le search_widget doublon, la recherche passe par mobile-search-bar */
@media (max-width: 767px) {
  #header .header-top .search-widgets { display: none !important; }
}
