/**
 * Certification & Safety
 * Desktop Navigation Stylesheet
 *
 * File:
 * /css/nbc-desktop-navigation.css
 *
 * Created By:
 * Nuts and Bolts Coaching (NBC)
 *
 * Author:
 * Thomas L. Vaughn
 *
 * Date Created:
 * 2026-07-23
 *
 * Date Updated:
 * 2026-07-23
 *
 * Purpose:
 * Customizes the standard Divi desktop navigation dropdowns
 * so longer submenu labels have sufficient width and remain
 * easy to read.
 *
 * Features:
 * - Increases the width of desktop dropdown menus.
 * - Reduces excessive wrapping of long submenu labels.
 * - Preserves Divi's standard desktop navigation behavior.
 * - Allows the Certifications dropdown additional width.
 *
 * Dependencies:
 * - Standard Divi header
 * - NBC stylesheet loader in functions.php
 *
 * Notes:
 * - Applies only at 981px and wider.
 * - Does not affect the mobile menu.
 * - The OSHA Training Programs dropdown uses the standard
 *   250-pixel width.
 * - The Certifications dropdown uses a 275-pixel width.
 */


/*--------------------------------------------------------------
>>> DESKTOP DROPDOWN MENUS
--------------------------------------------------------------*/

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

    /*
     * Standard dropdown width and presentation.
     */
    #main-header #top-menu li ul.sub-menu {
        width: 250px !important;
        padding: 10px 0;

        border-top-width: 2px;
    }

    /*
     * Removes Divi's default horizontal submenu-item spacing.
     */
    #main-header #top-menu li li {
        padding: 0 !important;
    }

    /*
     * Standard submenu link width and typography.
     */
    #main-header #top-menu li li a {
        width: 250px !important;
        padding: 10px 18px !important;

        font-size: 16px;
        line-height: 1.35;
        white-space: normal;
    }


    /*----------------------------------------------------------
    >>> OSHA TRAINING PROGRAMS DROPDOWN
    ----------------------------------------------------------*/

    #main-header #menu-item-619 > ul.sub-menu {
        width: 250px !important;
    }

    #main-header #menu-item-619 > ul.sub-menu > li > a {
        width: 250px !important;
    }


    /*----------------------------------------------------------
    >>> CERTIFICATIONS DROPDOWN
    ----------------------------------------------------------*/

    #main-header #menu-item-620 > ul.sub-menu {
        width: 275px !important;
    }

    #main-header #menu-item-620 > ul.sub-menu > li > a {
        width: 275px !important;
    }

}