/**
 * Frontend styles for Divi Ultimate Megamenu (Tron-style).
 */

:root {
    --bdhp-panel-width: 420px;
    --bdhp-submenu-width: 220px;
}

/* Only target the actual Divi header menu, not all .nav instances */
#top-menu li ul.sub-menu {
    width: var(--bdhp-submenu-width);
}

/* Preview panel card */
#bdhp-preview-panel.bdhp-preview-panel {
    position: absolute;
    z-index: 9999999;
    width: var(--bdhp-panel-width);
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.22);
    padding: 26px 30px;
    display: none;
}

#bdhp-preview-panel[aria-hidden="false"] {
    display: block;
}

#bdhp-preview-panel .bdhp-preview-inner {
    display: block;
}

#bdhp-preview-panel .bdhp-preview-image {
    width: 100%;
    margin-bottom: 18px;
}

#bdhp-preview-panel .bdhp-preview-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
}

#bdhp-preview-panel .bdhp-preview-text {
    width: 100%;
    font-size: 15px;
    line-height: 1.65;
}

#bdhp-preview-panel .bdhp-preview-text p {
    margin: 0 0 8px;
}

/* Highlight submenu items that have previews */
a.bdhp-has-preview {
    position: relative;
}

a.bdhp-has-preview::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: rgba(255, 255, 255, 0);
    transition: background 0.2s ease;
}

a.bdhp-has-preview:hover::before,
a.bdhp-has-preview:focus::before {
    background: rgba(255, 255, 255, 0.6);
}