/**
 * WPBakery "WP Custom Menu" — Nested Navigation (Submenu) Styles
 * File: wp-content/themes/dt-the7/css/vc-custommenu-nested.css
 *
 * Targets the actual rendered HTML: .vc_wp_custommenu .sub-menu
 * Overrides any theme rules that hide or misplace submenus.
 */

/* ─── Scoped to sidebar only (.my-swap-column-1) ─────────────── */

/* ─── Parent item: needs relative positioning for sub-menu ─── */
.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children {
    position: relative;
}

/* ─── Hide sub-menu by default, override any theme rules ─────── */
.my-swap-column-1 .vc_wp_custommenu .sub-menu,
.my-swap-column-1 .vc_wp_custommenu ul.sub-menu {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: static !important;
    float: none !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto !important;
    min-width: 0 !important;
    z-index: auto !important;
    transition: opacity 0.2s ease, height 0.2s ease;
}

/* ─── Reveal sub-menu on hover of the parent <li> ───────────── */
.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children:hover > .sub-menu,
.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children:focus-within > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 16px;
}

/* ─── Sub-item links ─────────────────────────────────────────── */
.my-swap-column-1 .vc_wp_custommenu .sub-menu li a {
    font-size: 0.92em;
    opacity: 0.85;
    display: block;
}

/* ─── Active / current item ──────────────────────────────────── */
.my-swap-column-1 .vc_wp_custommenu li.current-menu-item > a,
.my-swap-column-1 .vc_wp_custommenu li.current-menu-ancestor > a,
.my-swap-column-1 .vc_wp_custommenu li.current-menu-parent > a {
    font-weight: bold;
}

/* ─── Expand/collapse indicator on parent items ─────────────── */
.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children > a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children > a::after {
    content: '›';
    font-size: 1.2em;
    line-height: 1;
    margin-left: 6px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

/* Rotate arrow when submenu is open (hovered) */
.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children:hover > a::after,
.my-swap-column-1 .vc_wp_custommenu .menu-item-has-children:focus-within > a::after {
    transform: rotate(90deg);
}