/**
 *   Bigcommerce GreaseMonkey
 *   Style Initialisation
 */

// @Section - Store Header
#TopMenu{
border-top:5px solid @color-header-border;
}

#TopMenu li a{
color:@color-top-menu;
}

.currency-converter p span{
color:@color-top-menu;
}

#LogoContainer a{
color:@color-store-name;
}

.PageMenu{
border-bottom:1px solid @color-menu-borders;
border-top:1px solid @color-menu-borders;
}

.PageMenu .SideCategoryListFlyout > ul > li  > a{
color:@color-menu-text;
}

.PageMenu a{
color:@color-menu-text;
}


// @Section - Store Footer

.container.footer{
background:@color-footer-background;
}

#ContainerFooter h3, #ContainerFooter h4{
color:@color-section-heading;
border-bottom:1px solid @color-footer-borders;
}

#Footer .PageMenu ul{
border-bottom:1px solid @color-footer-borders;
}

#Footer ul{
border-top:1px solid @color-footer-borders;
}

#Footer .PageMenu #Menu > ul > li > a{
color:@color-section-heading;
border-left:1px solid @color-section-heading;
}


#Footer .PageMenu li{
border-left:1px solid @color-section-heading !important;
}

 #ContainerFooter a{
color:@color-links;
}

#Footer p{
color:@color-links;
}

#SideNewsletterBox .btn,
.btn.alt{
background-color:@color-button !important;
border-color:@color-button;
}

#SideNewsletterBox .btn:hover,
.btn.alt:hover{
background-color:lighten(@color-button, 17%) !important;
}

// @Section-Home Page

#HomeFeaturedProducts h2{
color:@color-section-headings;
}

#HomeNewProducts h2{
color:@color-section-headings;
}

#HomeFeaturedProducts  .ProductList .ProductDetails a{
color:@color-product-names;
}

#HomeNewProducts  .ProductList .ProductDetails a{
color:@color-product-names;
}

#HomeFeaturedProducts .ProductList em{
color:@color-product-prices;
}

#HomeNewProducts .ProductList em{
color:@color-product-prices;
}

#HomeFeaturedProducts .ProductList li .ProductActionAdd a,
#HomeNewProducts .ProductList li .ProductActionAdd a,
.btn {
background-color:@color-buttons !important;
border-color:darken(@color-buttons, 5%); 
}

#HomeFeaturedProducts .ProductList li .ProductActionAdd a:hover,
#HomeNewProducts .ProductList li .ProductActionAdd a:hover,
.btn:hover {
background-color: darken(@color-buttons, 5%) !important;
}

//! @section: Product Page

#ProductDetails .BrandName a{
color:@color-product-description;
}

#ProductDetails h1{
color:@color-product-name;
}

.left-content .ProductList .ProductDetails .pname{
color:@color-product-name;
}

.ProductDetailsGrid .p-price{
color:@color-product-price;
}

.left-content .ProductList em.p-price{
color:@color-product-price;
}

#prodAccordion .current .subtitle{
color:@color-product-description-headings;
}

#prodAccordion .subtitle{
color:@color-product-description-headings;
}

#SimilarProductsByCustomerViews h4{
color:@color-product-description-headings;
}

#ProductDescription p{
color:@color-product-description;
}

#ProductReviews p{
color:@color-product-description;
}

.ProductDetailsGrid .Label, .productAttributeList .productAttributeLabel{
color:@color-product-description;
}

.VariationProductWeight{
color:@color-product-description;
}

.DetailRow{
color:@color-product-description;
}

.productOptionViewRectangle .option label .name{
color:@color-product-description;
}

div.selector span{
color:@color-product-description;
}

.WishlistRow a{
color:@color-product-description;
}

.AddThisButtonBox{
color:@color-product-description;
}

.ProductAddToCart .btn {
background-color:@color-add-to-cart !important;
border-color:darken(@color-add-to-cart, 5%); 
}

.btn-addto{
color:@color-add-to-wishlist;
}

#ModalContent, .ModalContent{
color:@color-product-description !important;
}

#ModalContent a, .ModalContent a{
color:@color-product-description !important;
}

// @Section-Category page

#CategoryHeading h1{
color:@color-category-title;
}

#SideCategoryList h3,
.Left #SideCategoryList li a,
.Left #SideCategoryList li li a{
color:@color-category-navigation;
}

#CategoryContent .ProductList .pname,
#CategoryContent .ProductList .p-name a {
color:@color-category-product-name;
}

#CategoryContent .ProductList em,
#CategoryContent .ProductList .p-price {
color:@color-category-product-price;
}

#CategoryContent .ProductList li .ProductActionAdd a{
background-color:@color-category-button !important;
border-color:darken(@color-category-button, 5%);  
}

#CategoryContent .ProductList li .ProductActionAdd a:hover{
background-color:darken(@color-category-button, 5%) !important;  
}

#CategoryContent .btn{
background-color:@color-compare-selected !important;
border-color: @color-compare-selected; 
}

#CategoryContent .btn:hover{
background-color:lighten(@color-compare-selected, 17%) !important;
}


//Background & Fonts

.ProductList .ProductDetails{
font-family:@font-page-text;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family:@font-heading-text;
}

/* --- Faceted Search --- */

.facet-container {
    border-top: 1px solid @color-border;

    [class^="js-facet-clear"] {
        color: lighten(@color-page-text, 40%);

        &:hover {
            color: lighten(@color-page-text, 20%);
        }
    }

    .btn-facet-more-options.more {
        color: @color-page-text;

        &:hover {
            color: @color-links;
        }
    }

    .facet-option:hover {
        background: @color-border;
    }

    .facet-option .facet-option-product-count {
        color: lighten(@color-page-text, 40%);
    }
}

.js-faceted-search-container {
    
    .btn {
        background-color:@color-category-button !important;
        border-color:darken(@color-category-button, 5%); 
    }

    > [class^='js-facet-']:last-of-type .facet-container {
        border-bottom: 1px solid @color-border;
    }
}
