/*
 * Custom CSS pour PrestaShop - Thème Classic
*/

#header,
.header-top,
.footer-container,
.site-footer {
  background-color: #292525 !important;
}

/* Liens du header */
#header a,
.header-top a,
#_desktop_top_menu a,
#_mobile_top_menu a,
.header .user-info a,
.header .nav a {
  color: #fff !important; 
  transition: color 0.3s ease;
}
#header a:hover,
.header-top a:hover,
#_desktop_top_menu a:hover,
#_mobile_top_menu a:hover,
.header .user-info a:hover,
.header .nav a:hover {
  color: #ff6600 !important; 
}

.footer-container a,
.site-footer a,
.footer a,
.footer .footer-block a,
.footer .links a,
.footer .social a,
.footer .widget a {
  color: #fff !important;
  transition: color 0.3s ease;
}
.footer-container a:hover,
.site-footer a:hover,
.footer a:hover,
.footer .footer-block a:hover,
.footer .links a:hover,
.footer .social a:hover,
.footer .widget a:hover {
  color: #ff6600 !important;
}

div#contact-infos-collapse,
div#contact-infos.collapse {
  color: #fff !important;
}

p.h4.text-uppercase.block-contact-title.hidden-sm-down {
  color: #fff !important;
}

p.h3.hidden-sm-down {
  color: #fff !important;
}

.btn,
button,
.btn-primary,
.add-to-cart,
.cart-summary .checkout {
  background-color: #ff6600;
  border-color: #ff6600;
  color: #fff !important;
  transition: all 0.3s ease;
}

.btn:hover,
button:hover,
.btn-primary:hover,
.add-to-cart:hover,
.cart-summary .checkout:hover {
  background-color: #cc5200;
  border-color: #cc5200;
  color: #fff !important;
}

li.product-flag.new {
  background-color: #ff6600;
  color: #fff; 
}

li.product-flag.out_of_stock {
  background-color: #ff6600;
  color: #fff;
}

#_desktop_top_menu a {
  color: #ff6600;
}

#_desktop_top_menu a:hover {
  color: #cc5200;
}

:root{
  --orange: #ff6600;
  --orange-dark: #cc5200;
}

a {
  color: var(--orange) !important;
  transition: color .18s ease;
}
a:hover, a:focus, a:active {
  color: var(--orange-dark) !important;
}

a svg, a svg path, a svg circle, a svg g {
  fill: var(--orange) !important;
  stroke: var(--orange) !important;
}

.header-top a,
.header a,
#header a,
#_desktop_top_menu a,
.main-menu a,
.main-navigation a,
.blocktopmenu a,
.header .user-info a,
.header .nav a {
  color: var(--orange) !important;
}
.header-top a:hover,
.header a:hover,
#header a:hover,
#_desktop_top_menu a:hover,
.main-menu a:hover,
.main-navigation a:hover,
.blocktopmenu a:hover,
.header .user-info a:hover,
.header .nav a:hover {
  color: var(--orange-dark) !important;
}

.footer-container a,
.footer a,
.site-footer a,
.footer .footer-block a,
.footer .links a,
.footer .social a,
.footer .widget a {
  color: var(--orange) !important;
}
.footer-container a:hover,
.footer a:hover,
.site-footer a:hover,
.footer .footer-block a:hover,
.footer .links a:hover,
.footer .social a:hover,
.footer .widget a:hover {
  color: var(--orange-dark) !important;
}

@media (max-width: 991px) {
  #_mobile_top_menu a,
  .mobile-nav a,
  .mobile-header a,
  .menu-toggle a,
  .menu-mobile a {
    color: var(--orange) !important;
  }
  #_mobile_top_menu a:hover,
  .mobile-nav a:hover,
  .mobile-header a:hover,
  .menu-toggle a:hover,
  .menu-mobile a:hover {
    color: var(--orange-dark) !important;
  }

  .footer-container a,
  .footer .links a {
    color: var(--orange) !important;
  }
}


.btn,
button,
.btn-primary,
.add-to-cart,
.cart-summary .checkout,
a.btn {
  background-color: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
  transition: background-color .18s ease, border-color .18s ease;
}
.btn:hover,
button:hover,
.btn-primary:hover,
.add-to-cart:hover,
.cart-summary .checkout:hover,
a.btn:hover {
  background-color: var(--orange-dark) !important;
  border-color: var(--orange-dark) !important;
}


li.product-flag.new,
li.product-flag.out_of_stock {
  background-color: var(--orange) !important;
  color: #fff !important;
  border: none !important;
  transition: background-color .18s ease;
}
li.product-flag.new:hover,
li.product-flag.out_of_stock:hover {
  background-color: var(--orange-dark) !important;
}


a:focus, button:focus {
  outline: 3px solid rgba(255,102,0,0.18) !important;
  outline-offset: 2px;
}

.expand-more,
.material-icons.expand-more {
  color: #fff !important;
  fill: #fff !important;
  padding: 0 6px;  
  margin-left: 4px; 
  line-height: 1.6;
}

i.material-icons {
  color: #fff !important;
}

input.ui-autocomplete-input {
  background-color: #333 !important; 
  color: #fff !important;
  border: 1px solid #555 !important; 
  padding: 8px 12px;
  border-radius: 4px;
}

input.ui-autocomplete-input + button i.material-icons,
input.ui-autocomplete-input ~ i.material-icons {
  color: #fff !important;
}

.current-price,
span.current-price-value,
.product-prices .current-price span,
.product-price {
  color: #ff6600 !important;
  font-weight: 600;
}

a.text-hide {
  color: #ff6600 !important;
}
a.text-hide:hover {
  color: #cc5200 !important;
}

a.nav-link {
  color: #ff6600 !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.3s ease;
}

a.nav-link:hover,
a.nav-link:focus {
  color: #ff6600 !important;
  border-bottom: 2px solid #ff6600 !important;
}

a.nav-link.active,
a.nav-link.active.js-product-nav-active {
  color: #ff6600 !important;
  border-bottom: 2px solid #ff6600 !important;
}


.thumb,
.js-thumb {
  border: 2px solid transparent;
}

.thumb.selected,
.js-thumb.selected,
.js-thumb.js-thumb-selected,
.thumb.js-thumb-selected {
  border: 2px solid #ff6600 !important;
}

.product-additional-info.js-product-additional-info a {
  color: #777 !important; 
  transition: color 0.3s ease;
}

.product-additional-info.js-product-additional-info a:hover {
  color: #ff6600 !important;
}

.product-additional-info.js-product-additional-info a svg path {
  fill: #777 !important;
  transition: fill 0.3s ease;
}

.product-additional-info.js-product-additional-info a:hover svg path {
  fill: #ff6600 !important;
}

a.select-title,
.aselect-list,
a.js-search-link {
  color: #ff6600 !important;     
  transition: color 0.3s ease;   
  background: none !important;  
  border: none !important;       
  text-decoration: none !important;
}

a.select-title:hover,
.aselect-list:hover,
a.js-search-link:hover {
  color: #cc5200 !important;     
  background: none !important;  
  border: none !important; 
  text-decoration: none !important; 
}