:root
{
    --primary-color: #193535 !important;
    --secondary-color: #f0c77e !important;
    /* #a5a490 */
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
}

/*------------------ Font Family -------------------*/

/*----------------- End of Font Family ---------------*/


/*------------------- Splash Screen ------------------*/

/*--------------- End of Splash Screen ---------------*/


/*---------------------- Header ----------------------*/
.dark .promotion-banner,
.dark .animated-text
{
    background: var(--secondary-color) !important;
}

.promotion-banner ul li a,
.animated-text ul li a
{
    padding: 0 15px;
    font-weight: 700;
}

.dark .promotion-banner ul li a,
.dark .animated-text ul li a
{
    color: var(--primary-color) !important;
    padding: 0 15px;
    font-weight: 700;
}

.main-nav-container .inner
{
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img
{
    max-height: 120px;
    max-width: 300px;
    height: 100px !important;
}

.sicon-phone::before
{
    content: "\e917" !important;
}

.sicon-cart::before
{
    content: "\e906" !important;
}

.top-navbar
{
    border-bottom: 0px solid transparent;
}

.main-menu
{
    color: var(--primary-color) !important;
    text-align: center;
    justify-content: center;
}

.dark .main-menu
{
    color: var(--secondary-color) !important;
    text-align: center;
    justify-content: center;
}

.main-menu li.root-level > a
{
    font-weight: 600;
    font-size: 16px;
}

.main-menu li a span:hover
{
    color: var(--secondary-color) !important;
}

.dark .main-menu li > a:hover,
.dark .main-menu li a span:hover
{
    color: var(--font-color) !important;
}
/*------------------ End of Header -------------------*/


/*---------------------- Banner ----------------------*/
salla-products-slider .s-slider-block__title
{
    border-bottom: 0px solid #eee;
}
/*------------------ End of Banner -------------------*/

.animated-text
{
    font-weight: 700;
    padding: 5px 0;
    width: 90% !important;
    margin: 20px auto auto auto !important;
    border-radius: 50px;
}

/*-------------------- Categories --------------------*/
.s-block--animated-brands--brand img
{
    width: 100px;
    height: 100px;
    padding: 5px;
    background: #fff !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 12px;
}

.s-block--square-links img
{
    object-fit: fill !important;
}
/*---------------- End of Categories -----------------*/


/*--------------------- Products ---------------------*/
.dark .enhanced-title-border
{
    border: 2px solid var(--font-color);
}

.dark .enhanced-title-border::before,
.dark .enhanced-title-border::after
{
    background: var(--font-color);
}

.text-store-text-primary,
.products-lookbook__title--mainheading
{
    color: var(--secondary-color);
    font-size: 1.75rem;
    font-weight: 600;
}

.product-index .text-store-text-primary
{
    color: var(--secondary-color);
    font-size: 1.20rem;
}

.products-has-border .product-card
{
    border: 1px solid var(--primary-color) !important;
}

.dark .products-has-border .product-card
{
    border: 1px solid var(--secondary-color) !important;
}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button,
.product-card__addToCart__btn salla-button button,
salla-button .s-button-btn
{
    color: var(--primary-color);
    background: var(--secondary-color);
}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button:hover,
.product-card__addToCart__btn salla-button button:hover,
salla-button .s-button-btn:hover
{
    color: var(--font-color);
    background: var(--primary-color);
}

.product-card__title a
{
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 700;
}

.dark .product-card__title a
{
    color: var(--font-color);
    font-size: 15px;
    font-weight: 700;
}

.product-card__title a:hover
{
    color: var(--secondary-color);
}

.product-card__price
{
    font-size: 16px;
    color: var(--secondary-color);
}

.product-card__price .text-store-text-secondary
{
    color: var(--secondary-color);
    font-weight: 700;
}

.sicon-heart::before,
.sicon-eye::before,
.sicon-shopping::before
{
    color: var(--font-color);
}

.product-card__image:hover .sicon-heart::before,
.product-card__image:hover .sicon-eye::before,
.product-card__content .s-button-btn:hover .sicon-shopping::before,
.dark .product-card__image .sicon-heart::before,
.dark .product-card__image .sicon-eye::before,
.dark .product-card__content .sicon-shopping::before
{
    color: var(--primary-color) !important;
}

.product-card--primary-buttons button:hover i, .product-card--primary-buttons salla-button:hover i,
{
    color: var(--primary-color) !important;
}

.product-card--primary-buttons button, 
.product-card--primary-buttons salla-button,
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn,
.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-fast-checkout-button.outline,
.sticky-cart-single .s-button-element
{
    color: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    background: var(--primary-color) !important;
}

.dark .product-card--primary-buttons button, 
.dark .product-card--primary-buttons salla-button,
.dark .product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn,
.dark .s-add-product-button-main .s-add-product-button-mini-checkout,
.dark .s-fast-checkout-button.outline,
.dark .sticky-cart-single .s-button-element
{
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    background: var(--secondary-color) !important;
}

.product-card--primary-buttons button:hover, .product-card--primary-buttons salla-button:hover,
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn:hover,
.s-add-product-button-mini-checkout:hover,
.s-fast-checkout-button.outline:hover,
.sticky-cart-single .s-button-element:hover
{
    color: var(--primary-color) !important;
    background: var(--secondary-color) !important;
}

.dark .product-card--primary-buttons button:hover,
.dark .product-card--primary-buttons salla-button:hover,
.dark .product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn:hover,
.dark .s-add-product-button-mini-checkout:hover,
.dark .s-fast-checkout-button.outline:hover,
.dark .sticky-cart-single .s-button-element:hover
{
    color: var(--primary-color) !important;
    background: var(--font-color) !important;
}

.s-add-product-button-mini-checkout-content
{
    color: var(--font-color) !important;
}

.s-add-product-button-mini-checkout-content:hover
{
    color: var(--primary-color) !important;
}

.dark .s-add-product-button-mini-checkout-content
{
    color: var(--primary-color) !important;
}

.bg-gray-200
{
    background-color: var(--secondary-color) !important;
}

.btn--outline-primary
{
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
}

.dark .btn--outline-primary:hover
{
    color: var(--primary-color) !important;
    background: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    opacity: 1;
}

.btn--outline-primary:hover,
.dark .btn--outline-primary
{
    color: var(--primary-color) !important;
    background: var(--secondary-color) !important;
}

.btn--outline-primary span
{
    color: var(--font-color) !important;
    font-size: 0 !important;
}

.dark .btn--outline-primary span
{
    color: var(--primary-color) !important;
    font-size: 0 !important;
}

.btn--outline-primary span::before
{
    content: "تسوق المزيد" !important;
    color: var(--font-color);
    font-size: 15px !important;
    border-color: none;
    border-width: 0px;
}

.dark .btn--outline-primary span::before
{
    content: "تسوق المزيد" !important;
    color: var(--primary-color);
    font-size: 15px !important;
    border-color: none;
    border-width: 0px;
}

.btn--outline-primary:hover span::before,
.dark .btn--outline-primary:hover span::before,
.btn--outline-primary:hover .sicon-keyboard_arrow_left::before,
.dark .sicon-keyboard_arrow_left::before
{
    color: var(--primary-color) !important;
}

.sicon-keyboard_arrow_left::before
{
    color: var(--font-color) !important;
}
/*----------------- End of Products ------------------*/


/*----------------- Products Details -----------------*/
.product-single .text-store-text-primary
{
    color: var(--primary-color);
    font-size: 20px;
}

.dark .product-single .fix-align
{
    color: var(--font-color);
}

.dark .product-single .mb-5
{
    color: var(--font-color) !important;
}

.product-single .link--primary
{
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 15px;
    padding: 5px 10px;
}

.dark .product-single .link--primary
{
    color: var(--primary-color) !important;
    background: var(--secondary-color) !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 15px;
    padding: 5px 10px;
}

.dark .product-single .text-store-text-primary
{
    color: var(--secondary-color);
    font-size: 20px;
}

.product-single .sicon-shopping::before
{
    color: var(--font-color) !important;
}

.dark .product-single .product-single__info .sicon-heart::before
{
    color: var(--font-color) !important;
}

.product-single .product-single__info .sicon-heart::before
{
    color: var(--primary-color) !important;
}

.dark .product-single .product-single__info .sicon-heart::before,
.product-single .product-card__image .sicon-heart::before
{
    color: var(--font-color) !important;
}

.dark .product-single .product-card__image .sicon-heart::before
{
    color: var(--primary-color) !important;
}

.product-single .s-button-btn:hover .sicon-shopping::before,
.dark .product-single .sicon-shopping::before
{
    color: var(--primary-color) !important;
}

.product-more-info .more-tab-container .more-info-tabs__nav-link,
.product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link
{  
    color: var(--secondary-color) !important;
    background: var(--primary-color) !important;
    text-align: center;
    border-radius: 20px;
    padding: 8px 8px 8px 0px;
}

.dark .product-more-info .more-tab-container .more-info-tabs__nav-link,
.dark .product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link
{  
    color: var(--primary-color) !important;
    background: var(--secondary-color) !important;
    text-align: center;
    border-radius: 20px;
    padding: 8px 8px 8px 8px;
}

.product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link::before,
.product-more-info .more-info-tabs__nav-link > span::before,
.dark .product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link::before,
.dark .product-more-info .more-info-tabs__nav-link > span::before
{
    background: transparent !important;
}

.product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link
{
    padding: 10px 10px 10px 10px !important;
}

.product-more-info.vertical .content-ul-tab .more-info-tabs__nav
{
    border-right: 0;
    border-left: 0px solid transparent !important;
}

.rtl\:md\:pr-\[15px\]:where([dir="rtl"], [dir="rtl"] *)
{
    padding-right: 15px;
    display: inline-grid;
}

.product-single__info .hydrated
{
    order: 2;
}

.product-more-info
{
    margin: auto !important;
    display: flex;
}
/*------------- End of Products Details --------------*/


/*----------------------- Cart -----------------------*/
.cart .text-store-text-primary
{
    color: var(--primary-color);
    font-size: 20px;
}

.dark .fix-align
{
    color: var(--font-color);
}

.text-store-text-primary
{
    font-size: 20px;
}

.dark .text-store-text-primary
{
    color: var(--secondary-color);
    font-size: 20px;
}

.dark .cart .text-sm
{
    color: var(--secondary-color) !important;
    font-size: 1rem;
}

salla-button .s-button-btn
{
    border-radius: 15px;
}
/*------------------- End of Cart --------------------*/


/*------------------- Testemonials -------------------*/

/*--------------- End of Testemonials ----------------*/


/*--------------------- Features ---------------------*/
.s-block--enhanced-features__item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.dark .s-block--enhanced-features__item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.feature-icon img.lazy.loaded
{
    /*border: 1px solid var(--primary-color) !important;*/
    border-radius: 15px;
}

.dark .feature-icon img.lazy.loaded
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.s-block--enhanced-features__item h2
{
    color: var(--primary-color) !important;
    font-size: 1.125rem;
}

.dark .s-block--enhanced-features__item h2
{
    color: var(--font-color) !important;
    font-size: 1.125rem;
}

.s-block--enhanced-features__item p
{
    color: var(--primary-color) !important;
    font-size: 1rem;
}

.dark .s-block--enhanced-features__item p
{
    color: var(--secondary-color) !important;
    font-size: 1rem;
}
/*----------------- End of Features ------------------*/

.single-faq .text-store-text-primary
{
    color: var(--primary-color) !important;
    font-size: 1.125rem;
    font-weight: 600;
}

.faq-content .text-store-text-secondary
{
    color: var(--primary-color) !important;
}

.dark .single-faq .text-store-text-primary
{
    color: var(--secondary-color) !important;
    font-size: 1.125rem;
    font-weight: 600;
}

.dark .faq-content .text-store-text-secondary
{
    color: var(--font-color) !important;
}

.dark .faq-btn .text-primary-reverse
{
    color: var(--primary-color);
    background: var(--font-color);
}

/*---------------------- Footer ----------------------*/
.footer-is-custom .store-footer .store-footer__curve
{
    color: var(--primary-color);
}

.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__newsletter
{
    color: var(--font-color);
    background-color: var(--primary-color);
}

.footer-logo img
{
    height: 100px !important;
}

.footer-list a
{
    font-weight: 700;
}

.footer-is-custom .store-footer .footer-rights p,
.footer-is-custom .store-footer .footer-rights p:hover,
.md\:mb-0 a, .md\:mb-0 a:hover
{
    color: var(--font-color);
    opacity: 1;
    font-weight: 700;
}

.store-footer__inner .mb-1
{
    text-align: center;
}

.rounded_contacts a,
.rounded_contacts a i 
{
    color: var(--font-color) !important;
    opacity: 1;
}
/*------------------ End of Footer -------------------*/


/*----------------------- Blog -----------------------*/
.brands-nav__item
{
    border: 1px solid var(--primary-color) !important;
    border-radius: 15px;
}

.dark .brands-nav__item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.brand-item
{
    border: 1px solid var(--primary-color) !important;
    border-radius: 15px;
}

.dark .brand-item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.brands-nav__item span
{
    color: var(--primary-color) !important;
    font-weight: 700;
}

.dark .brands-nav__item span
{
    color: var(--primary-color) !important;
    font-weight: 700;
}

.brands-single .text-store-text-primary,
.brands-single .text-store-text-secondary
{
    color: var(--primary-color);
}

.dark .brands-single .text-store-text-primary,
.dark .brands-single .text-store-text-secondary
{
    color: var(--secondary-color);
}

.dark .brands-index .brand-char .fix-align
{
    color: var(--primary-color);
    font-weight: 700;
}
/*------------------- End of Blog --------------------*/


/*------------------ WhatsApp Icon -------------------*/
.wa-selia.right
{
    right: 30px;
    left: auto;
    left: initial;
    border: 1px solid var(--primary-color) !important;
    opacity: 0.6;
}

.dark .wa-selia.right
{
    right: 30px;
    left: auto;
    left: initial;
    border: 1px solid var(--primary-color) !important;
    background: #FFF !important;
    opacity: 0.6;
}

.wa-selia i,
.wa-selia span
{
    color: 1px solid var(--primary-color);
}
/*-------------- End of WhatsApp Icon ----------------*/


/*------------------ Mobile Screens ------------------*/
@media only screen and (max-width: 767px)
{ 

    /*------------------- Header -------------------*/
    
    /*------------------- Banner -------------------*/

    /*----------------- Categories -----------------*/
    
    /*------------------ Products ------------------*/
    .text-store-text-primary,
    .products-lookbook__title--mainheading,
    .index.mobile_small_blocks_titles h2.text-3xl
    {
        font-size: 1.25rem;
    }
    
    .product-index .text-store-text-primary
    {
        font-size: 0.95rem;
    }

    .product-card__title a
    {
        font-size: 14px;
    }
    /*-------------- Products Details --------------*/

    /*---------------- Testemonials ----------------*/
    
    /*------------------ Features ------------------*/
    
    /*-------------------- Cart --------------------*/
    
    /*------------------- Footer -------------------*/
    .footer-logo img
    {
        height: 100px !important;
    }
    
    .footer-logo,
    .footer-logo p
    {
        text-align: center !important;
    }
    
    /*-------------------- Blog --------------------*/
}
/*-------------- End of Mobile Screens ---------------*/


/*------------------- Animations ---------------------*/

/*----------------- End of Animations ----------------*/