/*
Theme Name: NoorGee Astra Child
Theme URI: https://us.noorgee.com
Template: astra
Author: NoorGee
Author URI: https://us.noorgee.com
Description: NoorGee US Child Theme
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 1.0.0.1779937205
Updated: 2026-05-28 03:00:05

*/

/* ===== NoorGee Homepage Fix ===== */

/* 1. Slideshow container full width */
.slideshow-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
}

/* 2. Product grid - CSS Scroll Carousel */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    gap: 16px !important;
    padding-bottom: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #534AB7 transparent;
}
.woocommerce ul.products li.product {
    flex: 0 0 220px !important;
    scroll-snap-align: start;
    width: 220px !important;
}
.woocommerce ul.products li.product img {
    height: 200px !important;
    object-fit: cover !important;
    width: 100% !important;
    border-radius: 8px;
}

/* 3. Feature flex cards - mobile fix */
@media (max-width: 768px) {
    .flex-container {
        flex-wrap: wrap !important;
        height: auto !important;
    }
    .flex-container .flex {
        flex: 1 1 45% !important;
        min-height: 150px;
    }
}

/* 4. Navigation menu column fix */
.wp-block-column .prod-menu1 {
    width: 100% !important;
}