/**
Theme Name: Cosion Child
Author: ThemeOri
Author URI: https://themeforest.net/user/themeori/
Description: Child theme for the Cosion theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cosion-child
Template: cosion
*/

@media (max-width: 768px) {
    /* 1. Force the container to be a flex row and remove default UL padding */
    .MobileCabinetMenu .onepage_menu_navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 15px !important; /* Proper left/right gutter */
        margin: 0 !important;
        list-style: none !important;
        width: 100% !important;
    }

    /* 2. Control the width of items so they sit side-by-side */
    .MobileCabinetMenu .onepage_menu_navigation li {
        display: block !important;
        flex: 0 0 auto !important; /* Allows items to sit based on text width */
        margin: 5px 10px !important; /* Vertical space 5px, Horizontal space 10px */
        padding: 0 !important;
        text-align: center !important;
    }

    /* 3. Ensure text doesn't wrap and has tight line spacing */
    .MobileCabinetMenu .onepage_menu_navigation li a {
        display: inline-block !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        line-height: 1.2 !important; /* Tightens the gap between lines */
        padding: 5px 0 !important;
    }
}