/*
	Theme Name:   Savoy Child
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme
	Author:       NordicMade
	Author URI:   http://www.nordicmade.com
	Template:     savoy
	Version:      1.0
*/


/* Child theme CSS
--------------------------------------------------------------- */

/* ==========================================================================
   📱 MOBIEL MENU - OPTIMALISATIE VOOR TELEFOONS EN TABLETS (< 768PX)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Verberg de grote horizontale desktop-tekstlinks op mobiele schermen */
    .nm-header-inner .nm-menu-default,
    .nm-header-inner #nm-main-menu-ul {
        display: none !important;
    }

    /* 2. Dwing het logo naar een stabiele, goed leesbare hoogte op mobiel */
    .nm-header-logo img,
    .nm-header-logo-image,
    .logo img,
    #nm-header-logo img {
        height: 60px !important;
        max-height: 60px !important;
        width: auto !important;
    }
    
    /* 3. Zorgt dat de mobiele witte headerbalk netjes meeschaalt met het logo */
    .nm-header, 
    .nm-header-inner {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* 4. Maak de uitklapbare submenu-items op mobiel strak en duidelijk leesbaar */
    .nm-mobile-menu ul.sub-menu li a,
    #nm-mobile-menu ul.sub-menu li a,
    .nm-mobile-menu .sub-menu li a,
    div.nm-mobile-menu li a,
    .nm-mobile-menu li a {
        font-size: 18px !important;
        font-weight: normal !important;
        color: #000000 !important;
        padding-top: 12px !important;  
        padding-bottom: 12px !important;
    }
}