/* ==========================================================================
   Bricoutensili.com - Custom Brand Override CSS
   Brand Colors: Orange #eea200, Black #1b1a1b
   ========================================================================== */

/* --- Google Fonts Roboto --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* --- Global Font Override --- */
body,
html,
h1, h2, h3, h4, h5, h6,
p, a, span, li, div,
input, textarea, select, button,
.btn, label {
  font-family: 'Roboto', sans-serif !important;
}

/* ==========================================================================
   TOP NAV BAR / HEADER NAV
   ========================================================================== */
#header .header-nav {
  background: #1b1a1b;
  border-bottom: 1px solid #383838;
  color: #fff;
}
#header .header-nav a,
#header .header-nav span,
#header .header-nav .left-nav,
#header .header-nav i {
  color: #fff;
}
#header .header-nav a:hover {
  color: #eea200;
}
#header .header-nav .userinfor,
#header .header-nav .ybc_myaccout a,
#header .header-nav .toogle_nav span {
  color: #fff;
}
#header .header-nav .userinfor:hover,
#header .header-nav .ybc_myaccout a:hover {
  color: #eea200;
}

/* Language/Currency selectors in nav */
#header .header-nav .language-selector,
#header .header-nav .currency-selector {
  color: #fff;
}
#header .header-nav .language-selector button,
#header .header-nav .currency-selector button {
  color: #fff;
}

/* ==========================================================================
   HEADER TOP (Logo + Search + Cart row)
   ========================================================================== */
#header .header-top {
  background: #fff;
  padding: 10px 0;
}

/* Contact info bar */
.header-contact-bar {
  background: #1b1a1b;
  color: #fff;
  padding: 5px 0;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px solid #383838;
}
.header-contact-bar a {
  color: #eea200;
  text-decoration: none;
}
.header-contact-bar a:hover {
  color: #fff;
}
.header-contact-bar i {
  margin-right: 5px;
  color: #eea200;
}

/* ==========================================================================
   SEARCH
   ========================================================================== */
#header #search_widget form input[type=text],
#header .search-widget form input[type=text],
.search-widget form input[type=text] {
  border: 2px solid #eea200;
  border-right: none;
  border-radius: 3px 0 0 3px;
  background: #fff;
}
#header #search_widget form button[type=submit],
#header .search-widget form button[type=submit],
.search-widget form button[type=submit] {
  background: #eea200;
  color: #fff;
  border: 2px solid #eea200;
  border-radius: 0 3px 3px 0;
  padding: 8px 15px;
}
#header #search_widget form button[type=submit]:hover,
#header .search-widget form button[type=submit]:hover {
  background: #1b1a1b;
  border-color: #1b1a1b;
  color: #fff;
}

/* Search by category */
.ets_search_bycategory .search_cat {
  border: 2px solid #eea200;
  border-right: none;
}

/* ==========================================================================
   SHOPPING CART ICON
   ========================================================================== */
#header .blockcart .header .cart-products-count,
.blockcart .header .cart-products-count,
#_desktop_cart .cart-products-count,
.cart-products-count {
  background: #eea200;
  color: #fff;
}
#header .blockcart a:hover,
.blockcart a:hover {
  color: #eea200;
}

/* ==========================================================================
   MEGA MENU
   ========================================================================== */
.ets_mm_megamenu,
.ets_mm_megamenu_content,
#header .ets_mm_megamenu,
.ybc-menu-horizontal,
#header .displayMegaMenu {
  background: #1b1a1b !important;
  border: none;
}
.ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_li > a,
.ets_mm_megamenu .mm_menus_li > a,
.ets_mm_megamenu .ets_mm_block_content a,
.ets_mm_megamenu a.mm_menus_li_a {
  color: #fff !important;
  font-weight: 500;
}
.ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_li > a:hover,
.ets_mm_megamenu .mm_menus_li > a:hover,
.ets_mm_megamenu .mm_menus_li:hover > a,
.ets_mm_megamenu .ets_mm_block_content a:hover,
.ets_mm_megamenu a.mm_menus_li_a:hover {
  color: #eea200 !important;
}
.ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_li.active > a,
.ets_mm_megamenu .mm_menus_li.active > a {
  color: #eea200 !important;
}

/* Mega menu dropdown */
.ets_mm_megamenu .ets_mm_megamenu_content .mm_columns_ul,
.ets_mm_megamenu .mm_columns_ul {
  background: #fff;
  border-top: 3px solid #eea200;
}
.ets_mm_megamenu .mm_columns_ul a {
  color: #1b1a1b !important;
}
.ets_mm_megamenu .mm_columns_ul a:hover {
  color: #eea200 !important;
}
.ets_mm_megamenu .mm_columns_ul .mm_block_type_category .ets_mm_categories > li > a {
  font-weight: 700;
  color: #1b1a1b !important;
}

/* Menu borders */
.ets_mm_megamenu .mm_menus_li {
  border-right: 1px solid #383838;
}
.ets_mm_megamenu .mm_menus_li:first-child {
  border-left: 1px solid #383838;
}

/* Mobile menu */
.ets_mm_megamenu_mobile {
  background: #1b1a1b !important;
}
.ets_mm_megamenu_mobile a {
  color: #fff !important;
}
.ets_mm_megamenu_mobile a:hover {
  color: #eea200 !important;
}

/* ==========================================================================
   PRODUCT CARDS
   ========================================================================== */
/* Product name */
.product-miniature .product-title a,
.product-title a,
h2.product-title a,
.products .product-miniature .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature h2 a,
.product-miniature h3 a {
  color: #1b1a1b;
  font-weight: 500;
}
.product-miniature .product-title a:hover,
.product-title a:hover,
.products .product-miniature .product-title a:hover {
  color: #eea200;
}

/* Product price */
.product-miniature .product-price-and-shipping .price,
.product-price-and-shipping .price,
.current-price .price,
.product-price .price,
span.price,
.price {
  color: #ee0000;
  font-weight: 700;
}

/* Regular (old) price / discount */
.product-miniature .product-price-and-shipping .regular-price,
.regular-price {
  color: #888;
}
.product-miniature .discount-percentage,
.discount-percentage,
.product-flag.discount {
  background: #ee0000;
  color: #fff;
}
.product-flag.new {
  background: #eea200;
  color: #fff;
}
.product-flag.on-sale {
  background: #ee0000;
  color: #fff;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* Add to cart */
.btn-primary,
.add-to-cart,
button.add-to-cart,
.product-add-to-cart .add-to-cart,
.ajax_add_to_cart_button,
.product-miniature .add-to-cart {
  background: #eea200 !important;
  border-color: #eea200 !important;
  color: #fff !important;
  font-weight: 700;
  transition: all 0.3s ease;
}
.btn-primary:hover,
.add-to-cart:hover,
button.add-to-cart:hover,
.product-add-to-cart .add-to-cart:hover,
.ajax_add_to_cart_button:hover,
.product-miniature .add-to-cart:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}

/* Secondary button */
.btn-secondary {
  border: 2px solid #1b1a1b;
  color: #1b1a1b;
}
.btn-secondary:hover {
  background: #1b1a1b;
  color: #fff;
}

/* Quick view button */
.quick-view,
.product-miniature .quick-view {
  background: #1b1a1b;
  color: #fff;
  border: none;
}
.quick-view:hover,
.product-miniature .quick-view:hover {
  background: #eea200;
  color: #fff;
}

/* ==========================================================================
   CATEGORY PAGE
   ========================================================================== */
#js-product-list-header h1,
.block-category h1 {
  color: #1b1a1b;
  font-weight: 700;
}

/* Active filters */
.active_filters .filter-block {
  background: #eea200;
  color: #fff;
}
.facet .facet-label a,
.facet .facet-label .custom-checkbox input[type=checkbox]:checked + span {
  color: #eea200;
}

/* ==========================================================================
   PRODUCT DETAIL PAGE
   ========================================================================== */
.product-container h1,
h1.product-detail-name,
h1[itemprop="name"] {
  color: #1b1a1b;
  font-weight: 700;
}
.product-price .current-price-value,
.current-price span.price {
  color: #ee0000 !important;
  font-weight: 700;
}
.product-discount .regular-price {
  color: #999;
}
.product-quantities span {
  color: #43b754;
}

/* Product tabs */
.product-tabs .nav-tabs .nav-link.active {
  border-bottom: 3px solid #eea200;
  color: #1b1a1b;
}
.product-tabs .nav-tabs .nav-link:hover {
  color: #eea200;
}

/* ==========================================================================
   HOMEPAGE SECTIONS TITLES
   ========================================================================== */
.featured-products h2,
.ets_bestselling h2,
.ets_newproducts h2,
.ets_specialproducts h2,
.products-section-title,
.section-title,
h2.products-section-title {
  color: #1b1a1b;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

/* Section title underline accent */
.featured-products h2::after,
.ets_bestselling h2::after,
.ets_newproducts h2::after,
.ets_specialproducts h2::after,
.products-section-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #eea200;
  margin: 10px auto 0;
}

/* ==========================================================================
   BLOCK REASSURANCE
   ========================================================================== */
.blockreassurance {
  border-top: 3px solid #eea200;
  background: #f8f8f8;
}
.blockreassurance .block-reassurance-item .h6,
.blockreassurance .block-reassurance-item p {
  color: #1b1a1b;
}

/* ==========================================================================
   MANUFACTURER SLIDER
   ========================================================================== */
.ets_manufacturerslider {
  padding: 20px 0;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer-container {
  background: #1b1a1b;
  color: #fff;
  border-top: 3px solid #eea200;
}
.footer-container .footer_top {
  padding: 40px 0 20px;
}
.footer-container h4,
.footer-container .h4,
.footer-container .footer-title,
.footer-container .block_title,
.footer-container .myaccount-title,
.footer-container .wrapper .title {
  color: #eb8500 !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
.footer-container a,
.footer-container p,
.footer-container li,
.footer-container span,
.footer-container .footer-text {
  color: #ccc;
}
.footer-container a:hover {
  color: #eea200;
  text-decoration: none;
}
.footer-container ul li {
  padding: 4px 0;
  border-bottom: 1px solid #383838;
}
.footer-container ul li:last-child {
  border-bottom: none;
}

/* Footer links columns */
.footer-container .links .collapse {
  color: #fff;
}

/* Footer contact info */
.footer-container .block-contact {
  color: #ccc;
}
.footer-container .block-contact .icon {
  color: #eea200;
}

/* Newsletter in footer */
.footer-container .block_newsletter {
  border-bottom: 1px solid #383838;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer-container .block_newsletter input[type=email] {
  background: #333;
  border: 1px solid #555;
  color: #fff;
  border-radius: 3px 0 0 3px;
}
.footer-container .block_newsletter input[type=email]::placeholder {
  color: #999;
}
.footer-container .block_newsletter .btn-primary,
.footer-container .block_newsletter button[type=submit] {
  background: #eea200 !important;
  border-color: #eea200 !important;
  color: #fff !important;
  border-radius: 0 3px 3px 0;
}

/* Social follow */
.footer-container .social-sharing li a,
.footer-container .ps-socialfollow a {
  color: #fff;
  background: #383838;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  transition: all 0.3s ease;
}
.footer-container .social-sharing li a:hover,
.footer-container .ps-socialfollow a:hover {
  background: #eea200;
  color: #fff;
}

/* Footer after (payment logos etc) */
.footer-container .footer_after {
  background: #151515;
  border-top: 1px solid #383838;
  padding: 15px 0;
}

/* Footer bottom (copyright) */
.footer-container .footer_bottom,
.footer_bottom {
  background: #000000 !important;
  color: #999;
  padding: 15px 0;
  font-size: 13px;
}
.footer-container .footer_bottom a {
  color: #eea200;
}
.footer-container .footer_bottom a:hover {
  color: #fff;
}
.footer_bottom .ybc_coppyright {
  color: #999;
  text-align: center;
}

/* Footer before */
.footer-container .footer_before {
  background: #111;
  border-top: 1px solid #383838;
  padding: 15px 0;
}

/* ==========================================================================
   SCROLL TO TOP
   ========================================================================== */
.scroll_top {
  background: #eea200;
  color: #fff;
}
.scroll_top:hover {
  background: #1b1a1b;
  color: #fff;
}

/* ==========================================================================
   BREADCRUMB
   ========================================================================== */
.breadcrumb {
  background: #f6f6f6;
}
.breadcrumb a {
  color: #1b1a1b;
}
.breadcrumb a:hover {
  color: #eea200;
}
.breadcrumb .breadcrumb-item.active {
  color: #eea200;
}

/* ==========================================================================
   COOKIE BANNER (ets_cookie_banner)
   ========================================================================== */
.ets_cookie_banner_popup,
.cookie-banner,
#ets_cookie_banner {
  background: #1b1a1b !important;
  color: #fff !important;
  border-top: 2px solid #eea200;
}
.ets_cookie_banner_popup p,
.cookie-banner p,
#ets_cookie_banner p {
  color: #fff !important;
}
.ets_cookie_banner_popup a,
.cookie-banner a,
#ets_cookie_banner a {
  color: #eea200 !important;
}
.ets_cookie_banner_popup .btn,
.ets_cookie_banner_popup .cookie-accept,
.cookie-banner .btn,
#ets_cookie_banner .btn,
.ets_cookie_banner_popup button {
  background: #eea200 !important;
  border-color: #eea200 !important;
  color: #fff !important;
  font-weight: 700;
}
.ets_cookie_banner_popup .btn:hover,
.ets_cookie_banner_popup .cookie-accept:hover,
.cookie-banner .btn:hover,
#ets_cookie_banner .btn:hover {
  background: #fff !important;
  color: #1b1a1b !important;
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
.pagination .page-list li .page-link {
  color: #1b1a1b;
}
.pagination .page-list li.active .page-link,
.pagination .page-list li .page-link:hover {
  background: #eea200;
  color: #fff;
  border-color: #eea200;
}

/* ==========================================================================
   LINKS & GENERAL
   ========================================================================== */
a {
  color: #eea200;
}
a:hover {
  color: #1b1a1b;
}

/* Selection colors */
::selection {
  background: #eea200;
  color: #fff;
}

/* ==========================================================================
   CART PAGE
   ========================================================================== */
.cart-summary .cart-total .value {
  color: #ee0000;
  font-weight: 700;
}
.cart-summary .btn-primary {
  background: #eea200 !important;
  border-color: #eea200 !important;
}

/* ==========================================================================
   CHECKOUT
   ========================================================================== */
.checkout-step .step-title .step-number {
  background: #eea200;
  color: #fff;
}
.checkout-step.-current .step-title {
  border-color: #eea200;
}

/* ==========================================================================
   SLIDER / HERO
   ========================================================================== */
#slider_row,
.slider_page_3 {
  margin-bottom: 0;
}

/* ==========================================================================
   YBC WIDGET (Banner section)
   ========================================================================== */
.ybc-widget-banner img {
  border-radius: 3px;
  transition: transform 0.3s ease;
}
.ybc-widget-banner img:hover {
  transform: scale(1.02);
}

/* ==========================================================================
   ETS BLOG
   ========================================================================== */
.ets_blog .blog_post .post_title a {
  color: #1b1a1b;
  font-weight: 700;
}
.ets_blog .blog_post .post_title a:hover {
  color: #eea200;
}
.ets_blog .blog_post .read_more {
  color: #eea200;
  font-weight: 500;
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */
@media (max-width: 991px) {
  #header .header-top {
    padding: 8px 0;
  }
  .header-contact-bar {
    font-size: 11px;
    padding: 3px 0;
  }
}

@media (max-width: 767px) {
  .header-contact-bar {
    display: none;
  }
  .footer-container .footer_top {
    padding: 20px 0 10px;
  }
  .footer-container h4,
  .footer-container .h4 {
    font-size: 14px;
  }
}