/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* =========================================================
   STYLES GÉNÉRAUX – REMPLACEMENT DU BLEU PAR LE JAUNE
   ========================================================= */

/*Fond global */
#wrapper {
  background-color: #fff1e2 !important;
}
.btn,
button,
input[type='submit'],
input[type='button'],
.pager .current,
.product-miniature .highlighted-informations,
.products-section-title::after,
.btn-primary,
.btn-outline-primary {
  background-color: #ffbe5a !important;
  border-color: #ffbe5a !important;
  color: #000 !important;
}
/* =========================================================
      STYLES GÉNÉRAUX – REMPLACEMENT DU BLEU PAR LE JAUNE
      ========================================================= */
.btn:hover,
button:hover,
input[type='submit']:hover,
.btn-primary:hover,
.btn-outline-primary:hover {
  background-color: #e7a644 !important;
  border-color: #e7a644 !important;
  color: #000 !important;
}
.btn *,
button *,
input[type='submit'] *,
input[type='button'] * {
  color: #000 !important;
}

/* Icônes */
.material-icons,
.icon,
.fa {
  color: #000 !important;
}

/* Liens bleu -> jaune uniquement sur hover, pas en normal */
a:hover,
.active,
.highlighted {
  color: #ffbe5a !important;
}

/* =========================================================
         HEADER / MENU
         ========================================================= */
#header .header-nav {
  background-color: #fff1e2 !important;
}
/* Texte toujours noir */
#_desktop_top_menu .top-menu a,
.header-top a,
#_desktop_user_info a {
  color: #000 !important;
}

#header .header-top {
  padding: 0 !important;
  background-color: #ffbe5a !important;
}
#header .header-top a[data-depth='0'] {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

/* Hover noir et jaune */
#_desktop_top_menu .top-menu li:hover > a,
#_desktop_top_menu .sub-menu a:hover,
#header .navbar a:hover,
#header .navbar .nav-link:hover,
#header .top-menu a:hover {
  color: #ffbe5a !important;
  background-color: #000 !important;
}

#header .header-top .position-static {
  display: flex;
}

/* Sous-menu texte noir */
#_desktop_top_menu .sub-menu a {
  color: #000 !important;
}
.top-menu a[data-depth='1'],
.top-menu a[data-depth='2'] {
  padding: 0.625rem 0 0.625rem 0.625rem !important;
}

/* Panier */
#_desktop_cart .cart-preview a,
#header .header-nav .cart-preview.active {
  background-color: #ffbe5a !important;
  color: #000 !important;
}
#_desktop_cart .cart-preview i,
#header .header-nav .cart-preview.active i,
#header .header-nav .cart-preview.active a {
  color: #000 !important;
}

/* Alignement header */
#header .header-top .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Search bar */
#search_widget {
  border-radius: 40px !important;
  margin: auto !important;
  min-width: 12.5rem !important;
}

/* =========================================================
         PASTILLES : Nouveau / Promo / Wishlist
         ========================================================= */
.product-flags li,
.product-flag {
  background-color: #ffbe5a !important;
  color: #000 !important;
}
.wishlist-button,
.wishlist-button *,
.addToWishlist,
.addToWishlist *,
.wishlist-button-add {
  color: #000 !important;
  background-color: #ffbe5a !important;
}

/* =========================================================
         FILTRES / TRI
         ========================================================= */
#search_filters,
#search_filters_wrapper *,
#search_filter_controls * {
  color: #000 !important;
}

select,
select option {
  color: #000 !important;
  background-color: #fff !important;
}
select option:hover {
  background-color: #ffbe5a !important;
  color: #000 !important;
}

/* =========================================================
         PAGINATION
         ========================================================= */
.pagination a,
.page-list a {
  color: #000 !important;
}
.pagination .current,
.page-list li.current a {
  color: #ffbe5a !important;
}
.page-list li.next a {
  color: #000 !important;
}

/* =========================================================
         LISTE PRODUITS
         ========================================================= */
.product-title,
.product-title a,
.price,
.product-price,
.quick-view,
.quick-view * {
  color: #000 !important;
}

/* =========================================================
         PAGE PRODUIT
         ========================================================= */
.product-prices .price {
  color: #000 !important;
}
#blockcart-modal .product-name {
  color: #000 !important;
}
/* Quantité */
.product-quantity .input-group input {
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  color: #000 !important;
}
.product-quantity .input-group-btn .btn {
  background-color: #e6e6e6 !important;
  color: #000 !important;
}

/* Ajouter au panier */
.add-to-cart,
.add-to-cart * {
  background-color: #ffbe5a !important;
  color: #000 !important;
}

/* Description produit */
#description,
#description *,
.product-information,
.product-information * {
  color: #000 !important;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border: 0;
  border-bottom: #ffbe5a 3px solid;
}

/* Tri des produits */

.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover {
  background: #000 !important;
}

/* Images des produits, bordure */
.product-images > li.thumb-container .thumb.selected,
.product-images > li.thumb-container .thumb:hover {
  border: #ffbe5a 3px solid;
}
/* =========================================================
         FOOTER
         ========================================================= */
.footer-container,
.footer-container *,
.footer-container a,
.footer-container li,
.footer-container span,
.footer-container p {
  color: #000 !important;
}
.footer-container a[href^='mailto'] {
  color: #ffbe5a !important;
}

/* =========================================================
         DIVERS
         ========================================================= */

/* Sous-menu ombré */
.sub-menu {
  box-shadow: 0 9px 11px rgba(0, 0, 0, 0.1) !important;
}
#left-column .block-categories {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
/*Texte personnalisé */
#custom-text {
  background-color: #fff1e2 !important;
  color: #000 !important;
}
#custom-text h3 {
  font-weight: 300 !important;
}
/* Menu colonne */
.top-menu[data-depth='1'] {
  display: flex;
  flex-direction: column;
}
/* Sous-catégories mieux présentées */
.subcategory-name {
  color: #000 !important;
}
.subcategory-image {
  visibility: hidden !important;
  height: 0px !important;
}
#subcategories ul {
  justify-content: center;
  align-items: center;
}
/*Footer retire prestashop*/
#footer,
.footer-container {
  font-size: 0 !important;
}

#footer * {
  font-size: initial !important;
}
.custom-radio input[type='radio']:checked + span {
  background-color: #ffbe5a !important ;
}
/* Liens texte dans le tunnel de commande */
.cart-summary a,
.cart-detailed-actions a,
.checkout a,
.checkout-step a,
.block-promo a,
.promo-code-button,
.show-details,
.order-confirmation a {
  color: #000 !important;
}
/* Pages connexion / inscription */
.page-authentication a,
.page-authentication p a,
.page-authentication .forgot-password a,
.page-authentication .no-account a {
  color: #000 !important;
}
/* Noms des produits partout */
.product-title a,
.product-name,
.product-name a,
.cart-item-name a,
.order-confirmation-table a {
  color: #000 !important;
}
/* Résumé compte client */
.account-content a,
.account-content span a,
.account-links a {
  color: #000 !important;
}
/* Liens CGV avant paiement */
#conditions-to-approve a,
.terms-and-conditions a {
  color: #000 !important;
}
/* Tous les liens texte non boutons */
a:not(.btn):not(.add-to-cart):not(.cart-preview):not(.nav-link) {
  color: #000 !important;
}
.carousel .carousel-item .caption .display-1 {
  color: #000 !important;
}
#footer {
  background-color: #fff1e2 !important ;
}
/* =========================================================
      VERSION MOBILE / TABLETTE
      ========================================================= */
@media (max-width: 768px) {
  /* Retirer le fond jaune de la barre de recherche */
  #header .header-top {
    background-color: #fff !important;
  }

  /* Forcer le champ de recherche à s'afficher en haut du menu déroulant */
  #header .header-top .container {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 768px) {
  .col-md-2,
  .col-md-3 {
    width: 22% !important;
  }
}