/*
Theme Name: Divi 5 Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Lightweight, organized child theme for Divi 5. Add site-specific styles, scripts, functions, and shortcodes without editing Divi core.
Author: Site Developer
Template: Divi
Version: 1.0.0
Text Domain: divi-5-child
*/

/*
 * Global overrides can go here.
 * For larger CSS changes, use assets/css/custom.css.
 * In external stylesheets, use actual CSS classes/IDs rather than Divi 5's
 * `selector` keyword (which works only in Divi's scoped CSS editor).
 */


/* DIVI 5 - VERTICAL AUTO-WIDTH DROPDOWN */
@media (min-width: 981px) {

  /* Dropdown container */
  .et_pb_menu .et-menu-nav ul.sub-menu {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Dropdown items */
  .et_pb_menu .et-menu-nav ul.sub-menu li {
    display: block !important;
    float: none !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 0 !important;
  }

  /* Dropdown links */
  .et_pb_menu .et-menu-nav ul.sub-menu li a {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    box-sizing: border-box;
  }

}