/*
Theme Name: Herbs of Grace
Theme URI:
Description: Child theme for Hello Elementor
Author:
Author URI:
Template: hello-elementor
Version: 1.0.0
*/

/* Your custom CSS below */

/**
 * CONTENTS
 *
 * SETTINGS
 * Global.............. Globally-available variables and config.
 * Headings............ H1–H6 styles.
 * Links............... Link option throughout the site
 * Buttons............. Button settings of the website
 *
 * HEADER SETTINGS
 * Top bar........ Top bar section.
 * Navigation..... Better navigation of the website.
 *
 * CONTENT SETTINGS
 * Form............................... Web forms of the website.
 * Specific features and objects...... object and features of elements
 * Specific pages..................... Elements for specific pages and objects
 *
 * FOOTER SETTINGS
 * Footer links........... The main page footer.
 * Footer-text............ The main page footer texts.
 * 
 * MEDIA QUERIES
 * Media queries........... The Media Query
 */

/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/

.container{
    width:1200px;
    margin:auto;
}

.wp-block-woocommerce-cart.alignwide{
        margin:auto;
}

.site-main {
    width: 100%;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px auto;
}

body ul li{
    color:#787878 ;
}
	/*------------------------------------*\
	 #TEXT
	\*------------------------------------*/
	/*------------------------------------*\
	 #HEADING TAGS
	\*------------------------------------*/
	/*------------------------------------*\
	 #LINKS
	\*------------------------------------*/
	/*------------------------------------*\
	 #BUTTONS
	\*------------------------------------*/


/*------------------------------------*\
  #HEADER SETTINGS
\*------------------------------------*/

.header-right-menu {
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-right-menu .fa {
    font-weight: 400;
    transform: scale(0.9);
}
.header-right-menu a,
.header-right-menu button {
    color: #000;
    text-decoration: none;    background-color: transparent !important;
    color: #000 !important;
    border: none;
}

/* Search */
.header-search-wrap {
    position: relative;
}

.header-search-toggle {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-size: 18px;
}

/* Search dropdown */
.header-search-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    width: 280px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    z-index: 9999;
}

.header-search-wrap.is-open .header-search-dropdown {
    display: block;
}

.header-search-form {
    display: flex;
    align-items: center;
}

.header-search-form input[type="search"] {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 12px;
    outline: none;
}

.header-search-form button {
    width: 42px;
    height: 40px;
    border: 0;
    background: #000;
    color: #fff;
    cursor: pointer;
}

/* Account */
.header-account-link {
    font-size: 18px;
}

/* Cart */
.header-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.header-cart-count {
    position: absolute;
    top: -9px;
    right: -10px;

    min-width: 17px;
    height: 17px;
    padding: 0 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dd0f19;
    color: #fff;

    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
}


.gtranslate_wrapper .gt_switcher {
    width: 100px !important;
}
.gt_selector {
    border: none;
    font-size: 16px;
    font-family: 'Poppins';
}
.gtranslate_wrapper .gt_switcher a {
    white-space: nowrap !important;
}

.gtranslate_wrapper {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100px !important;
    vertical-align: middle !important;
}

.site-currency-switcher{
        width: 140px;
    border: none;
}
.language-currency-switcher .elementor-shortcode{
    display: flex
}



	/*------------------------------------*\
	 #TOP BAR
	\*------------------------------------*/
	/*------------------------------------*\
	 #NAVIGATION
	\*------------------------------------*/	
	
	

/*------------------------------------*\
  #CONTENT SETTINGS
\*------------------------------------*/
.blog-post-content h2{
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.blog-post-content p{
    color: #787878;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--primary-font);
    padding-bottom: 9px;
    margin: 0;
    font-weight:400 !important;
}
.about-page-wrapper {
   
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.about-page-content {
    min-width: 0;
}

.about-page-sidebar {
    width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
/*
    .about-page-wrapper {
        grid-template-columns: minmax(0, 1fr) 260px;
        gap: 25px;
    }*/

}

/* Mobile */
@media (max-width: 767px) {

   /* .about-page-wrapper {
        grid-template-columns: 1fr;
    }*/

    .about-page-sidebar {
        order: 2;
    }

    .about-page-content {
        order: 1;
    }

}
	/*------------------------------------*\
	  #FORM
	\*------------------------------------*/
	/*------------------------------------*\
	 #SPECIFIC FEATURE AND OBJECTS
	\*------------------------------------*/
	/* =========================================================
   PRODUCT CAROUSEL
========================================================= */

.rra-product-carousel {
    width: 100%;
    position: relative;
}

.rra-carousel-wrapper {
    position: relative;
    width: 100%;
}

.rra-carousel-viewport {
    width: 100%;
    overflow: hidden;
}

.rra-carousel-track {
    display: flex;
    transition: transform 0.45s ease;
    will-change: transform;
}

.rra-product-slide {
    flex: 0 0 25%;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
}

.rra-product-card {
    position: relative;
    height: 100%;
    background: #fff;
    overflow: hidden;
}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

.rra-product-image {
    position: relative;
    width: 100%;
}

.rra-product-image img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   WISHLIST
========================================================= */

.rra-wishlist {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    cursor: pointer;
    z-index: 2;
}

.rra-heart {
    font-size: 22px;
    line-height: 38px;
}

.rra-wishlist.active .rra-heart {
    color: #e00000;
}


/* =========================================================
   PRODUCT INFORMATION
========================================================= */

.rra-product-info {
    padding: 15px 5px;
}

.rra-product-rating {
    min-height: 20px;
    margin-bottom: 7px;
}

.rra-product-rating .star-rating {
    margin: 0;
}

.rra-product-title {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.4;line-height: 1.4;
    color: #232323;
}

.rra-product-title a {
    text-decoration: none; color: #232323;
}

.rra-product-price {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight:500;
}

.rra-product-price del {
    opacity: .6;
    margin-right: 5px;
}


/* =========================================================
   ACTION BUTTONS
========================================================= */

.rra-product-actions, .custom-wishlist-actions {
    display: flex;
    gap: 8px;
}

.rra-product-actions button,
.rra-view-product , body .custom-wishlist-actions .button-cart{
    flex: 1;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #222;
    background: transparent;
    color: #222;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}

.rra-product-actions .rra-add-to-cart , .rra-product-actions .rra-quick-view , body .custom-wishlist-actions .button-cart{
    background: transparent ;
    color: #374b16  ;
}
.rra-product-actions button{
    border:1px solid #374b16 ;
 border-radius:0px;
    color:#374b16;

}
.rra-product-actions .rra-quick-view:hover , .rra-product-actions .rra-add-to-cart:hover ,body .custom-wishlist-actions .button-cart:hover {
     background: #374b16 ;  border:1px solid #374b16 ;color: #fff  ;
}
.slider-arrow{
    text-align:center;
}

/* =========================================================
   ARROWS
========================================================= */
.slider-arrow .rra-carousel-arrow:hover{
      background:  #232323
}
.rra-product-info{
        background: #f8f8f8;
    padding: 15px;
    text-align: center;
}
.rra-product-short-description{
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align:center;
}
.rra-product-card .rra-product-actions{
     opacity:0;
}
.rra-product-card:hover .rra-product-actions{
     opacity:1;
}
.rra-product-image .rra-wishlist{
        border: none;
    background: transparent;
    box-shadow: none; 
    opacity:0;
    color:#232323;
}
.rra-product-image:hover .rra-wishlist {
    opacity:1
}
.slider-arrow .rra-carousel-arrow {
    position: relative;
   
    width: 42px;
    height: 42px;
    border: 0;
    
    background: #512d44;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    z-index: 5;
    font-size: 20px;
    line-height: 42px;
    padding: 0;
}

.rra-carousel-prev {
    left: -20px;
}

.rra-carousel-next {
    right: -20px;
}

.rra-carousel-arrow:disabled {
    opacity: .35;
    cursor: default;
}


/* =========================================================
   QUICK VIEW POPUP
========================================================= */

.rra-quick-view-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 999999;
}

.rra-quick-view-modal {
    position: relative;
    width: 100%;
    max-width: 850px;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
}

.rra-quick-view-content {
    display: flex;
    gap: 30px;
    padding: 30px;
}

.rra-quick-view-image {
    width: 50%;
}

.rra-quick-view-image img {
    width: 100%;
    height: auto;
    display: block;
}

.rra-quick-view-details {
    width: 50%;
}

.rra-quick-view-details h2 {
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 1.3;
}

.rra-quick-view-price {
    margin: 15px 0;
    font-size: 20px;
    font-weight: 600;
}

.rra-quick-view-description {
    margin-bottom: 20px;
}

.rra-quick-view-close {
    position: absolute;
    top: 10px;
    right: 15px;
    border: 0;
    background: transparent;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
}

.rra-quick-add-to-cart,
.rra-view-full-product {
    display: inline-block;
    padding: 12px 20px;
    margin-right: 8px;
    border: 0;
    border-radius:0px;
    background: #374b16 ;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .rra-product-slide {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }

    .rra-carousel-prev {
        left: 5px;
    }

    .rra-carousel-next {
        right: 5px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .rra-product-slide {
        flex: 0 0 50%;
        width: 50%;
        padding: 6px;
    }

    .rra-product-title {
        font-size: 14px;
    }

    .rra-product-price {
        font-size: 14px;
    }

    .rra-product-actions {
        flex-direction: column;
    }

    .rra-product-actions button,
    .rra-view-product {
        width: 100%;
    }

    .rra-carousel-arrow {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
    }

    .rra-carousel-prev {
        left: 2px;
    }

    .rra-carousel-next {
        right: 2px;
    }

    .rra-quick-view-content {
        flex-direction: column;
        padding: 20px;
    }

    .rra-quick-view-image,
    .rra-quick-view-details {
        width: 100%;
    }

    .rra-quick-view-details h2 {
        font-size: 22px;
    }

}
.rra-product-carousel {
    overflow: hidden;
}

.rra-carousel-track {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}

.rra-product-slide {
    flex: 0 0 auto;
}
/*------------------------------------*\
#SPECIFIC PAGES 
\*------------------------------------*/
/* =========================================
   CATEGORY CONTAINER
========================================= */

.custom-category-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.custom-breadcrumb{
    text-align:center;
}
/* =========================================
   CATEGORY HERO
========================================= */

.custom-category-hero {
    position: relative;
    min-height: 150px;
  background-image: url("https://herbsofgrace.com/wp-content/uploads/2026/09/NATURAL-SKIN-FOUNDATION-POWDERS.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   background-attachment: fixed;
    display: flex;
    align-items: center;
}

.custom-category-hero-overlay {
    width: 100%;
    min-height: 150px;

    display: flex;
    align-items: center;
  
    margin-bottom: 0;
        margin-top: 0;
 
  
}
.custom-category-hero-overlay a{
    color:#000;
}


.custom-category-title {
    margin: 0 0 15px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1.2;
    font-weight: 600;
}


/* =========================================
   BREADCRUMB
========================================= */

.custom-category-breadcrumb,
.custom-category-breadcrumb a,
.custom-category-breadcrumb .woocommerce-breadcrumb {
    color: #ffffff;
}

.custom-category-breadcrumb a {
    text-decoration: none;
}

.custom-category-breadcrumb a:hover {
    text-decoration: underline;
}


/* =========================================
   MAIN 2 COLUMN LAYOUT
========================================= */

.custom-category-layout {
    display: grid;

    grid-template-columns: 260px minmax(0, 1fr);

    gap: 40px;

    padding-top: 50px;
    padding-bottom: 60px;
}
.custom-category-layout .product_type_simple.add_to_cart_button{
    display:none;
}
.custom-category-layout .woocommerce-loop-product__title{
        font-size: 15px;
    color: #232323;
}
.custom-category-layout {
        font-size: 14px;
    font-weight: 400;
       color: #787878;
}
.blogs .custom-category-layout {
        font-size: 15px;
    font-weight: 500;
       color: #787878;
}
.blogs .custom-category-layout a , .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
   color: #232323;
}



/* =========================================
   SIDEBAR
========================================= */
.custom-category-sidebar  .widget ,.custom-category-sidebar .wp-block-woocommerce-product-categories {
        width: 100%;
}
.custom-category-sidebar .c-block-product-categories-list {
        padding: 15px;
    list-style: none;
    width: 100%;
}
.custom-category-sidebar .cat_group{
    gap:0px;
    padding:15px 0px;
}
 .cat_group li a{
     font-size:14px;
     color:#232323;
     font-weight:400;
 }
.custom-category-sidebar  .wc-block-product-categories-list.wc-block-product-categories-list--depth-0 , .custom-category-sidebar ul{
        list-style: none;
    padding: 0px 15px ;
}
.custom-category-sidebar .widget .product_list_widget{
    padding: 15px;
}
.custom-category-sidebar .widget .product_list_widget img{
    width:80px;
    height:80px;
    border-radius:50%;
}
.custom-category-sidebar .wc-block-product-categories-list--depth-1{
    display:none;
}
.custom-category-sidebar .widget .product_list_widget .product-title , .custom-category-sidebar .widget .product_list_widget .amount,.custom-category-sidebar  .wc-block-product-categories-list-item__name {
        font-size: 14px;
    color: #232323;
    font-weight: 400;
}
.custom-category-sidebar {
    min-width: 0;
}
.custom-category-sidebar .wp-block-group {
    border: 1px solid #e9e9e9;
    margin-bottom: 30px;
}
.custom-category-sidebar h2{
    border: medium none;
    color: #232323;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    width: 100%;
    display: block;
    margin: 0;
    float: none;
    text-align: left;
    padding: 15px;
    text-transform: uppercase !important;
}
.custom-sidebar-widget {
    margin-bottom: 40px;
}

.custom-sidebar-widget h3 {
    margin: 0 0 18px;

    padding-bottom: 12px;

    border-bottom: 1px solid #ddd;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
}


/* =========================================
   CATEGORY LIST
========================================= */

.custom-category-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.custom-category-list li {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid #eee;
}

.custom-category-list li a {
    display: flex;

    justify-content: space-between;

    padding: 10px 0;

    color: #333;

    font-size: 15px;

    text-decoration: none;
}

.custom-category-list li a:hover {
    color: #000;
}


/* =========================================
   SIDEBAR PRODUCTS
========================================= */

.custom-sidebar-widget .products {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}

.custom-sidebar-widget .products li.product {
    width: 100% !important;

    margin: 0 0 20px !important;

    padding: 0 0 20px !important;

    border-bottom: 1px solid #eee;
}

.custom-sidebar-widget .products li.product img {
    width: 80px !important;
    height: 80px !important;

    object-fit: cover;

    margin-bottom: 8px;
}

.custom-sidebar-widget .products li.product .woocommerce-loop-product__title {
    font-size: 14px;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.rra-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    width: 100%;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.rra-product-grid .rra-product-card {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

.rra-product-grid .rra-product-image {
    position: relative;
    width: 100%;
   /* aspect-ratio: 1 / 1;*/
    overflow: hidden;
}


.rra-product-grid .rra-product-image img {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: contain;
}


/* =========================================================
   PRODUCT INFORMATION
========================================================= */

.rra-product-grid .rra-product-info {
    display: flex;
    flex-direction: column;
    flex: 1;    align-items: center;
}


/* =========================================================
   PRODUCT TITLE
========================================================= */

.rra-product-grid .rra-product-title {
    margin: 8px 0;
}


.rra-product-grid .rra-product-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/* =========================================================
   ACTIONS
========================================================= */

.rra-product-grid .rra-product-actions {
    margin-top: auto;
}


/* =========================================================
   SUBCATEGORY GRID
========================================================= */

.custom-subcategories-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
}


/* =========================================================
   SUBCATEGORY CARD
========================================================= */

.custom-subcategory-card {
    width: 100%;
    min-width: 0;
}


.custom-subcategory-link {
    display: block;
    height: 100%;
    text-decoration: none;
}


/* =========================================================
   SUBCATEGORY IMAGE
========================================================= */

.custom-subcategory-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}


.custom-subcategory-image img {
    display: block;
    width: 100%;
    height: 270px;
    object-fit: none;
}


.custom-subcategory-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* =========================================================
   SUBCATEGORY CONTENT
========================================================= */

.custom-subcategory-content {
    padding: 14px 0;
}


.custom-subcategory-title {
    margin: 0 0 5px;
     display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #888;
    text-align: center;
}
.custom-subcategory-title:hover{
    color:#282828

}

.custom-subcategory-count {
    display: block;
    font-size: 14px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .rra-product-grid,
    .custom-subcategories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .rra-product-grid,
    .custom-subcategories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

}


@media (max-width: 480px) {

    .rra-product-grid,
    .custom-subcategories-grid {
        gap: 12px;
    }

}

/* =========================================
   RIGHT PRODUCTS
========================================= */

.custom-category-products {
    min-width: 0;
}


/*
 * Product grid
 */

.custom-category-products ul.products {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 30px;

    margin: 0 !important;
    padding: 0 !important;
}

.custom-category-products ul.products::before,
.custom-category-products ul.products::after {
    display: none !important;
}

.custom-category-products ul.products li.product {
    width: auto !important;

    margin: 0 !important;
}


/* =========================================
   PAGINATION
========================================= */

.custom-category-pagination {
    margin-top: 40px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .custom-category-layout {
        grid-template-columns: 220px minmax(0, 1fr);

        gap: 25px;
    }

    .custom-category-products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-category-title {
        font-size: 36px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .custom-category-hero,
    .custom-category-hero-overlay {
        min-height: 220px;
    }

    .custom-category-title {
        font-size: 30px;
    }

    .custom-category-layout {
        display: block;

        padding-top: 30px;
    }

    .custom-category-sidebar {
        margin-bottom: 40px;
    }

    .custom-category-products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 15px;
    }

}

/* Product image wrapper must be the positioning parent */
.rra-product-image {
    position: relative;
}


/* Wishlist button - top right */
.rra-product-image .rra-wishlist {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}


/* Compare button - directly below wishlist */
.rra-product-image .rra-compare {
    position: absolute;
    top: 58px;
    right: 12px;
    z-index: 10;

    width: 38px;
    height: 38px;

    border: 0;
    border-radius: 50%;

    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    margin: 0;

    cursor: pointer;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);

    transition: all 0.2s ease;
}


/* Compare icon */
.rra-product-image .rra-compare-icon {
    font-size: 18px;
    line-height: 1;
    color: #162840;
}


/* Hover */
.rra-product-image .rra-compare:hover {
    background: #162840;
}

.rra-product-image .rra-compare:hover .rra-compare-icon {
    color: #fff;
}


/* When product is already added */
.rra-product-image .rra-compare.is-added {
    background: #162840;
}

.rra-product-image .rra-compare.is-added .rra-compare-icon {
    color: #fff;
}

/* =========================
   COMPARE TOAST
========================= */

.rra-compare-toast {
    position: fixed;

    right: 25px;
    bottom: 25px;

    z-index: 999999;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 13px 18px;

    background: #162840;
    color: #fff;

    border-radius: 5px;

    font-size: 14px;
    line-height: 1.4;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);

    opacity: 0;

    transform: translateY(20px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}


/* Show toast */

.rra-compare-toast.show {
    opacity: 1;
    transform: translateY(0);
}


/* Icon */

.rra-toast-icon {
    width: 22px;
    height: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff;
    color: #162840;

    font-size: 13px;
    font-weight: 700;
}


/* Error */

.rra-compare-toast-error {
    background: #c62828;
}


/* Remove */

.rra-compare-toast-remove {
    background: #555;
}


/* Mobile */

@media (max-width: 767px) {

    .rra-compare-toast {
        left: 15px;
        right: 15px;
        bottom: 20px;

        justify-content: center;

        font-size: 13px;
    }

}

/* ==========================================
   COMPARE NOTIFICATION
========================================== */

.rra-compare-notice {
    position: fixed;

    right: 25px;
    bottom: 25px;

    z-index: 999999999;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 14px 20px;

    background: #162840;

    color: #ffffff;

    border-radius: 5px;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.4;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.20);

    opacity: 0;

    visibility: hidden;

    transform: translateY(20px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0.3s ease;
}


/* Show */

.rra-compare-notice.show {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}


/* Check icon */

.rra-compare-notice-icon {

    width: 22px;
    height: 22px;

    min-width: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #ffffff;

    color: #162840;

    border-radius: 50%;

    font-size: 13px;

    font-weight: 700;

}


/* Mobile */

@media (max-width: 767px) {

    .rra-compare-notice {

        left: 15px;
        right: 15px;

        bottom: 20px;

        justify-content: center;

        text-align: center;

        font-size: 13px;

    }

}
/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .custom-category-products ul.products {
        grid-template-columns: 1fr;
    }

}
	/*------------------------------------*\
	#HOME
	\*------------------------------------*/

.home-slider .bdt-slider-excerpt a{
	    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 25px;
    background-color: #512d44;
    color: #fff;
    border: 0;
}
.home-slider .bdt-ps-counternav{
    display:none;
}
.home-slider .bdt-slider-excerpt a:hover{
	background-color: #232323;
}
	/*------------------------------------*\
	#(PAGE)
	\*------------------------------------*/


	/*------------------------------------*\
	#(PAGE)
	\*------------------------------------*/

/*------------------------------------*\
  #FOOTER SETTINGS
\*------------------------------------*/
	/*------------------------------------*\
	#FOOTER LINKS
	\*------------------------------------*/
	/*------------------------------------*\
	#FOOTER TEXT
	\*------------------------------------*/


/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
           /*------------------------------------*\
	 #Extra small devices (Most of the Smartphones Mobiles (Portrait))
	@media only screen and (max-width: 480px) {
	\*------------------------------------*/	
	/*------------------------------------*\
	 #Small devices (Low Resolution Tablets, Mobiles (Landscape))
	 B/w 481px to 767px
	@media (min-width: 481px) and (max-width: 767px){...} 
	\*------------------------------------*/
	/*------------------------------------*\
	 #Medium devices (Tablets, Ipads (landscape))
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){...} 
	\*------------------------------------*/
	/*------------------------------------*\
	 #Large devices (Laptops, Desktops)
	@media (min-width: 1025px) and (max-width: 1280px)  {...} 
	\*------------------------------------*/
	
	
	/*------------------------------------*\
	 #Extra large devices (large laptops and desktops, 1200px and up)
	@media only screen and (min-width: 1281px) {...}
	\*------------------------------------*/
	
	
	
	
	/* ==========================================
   COMPARE PAGE
========================================== */

.rra-compare-page {
    padding: 60px 20px;
}

.rra-compare-container {
    max-width: 1300px;
    margin: 0 auto;
}

.rra-compare-title {
    margin-bottom: 35px;
}


.rra-compare-table-wrapper {
    width: 100%;
    overflow-x: auto;
}


.rra-compare-table {
    width: 100%;
    min-width: 1000px;

    border-collapse: collapse;
}


.rra-compare-table th,
.rra-compare-table td {

    border: 1px solid #e5e5e5;

    padding: 18px;

    vertical-align: middle;

    text-align: center;

}


.rra-compare-table th {

    background: #f7f7f7;

    font-weight: 600;

    text-align: left;

    width: 150px;

}


.rra-compare-table td {

    min-width: 180px;

}


.rra-compare-product-name {

    color: #162840;

    font-weight: 600;

    text-decoration: none;

}


.rra-compare-image {

    width: 140px !important;
    height: 140px !important;

    object-fit: contain;

    margin: 0 auto;

}


.rra-in-stock {

    color: #198754;

    font-weight: 600;

}


.rra-out-stock {

    color: #dc3545;

    font-weight: 600;

}


/* Actions */

.rra-compare-actions {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

}


.rra-compare-cart,
.rra-compare-remove {

    width: 40px;
    height: 40px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 4px;

    cursor: pointer;

    text-decoration: none;

}


.rra-compare-cart {

    background: #162840;

    color: #fff;

}


.rra-compare-remove {

    background: #eeeeee;

    color: #333;

}


.rra-compare-cart:hover {

    background: #0e1c2d;

    color: #fff;

}


.rra-compare-remove:hover {

    background: #dc3545;

    color: #fff;

}


/* Empty */

.rra-compare-empty {

    padding: 60px 20px;

    text-align: center;

}


.rra-compare-shop-button {

    display: inline-block;

    padding: 12px 25px;

    background: #162840;

    color: #fff;

    text-decoration: none;

}


@media (max-width: 767px) {

    .rra-compare-page {

        padding: 40px 15px;

    }

    .rra-compare-table {

        min-width: 900px;

    }

}


/* Fixes */
@media all and (max-width:980px){
	.elementor-12 .elementor-element.elementor-element-aeb6fb4 .tahefobu-mobile-nav-menu{
		left: 0px !important;
		right: 0 !important;
		width: 100vw !important;
		margin-inline: -24px !important;
	}
	li.currency_switcher_wrap{border-top:solid 1px #e8e8e8;padding:10px}
	li.menu-item-247{padding:10px}
}




/*cart page*/

.woocommerce-cart .wc-block-grid__product-link{
    text-decoration: none;
    color: #000;
    font-size:14px;
}
.woocommerce-cart .woocommerce-Price-amount{
    font-size: 14px;
}
.woocommerce-cart a{
    color:rgb(55, 75, 22);
}
.woocommerce-cart .wp-block-button__link.add_to_cart_button.ajax_add_to_cart ,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,  .wc-block-components-button.wp-element-button.wc-block-cart__submit-button , .wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width {
        border:1px solid rgb(55, 75, 22);
    border-radius: 0px;
    background: rgb(55, 75, 22);
    color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.woocommerce-cart .wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover , .wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover , .wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width:hover{
    border:1px solid rgb(55, 75, 22);
    background:#fff;
    color:#000;
}
.woocommerce-cart .wc-block-grid__products .wc-block-grid__product-image img{
    height:210px;
}


.rra-product-rating .star-rating {
    display: inline-block;
    width: 5.5em;
    height: 1em;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    line-height: 1;
}

.rra-product-rating .star-rating::before {
    content: "★★★★★";
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 2px;
    color: #ccc;
}

.rra-product-rating .star-rating span {
    display: block;
    overflow: hidden;
    width: calc(var(--rating) * 20%);
    height: 100%;
}

.rra-product-rating .star-rating span::before {
    content: "★★★★★";
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 2px;
    color: #f0ac01;
}

.rra-product-rating .rating {
    display: none;
}

.woocommerce .star-rating span::before , .stars a {
        color: #ffb21c;
}


/* Newsletter form - email + button in one line */
.newsletter-form {
    display: flex;
    width: 100%;
    margin: 0;
 padding: 20px 0px;
    justify-content: center;
}
.newsletter-form p{
	    display: flex;
}
/* CF7 email wrapper */
.newsletter-form .wpcf7-form-control-wrap[data-name="newsletter-email"] {
    flex: 1;
    display: block;
    margin: 0;
    padding: 0;
}
.newsletter-form .wpcf7-spinner{
	display:none
}

/* Email input */
.newsletter-form input.newsletter-email {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 0 !important;
    outline: none;
    box-sizing: border-box;
    font-size: 16px;
}

/* Subscribe button */
.newsletter-form input[type="submit"] {
    display: block;
    flex: 0 0 130px;
    width: 130px;
    height: 50px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid #162840;
    border-radius: 0 !important;
    background: #162840;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer;
}

/* Button hover */
.newsletter-form input[type="submit"]:hover {
    background: #f0ac01;
    border-color: #f0ac01;
    color: #162840;
}

/* Email focus */
.newsletter-form input.newsletter-email:focus {
    border-color: #162840;
    box-shadow: none;
    outline: none;
}

/* Mobile */
@media (max-width: 480px) {

    .newsletter-form input.newsletter-email {
        height: 48px;
        padding: 0 12px;
        font-size: 14px;
    }

    .newsletter-form input[type="submit"] {
        flex: 0 0 105px;
        width: 105px;
        height: 48px;
        padding: 0 10px;
        font-size: 14px;
    }
}

.htmega-menu-area ul > li > a {
	border:none !important
} 

.site-main a, .woocommerce-info::before{
	color:#374B16
}
.woocommerce-info {
    border-top-color: #374B16;
}

/* Wishlist heart */

.custom-wishlist-btn .fa {
    transition: all 0.2s ease;
}

/* Added wishlist */

.custom-wishlist-btn.wishlist-added .fa {
    color: #e00000;
}

.custom-wishlist-btn.wishlist-added {
    color: #e00000;
}
.custom-wishlist-info h3{
	    margin-bottom: 0px;
}
.custom-wishlist-info h3 a{
	text-decoration: none;
    font-size: 17px;
}

/* =========================================================
   CUSTOM WISHLIST GRID
   ========================================================= */

.custom-wishlist-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 25px;
}

.custom-wishlist-item {

    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.custom-wishlist-image {
    width: 100%;
    margin-bottom: 15px;
}

.custom-wishlist-image img {
    width: 100%;
        height: 210px;
    display: block;
    object-fit: contain;
}

.custom-wishlist-info {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.custom-wishlist-info h3 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.4;
}

.custom-wishlist-info h3 a {
    text-decoration: none;
    color: #162840;
}

.custom-wishlist-price {
    margin-bottom: 15px;
    font-weight: 600;
}

.custom-wishlist-actions {
    display: flex;
    gap: 10px;
    margin-top: auto;
}

.custom-wishlist-actions .button {
    flex: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* Empty wishlist */

.custom-wishlist-empty {
    padding: 20px 0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .custom-wishlist-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
.rra-compare-page .table-responsive {
  max-width: calc(100vw - 30px) !important;
  margin-inline-start: 15px;
}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .custom-wishlist-products {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .custom-wishlist-item {
        padding: 12px;
    }

    .custom-wishlist-info h3 {
        font-size: 16px;
    }

    .custom-wishlist-actions {
        flex-direction: column;
    }

    .custom-wishlist-actions .button {
        width: 100%;
    }

}

.htmega_mega_menu .megamenu-col {
    flex-direction: column;
}