/*
|--------------------------------------------------------------------------
| Nuts and Bolts Coaching Navigation Styles
|--------------------------------------------------------------------------
|
| File:
| /css/nbc-navigation.css
|
| Website:
| https://thomaslvaughn.com
|
| Created By:
| Thomas L. Vaughn
|
| Assisted By:
| OpenAI ChatGPT
|
| Date Created:
| 2026-07-20
|
| Last Updated:
| 2026-07-20
|
| Purpose:
| Contains custom navigation styling for the Nuts and Bolts Coaching
| website.
|
| Current Functions:
| - Increases the width of desktop dropdown menus.
| - Improves readability of longer navigation labels.
| - Maintains proper positioning for nested dropdown menus.
| - Improves spacing and line height within dropdown links.
|
| Dependencies:
| - WordPress
| - Divi Theme
|
| Notes:
| - This file is loaded through the child theme functions.php file.
| - Navigation-related CSS should be placed in this file rather than
|   Divi Theme Options or page-specific CSS.
| - Mobile menu behavior is controlled separately by JavaScript.
|
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Desktop Dropdown Menu Width
|--------------------------------------------------------------------------
|
| Purpose:
| Increase the width of desktop dropdown menus so longer service names
| display more clearly and require fewer line breaks.
|
|--------------------------------------------------------------------------
*/

@media only screen and (min-width: 981px) {

    /* Increase the width of first-level dropdown menus. */
    #top-menu-nav #top-menu li ul {
        width: 340px;
    }

    /* Keep nested dropdown menus aligned with the wider parent menu. */
    #top-menu-nav #top-menu li li ul {
        left: 340px;
    }

    /* Increase the usable width and spacing of dropdown links. */
    #top-menu-nav #top-menu li li a {
        width: 300px;
        padding: 10px 20px;
        line-height: 1.5;
        white-space: normal;
    }
}