/* ============================================================
   Choice Catalog Nav – Desktop & Mobile Dropdown Styles
   ============================================================ */

/* Layout overrides (display:block + margin:auto) are inlined
   via wp_head in choice-catalog-nav.php to avoid caching issues */

.cf-catalog-item>a {
    letter-spacing: 0.04em;
}

/* ─── Desktop: first-level dropdown ─── */
#site-navigation .cf-catalog-item>.cf-catalog-menu {
    min-width: 200px;
}

/* ─── Desktop: second-level flyout (children of children) ─── */
#site-navigation .cf-catalog-item .cf-catalog-menu .menu-item-has-children>.sub-menu {
    left: 100%;
    top: 0;
}

/* ─── Desktop: show flyout on hover ─── */
#site-navigation .cf-catalog-item .cf-catalog-menu .menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* Arrow indicator handled by Kadence SVG — no CSS pseudo-element needed */

/* ─── Mobile: CATALOG in the drawer ─── */
.mobile-navigation .cf-catalog-item .cf-catalog-menu .sub-menu {
    display: none;
}

.mobile-navigation .cf-catalog-item .cf-catalog-menu .sub-menu.is-toggled {
    display: block;
}

/* Mobile toggle open state */
.mobile-navigation .cf-catalog-item .cf-catalog-mobile-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.mobile-navigation .cf-catalog-item .drawer-sub-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}