/*
Theme Name: Organio
Theme URI: http://demo.casethemes.net/organio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Organio is a beautiful, modern, and responsive Organic Food Store WordPress Theme. Organio is a perfect fit for any natural food related website like fresh grocer, market food, grocery market, organic ecommerce website, organic food store, Organic markets, supermarkets and online groceries. Additionally, it is perfect for eco product stores, fresh breads, bakery shops and even natural cosmetics stores.  
Version: 1.5.9
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: organio
Tags: organic, organic theme, organic store, organic food store, organic shop, organic farm, food, farm, store, nutrition, fruit, woocommerce, fresh, vegetable
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
#ct-header-top {
    background-color: #28a745; /* Green background */
    padding: 10px 0;
}

.ct-topbar-wellcome {
    font-family: 'Almarai', sans-serif;
    font-size: 19px;
    color: #fff; /* White text color */
    font-weight: 500;
    text-align: center;
}
/* Main Navigation Menu */
#ct-header .ct-main-navigation .ct-main-menu {
    font-family: 'Almarai', sans-serif;
    font-size: 16px; /* Adjust size for main navigation menu */
    font-weight: 500; /* Adjust weight if needed */
    color: #fff; /* White text color */
	
}
/* Main Navigation Menu Items */
#ct-header .ct-main-navigation .ct-main-menu li {
    padding-left: -20px; /* Adjust left padding */
    padding-right: -20px; /* Adjust right padding */
    margin-left: 0; /* Remove margin if any */
    margin-right: 0;
	  padding: 10px 10px; /* Adjust link padding */
}
/*-----------------------------------------------*/
@media (max-width: 767px) {
    .woocommerce ul.products {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Two columns */
        gap: 10px; /* Space between items */
        justify-content: center; /* Center the entire grid */
        padding: 0; /* Remove extra padding from the grid */
        margin: 0 auto; /* Center the grid on the page */
    }

    .woocommerce ul.products li.product {
        width: 100%; /* Ensure items take full grid cell width */
        box-sizing: border-box; /* Prevent overflow issues */
    }

    /* Fix for the first row */
    .woocommerce ul.products::before {
        content: none !important; /* Remove any pseudo-elements */
    }

    /* Ensure all items align properly */
    .woocommerce ul.products li.product:nth-child(odd) {
        margin-left: 0; /* No extra margin on odd items */
    }

    .woocommerce ul.products li.product:nth-child(even) {
        margin-right: 0; /* No extra margin on even items */
    }
}