/* ─────────────────────────────────────────────────────────────────────────────
   Desktop Navigation — minimal / clean / modern
   Applies only from 782px up (Gutenberg mobile-breakpoint).
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Header wrapper ── */
.wp-block-template-part > .wp-block-group.alignfull:first-of-type,
.wp-block-template-part > div > .wp-block-group.alignfull:first-of-type {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.04) !important;
}

/* ─────────────────────────────────────────
   Top-level links
   ───────────────────────────────────────── */
@media (min-width: 782px) {

    .wp-block-navigation .wp-block-navigation__container {
        gap: 2px !important;
        align-items: center !important;
    }

    .wp-block-navigation .wp-block-navigation-item__content {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 7px 11px !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        letter-spacing: 0.2px !important;
        color: #2a2a2a !important;
        text-decoration: none !important;
        border-radius: 7px !important;
        background: transparent !important;
        transition: color .15s ease, background .15s ease !important;
    }

    /* Underline slide-in on hover */
    .wp-block-navigation .wp-block-navigation-item__content::after {
        content: '' !important;
        position: absolute !important;
        bottom: 3px !important;
        left: 11px !important;
        right: 11px !important;
        height: 1.5px !important;
        background: #111 !important;
        border-radius: 2px !important;
        transform: scaleX(0) !important;
        transform-origin: left !important;
        transition: transform .2s ease !important;
    }

    .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
    .wp-block-navigation .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content {
        color: #111 !important;
        background: rgba(0,0,0,.04) !important;
    }

    .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
    .wp-block-navigation .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content::after {
        transform: scaleX(1) !important;
    }

    /* Active / current page */
    .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
    .wp-block-navigation .current_page_item > .wp-block-navigation-item__content,
    .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
        color: #111 !important;
        font-weight: 600 !important;
        background: rgba(0,0,0,.05) !important;
    }

    .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after,
    .wp-block-navigation .current_page_item > .wp-block-navigation-item__content::after,
    .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content::after {
        transform: scaleX(1) !important;
    }

    /* Dropdown arrow — più sottile e integrata */
    .wp-block-navigation .wp-block-navigation__submenu-icon svg {
        stroke-width: 1.8 !important;
        opacity: .45 !important;
        transition: opacity .15s ease !important;
    }

    .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon svg {
        opacity: .8 !important;
    }

    /* ─────────────────────────────────────────
       Dropdown / submenu
       ───────────────────────────────────────── */
    .wp-block-navigation__submenu-container {
        background: #fff !important;
        border: 1px solid rgba(0,0,0,.08) !important;
        border-radius: 12px !important;
        box-shadow:
            0 4px 6px -1px rgba(0,0,0,.06),
            0 10px 24px -4px rgba(0,0,0,.10) !important;
        padding: 6px !important;
        min-width: 188px !important;
        overflow: hidden !important;
    }

    /* Submenu items */
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        font-size: 13px !important;
        font-weight: 450 !important;
        color: #333 !important;
        padding: 8px 12px !important;
        border-radius: 7px !important;
        letter-spacing: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Remove underline animation inside submenu */
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
        display: none !important;
    }

    .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
        background: #f5f5f5 !important;
        color: #111 !important;
    }
}