@import url("mylayout.css");

/* ALL */
:root, body {
    background-color: #191817;
}

#wrapper {
  background-color: #ffffff;
}
.btn {
  background-color: #AA9662 !important;
  color: #fff !important;
}
.btn:hover {
  background-color: #7e6523 !important;   
  color: #fff !important;
}

a,
a i,
a.text-primary,
nav.pagination li.current a,
#footer a.text-primary,
#product h1{
  color: #aa9662 !important;
}
a:hover,
a:hover i,
nav.breadcrumb li a span:hover,
#search_filters a:hover,
nav.pagination a:hover,
a.text-primary:hover,
a p:hover,
.wishlist-list-item:hover a p,
.modal-footer:hover a,
#footer a.text-primary:hover{
  color: #7e6523 !important;
}

#product .nav-tabs .nav-item .nav-link.active {
  border-bottom: #000 2px solid;
}

nav.breadcrumb li a span{
    color: #7a7a7a !important;
    font-weight: 400;
}
nav.breadcrumb li span{
    color: #aa9662 !important;
    font-weight: 600;
}
.dropdown-menu .select-list:hover{
    background-color: #aa9662 !important;
}
#search_filters a,
nav.pagination a,
.dropdown-menu a,
.current-price span,
#product .nav-tabs .nav-item .nav-link{
  color: #000 !important;    
}
.current-price span.discount{
  color: #fff !important;
  background: #9d3c3c;
}
.wishlist-button-add{
  box-shadow: none !important;  
}
/* ALL - HEADER */
.top-menu img.emoji{
    height: 17px !important;
    margin-bottom: 2px !important;
}
#header{ 
  background-color: #191817;
}

 @media (min-width: 992px) {
  #header #search_widget form input {
    border: 2px solid #a2a2a2;
  }
  #header #search_widget form input::placeholder{
    color: #ccc;
  }
  #search_widget form i{
    color: #ccc !important; 
  }
 }
 
 
 @media (min-width: 1200px) {
  #header #search_widget form input {
   border: 2px solid #7a7a7a;
   }
  #header #search_widget form input::placeholder{
   color: #7a7a7a;
  }
  #search_widget form i{
   color: #7a7a7a!important; 
  }
 }
 
 #header .header-nav{ 
  border: none;
 }

 #header a,
 #header div,
 #header button span,
 #header button i,
 #header input{
  color: #ffffff !important; 
  text-transform: none !important;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
 }

 #header #search_widget form input{
  background-color: transparent;
  border-radius: 100px;
 }

 #header button i{
  font-size: 22px;   
 }
 #header a:hover,
 #header button:hover *,
 #header #_desktop_cart .blockcart:hover * {
  color: #AA9662 !important; 
 }

 #header .dropdown-item{
  text-transform: none;
 }

 #header #category-190 a{
  color: #E54444 !important;
 }
  #header #category-190 a:hover{
  color: #AA9662 !important;
 }
 

 #header #_desktop_top_menu .sub-menu,
 #header .dropdown-menu,
 #header #mobile_top_menu_wrapper,
 #header #mobile_top_menu_wrapper .sub-menu{
  background-color: #191817;
 }
 #header #_desktop_cart .blockcart,
 #header #custom-text{
  background-color: transparent !important;
 }
 
@media (max-width: 991.98px) {
    #header .header-nav .blockcart{
        background: transparent;
        margin-left: 0;
    }
    #header .header-nav .cart-preview .shopping-cart{
          color: #fff;
    }
    .blockcart .material-icons{
        font-size: 26px; 
    }
    .blockcart .cart-products-count{
        font-size: 14px;
    }
    .user-info .material-icons{
        font-size: 28px; 
    }
    #menu-icon .material-icons{
        font-size: 28px; 
    }
    #header .header-nav .container .row{
        padding-top: 10px;
    }
    #header #_mobile_logo .logo{
        max-height: 2.5rem;
    }
    #header .header-nav #menu-icon {
        margin: 0 1.5rem 0 1rem;
    }
    #header .header-top {
      padding: 0.75rem 0;
    }
    #header #search_widget{
        padding: 0 1rem 1rem 1rem;
    }
    #header #search_widget form input{
        border-radius: 100px;
        border: 1px solid #7a7a7a;
    }
    #header #search_widget form input::placeholder{
        color: #7a7a7a;
    }
    #search_widget form i{
        color: #7a7a7a !important; 
    }
    #search_widget form i {
      padding: .6rem;
    }
     #index #header{ 
          background: unset; 
          background-color: #191817 !important;
    }
    .carousel .direction .carousel-control i {
        background: unset;
    }
    .carousel-indicators .active{
        background-color: #fff;
    }
    .carousel-indicators li{
        border-color: #fff;
    }
    .language-selector-wrapper #language-selector-label{
        display: none;
    }
    .language-selector select{
        -webkit-appearance: none;  /* Safari, Chrome, iOS */
        -moz-appearance: none;     /* Firefox */
        appearance: none;          /* Остальные браузеры */
        padding: 10px 50px 10px 30px;
        background: #191817;
        color: #f6f6f6;
        border: 1px solid #f6f6f6;
        border-radius: 100px;
    }
    .language-selector{
        position: relative;
        display: inline-block;
    }
    .language-selector::after {
        content: '▼'; /* или иконка через font-awesome/material-icons */
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none; /* чтобы стрелка не блокировала выбор */
    }
    .footer-container ul li > a{
        margin-left: 25px;
    }
    .footer-container .links ul li{
        border-bottom: 0;
    }
    .footer-container .links ul{
        background-color: #191817;
    }
    .footer-container #contact-infos{
        font-size: .875rem;
        line-height: 1.5rem;
        margin-top: 20px;
        margin-left: 25px;
    }
    .footer-container .block-contact .navbar-toggler .material-icons{
        color: #ffffff;
    }
            
}
@media (max-width: 575px) {
    #footer > .container > .row{
        flex-direction: column-reverse;
    }
    #footer .block_newsletter #block-newsletter-label{
        font-size: 1.15rem;
    }
    #footer{
        padding-top: 1rem;
    }
    #footer .block-social ul,
    #footer .block-social ul li{
        margin-bottom: 0;
    }
}

/* ALL - PRODUCTS */
 .product-miniature .thumbnail-container{
   border: 1px solid #ECEDEB;
 }
 .product-flags li.product-flag.on-sale{
   background: #AA9662;  
 }
 .product-flags li.product-flag.discount{
   background: #9D3C3C;  
 }
 .product-flags li.product-flag{
   background: #3C9A9D;  
 }
 .product-miniature .product-title a{
  color: #AA9662;  
  font-weight: 500;
 }
 
/* ALL - PRODUCTS */

 #footer{ 
  background-color: #191817;
 }
 #footer .block_newsletter{
  background-color: #191817   
 }
 #footer a,
 #footer p,
 #footer input,
 #footer div,
 #footer #block-newsletter-label{
  color: #ffffff; 
 }
 #footer .h4,
 #footer .h3,
  #footer .h3 a{
   color: #AA9662;
 }
 #footer .block_newsletter form input[type="email"]{
  border: 1px solid #b2b2b2;
  background-color: transparent;  
 }
 #footer .block_newsletter form input::placeholder, textarea::placeholder{
  color: #b2b2b2;
 }
 #footer .footer-container{
     border-top: 1px solid #A19468;
 }

/* MAIN PAGE */

 #index #header{ 
  background: linear-gradient(
      to bottom,
      rgba(25, 24, 23, 1) 0%, 
      rgba(25, 24, 23, 0.8) 50%, 
      rgba(25, 24, 23, 0.4) 100% 
  );
 }
 
 #index .all-product-link{
  font-size: 16px;   
 }
 
/* CATEGORIES */

 #category #main .block-category{
   min-height: fit-content;
 }
 
 #category .block-category #category-description p img{
    max-width: 100%;
    height: auto;
 }
 
/* SERVISA CENTRS */

#cms img{
    max-width: 100%;
    height: auto;
}

#cms img + img{
    margin-top: 1rem;
}
/*FOOTER ALL */
#footer a{
  color: #ffffff !important;
}
#footer .h3 a{
  color: #aa9662 !important;
}
#footer .h3 a:hover{
    text-decoration: underline;
}

#footer a:hover{
  color: #aa9662 !important;
}
  #footer .block-social li{
     background-color: transparent;
 }

/* Характеристики товара */
.product-features > dl.data-sheet dd, .product-features > dl.data-sheet dt{
   text-transform: none !important; 
}

/* Характеристики товара */
.wishlist-modal .modal-content .modal-body p{
   color: #000 !important; 
}

/*MY-ACCOUNT ALL */
#my-account .page-footer a{
  font-weight: 800;
  text-transform: uppercase;
}
#addresses .address-footer a{
  color: #7a7a7a !important;  
}
#addresses .addresses-footer a{
  color: #232323 !important;  
}
#history tbody .order-actions .reorder-link{
    margin-top: 10px;
    display: block;
}
#history tbody .order-actions{
    width: 12%;
}
/*BRANDS ALL */
