/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/


.product-info .entry-title {

    color: #C88544 !important;
}

.product-item .info .name {
    color: #C88544 !important;
}

.product-item .info .price {
    color: red !important
}



/****attributes radio button *****/

/* 1. Hide the default radio button circle */
.nasa-attr-ux .nasa-attr-bg {
    display: none !important;
}

/* 2. Style the default (unselected) state */
.nasa-attr-ux {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;

    /* Border and text using your Main Color */
    border: 2px solid #CAB59D !important;
    color: #CAB59D !important;

    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    /* Gives it the slightly rounded corners in your image */
    text-decoration: none;
    transition: all 0.3s ease;
    margin-left: 8px;
    /* Adds spacing between the buttons */
}

/* 3. Style the selected (and hover) state */
.nasa-attr-ux.selected,
.nasa-attr-ux:hover {
    /* Fills the background with your Main Color */
    background-color: #C88544 !important;

    /* Changes the border to your Secondary Color */
    border-color: #C88544 !important;

    /* Changes text to white for contrast */
    color: #ffffff !important;
}

/* Ensures the text span inside inherits the white color when selected */
.nasa-attr-ux.selected .nasa-attr-text,
.nasa-attr-ux:hover .nasa-attr-text {
    color: #ffffff !important;
}



/****attributes radio button in sticky add to card *****/
/* 1. Hide the default radio circle on the sticky bar buttons */
.nasa-attr-ux-clone .nasa-attr-bg {
    display: none !important;
}

/* 2. Style the default (unselected) state */
.nasa-attr-ux-clone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;

    /* Border and text using your Main Color */
    border: 2px solid #CAB59D !important;
    color: #CAB59D !important;

    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-left: 8px;
    /* Adds space between buttons (ideal for RTL/Arabic) */
}

/* 3. Style the selected (and hover) state */
.nasa-attr-ux-clone.selected,
.nasa-attr-ux-clone:hover {
    /* Fills the background with your Main Color */
    background-color: #C88544 !important;

    /* Changes the border to your Secondary Color */
    border-color: #C88544 !important;

    /* Changes text to white for contrast */
    color: #ffffff !important;
}

/* 4. Ensure the text inside also turns white when selected */
.nasa-attr-ux-clone.selected .nasa-attr-text,
.nasa-attr-ux-clone:hover .nasa-attr-text {
    color: #ffffff !important;
}

.product-item .info {
    text-align: center !important;
}


/**** variation styling in carousel******/

.nasa-product-content-nasa_label-wrap .nasa-attr-ux-item {
    /* 1. Margins to add spacing between the badges */
    margin: 0 6px !important;

    /* 2. The Glossy/Glassmorphism Effect */
    /* Lowered opacity from 0.85 to 0.4 so the blur effect shows through the background */
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    /* Crucial for Safari support */

    /* 3. A subtle inner highlight to simulate the shiny edge of physical glass, plus a soft drop shadow */
    box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.7), 0 4px 10px rgba(0, 0, 0, 0.05) !important;

    /* Your existing structural styles */
    border: 1px solid #CAB59D !important;
    border-radius: 10px !important;
    color: #000000 !important;
    padding: 6px 14px !important;
    /* Slightly increased padding to give the glass more surface area */
    transition: all 0.3s ease !important;
}

.nasa-product-content-nasa_label-wrap .nasa-attr-ux-item:hover,
.nasa-product-content-nasa_label-wrap .nasa-attr-ux-item.nasa-active {
    border-color: #C88544 !important;
    border-radius: 10px !important;

    /* Used an 85% transparent version of your secondary color to maintain the glassy feel even when active */
    background-color: rgba(200, 133, 68, 0.85) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none !important;

    /* A warm, subtle glow that matches the active color */
    box-shadow: 0 6px 15px rgba(200, 133, 68, 0.25) !important;
}

.nasa-product-content-nasa_label-wrap .nasa-product-content-child {
    justify-content: center !important;
    /* Optional: If 'margin' on the items above ever conflicts with other theme styles, 
       you can remove 'margin' from the item and use 'gap: 12px !important;' right here instead. */
}


.nasa-modern-5 .product-item .info {
    background-color: white !important;

    /* Corrected to your exact secondary color with transparency */
    border: 1px solid #c8854467 !important;
    border-radius: 0 0 20px 20px !important;
    border-top: none !important;
    box-shadow: 0px 1px 3px rgb(131 76 22 / 35%);

}

.product-item .product-img-wrap {

    border: 1px solid #c8854467 !important;
    border-radius: 20px 20px 0 0 !important;

    /* Fixed the typo here */
    border-bottom: none !important;

    /* Pro-Tip: Add this so the image inside doesn't poke outside your new rounded corners */

}

.main-img img,
.back-img img {
    border-radius: 20px 20px 0 0 !important;
}


@media (min-width: 768px) {

    .nasa-header-sticky.header-type-2 .fixed-already .nasa-elements-wrap,.nasa-header-sticky.header-type-3 .fixed-already .nasa-elements-wrap {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

    .woocommerce-tabs.nasa-scroll-content {
        background-color: #f5f2ed !important;

    }



    .woocommerce-tabs .nasa-scroll-item {
        border-radius: 20px !important;
        border: 1px solid #c8854438;
        box-shadow: 0px 1px 3px rgb(131 76 22 / 35%);
    }





    body.nasa-rtl .nasa-product-details-page .product-info .entry-title {
        padding-right: 0;
        padding-left: 0px !important;
    }

    .nasa-scroll-titles {
        border-radius: 20px !important;
    }

    /*product carousel*/
    .ns-items-gap.nasa-modern-9 .product-item .add-to-cart-grid {
        border: 1px solid #c8864467 !important;
        border-top: none !important;
        margin-top: -10px !important;
        box-shadow: 0px 1px 3px rgb(131 76 22 / 35%);

    }

    .ns-items-gap.nasa-modern-9 .product-item .product-img-wrap {
        border: 1px solid #c8864467 !important;
        border-bottom: none !important;
    }

    .ns-items-gap.nasa-modern-9 .product-item .product-info-wrap {
        border: 1px solid #c8864467 !important;
        border-top: none !important;
        box-shadow: 0px 1px 3px rgb(131 76 22 / 35%);
    }

    .product-item .info {
        margin-bottom: 10px;
    }

    .ns-items-gap.nasa-modern-9 .product-item:hover .product-info-wrap {
        margin-bottom: 0 !important;
    }







    /* Center the product names and price in slider */
    .nasa-modern-9 .product-item .info {
        text-align: center !important;
    }


    .nasa-modern-5 .nasa-product-grid .btn-link .cart-icon,
    .nasa-modern-5 .nasa-product-grid .btn-link .nasa-icon {
        color: #C88544 !important
    }

    body .nasa-modern-5 .nasa-product-grid .btn-link:hover {
        background-color: #C88544 !important
    }



    /* badges styling */

    .nasa-modern-9 .info .nasa-badges-wrap {
        /*     top: -200px !important; */
    }


}

/**** Mobile Styles *****/
@media only screen and (max-width: 767px) {
    body .product-item .info {
        margin-bottom: 10px !important;
    }

    .nasa-modern-1 .product-item .btn-wishlist,
    .nasa-modern-5 .product-item .btn-wishlist {
        border-radius: 10px !important;
    }


    body.nasa-in-mobile.nasa-mobile-app #wrapper .product-info>* {
    background-color: white !important;
    border-radius: 10px !important;
}

body.nasa-in-mobile.nasa-mobile-app #wrapper .ns-begin-wrap:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-last-sold:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-in-cart:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .check-incart-sold-wrap:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-single-product-brands:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .product-info .woocommerce-product-details__short-description:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .product-info .nasa-dsc-wrap:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-detail-product-deal-countdown:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-single-product-stock:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .product-info>.dsc-flex-row:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-wrap-popup-nodes:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-est-delivery:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-promote-sales:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-single-share:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .safe-checkout:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .pwb-single-product-brands:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .nasa-product-details-page .product_meta:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .stock.available-on-backorder:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .stock.out-of-stock:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .cwginstock-subscribe-form:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper form.cart:after,
body.nasa-in-mobile.nasa-mobile-app #wrapper .publish-coupons.publish-coupons-slide:after {
    
    /* This completely removes the pseudo-element from the page rendering */
    display: none !important; 
    
}

body.nasa-in-mobile.nasa-mobile-app #wrapper .product-info > * {
    padding: 20px !important;
    
    /* Centers all text and inline elements inside the blocks */
    text-align: center !important; 

    border: 1px solid #c8854438 !important;
    box-shadow: 0px 1px 3px rgb(131 76 22 / 35%) !important;

}

}

.ns-variants-clone .ns-variant-lbl,.ns-variants-clone .ns-variant-val {
    display: flex !important;
    justify-content: center; /* Centers the whole group horizontally */
    align-items: center;     /* Aligns them vertically in the middle */
}

.nasa-product-details-page .product-info .entry-title {
    padding-right:0px !important; 
}

.product-info .woocommerce-product-rating {
    /* 1. Turns off any lingering floats that WooCommerce applies by default */
    float: none !important; 
    
    /* 2. Turns the container into a flexible layout */
    display: flex !important; 
    
    /* 3. Pushes the stars and the review text perfectly into the middle */
    justify-content: center !important; 
    
    /* 4. Keeps the stars and text vertically aligned with each other */
    align-items: center; 
}

body.nasa-in-mobile.nasa-mobile-app #wrapper .woocommerce-tabs {
    padding: 10px !important;
    border-radius: 10px !important;
   
}

/* Adds vertical spacing between all product detail sections */
.nasa-tabs-content .ns-tab-item {
    margin-bottom: 10px !important; /* Adjust this number to make the gap larger or smaller */
}

/* Removes the margin from the very last section so it doesn't create dead space at the bottom */
.nasa-tabs-content .ns-tab-item:last-child {
    margin-bottom: 0 !important;
}

body.nasa-in-mobile.nasa-mobile-app #wrapper .woocommerce-tabs .ns-tab-item:not(.ns-tab-item:last-child) .ns-read-more:after {

    border-bottom: 8px solid #ffffff !important;
}


body.nasa-in-mobile.nasa-mobile-app #wrapper .woocommerce-tabs .ns-tab-item {
    background-color: white !important ;
    border-radius: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
    border: 1px solid #c8854438 !important;
    box-shadow: 0px 1px 3px rgb(131 76 22 / 35%) !important;
}

body.nasa-in-mobile.nasa-mobile-app #wrapper .woocommerce-tabs .ns-tab-item.ns-row-active #reviews .btn-add-new-review {
    
    color: #ffffff !important;
    border-color: #C88544 !important;
    background-color: #C88544 !important;
}

.product-item:hover .product-img-wrap .nasa-product-grid .quick-view,
.product-item:hover .product-img-wrap .nasa-product-grid .btn-compare, .product-item.nasa-mobile-hover .product-img-wrap .nasa-product-grid .quick-view,
.product-item.nasa-mobile-hover .product-img-wrap .nasa-product-grid .btn-compare {
  border-radius: 10px !important;
}

.product-item .nasa-product-grid .quick-view .nasa-icon,
.product-item .nasa-product-grid .btn-compare .nasa-icon,
.nasa-modern-1 .product-item .btn-wishlist .nasa-icon,
.nasa-modern-5 .product-item .btn-wishlist .nasa-icon {
    color: #c88544 !important;        
}



/**** Mobile Styles Ends*****/

}

.nasa-modern-1 .product-item .btn-wishlist .nasa-icon,
.nasa-modern-5 .product-item .btn-wishlist .nasa-icon {
    line-height: 30px;
    font-size: 200% !important;
    color: #C88544 !important;
}

.nasa-header-sticky .fixed-already {
  background-color: #C88544 !important;
}

body .nasa-mini-number {
     background-color: #f30303 !important;
}

#top-bar {
   
    border-bottom: 1px solid #bdac9b79 !important;
}

#masthead {
   padding-top: 2px !important; 
}

.nasa-bg-dark {
  margin-top: 2px !important; 
}