/**
 * Jonas Club Software — Nav Preview Version B Supplement
 * Loaded AFTER nav-preview.css on /homepage-preview-during-expansion/ only.
 *
 * Adds styles for:
 * - Solutions microcopy as individual clickable links
 * - Resources mega-menu (2-column grid)
 * - Non-linked "Resource Library" footer label
 */

/* ─── Logo image sizing ─── */
/* Match Version A height (34px). `display: block` kept to prevent inline gap. */

.jnp-logo-img {
    height: 34px;
    width: auto;
    display: block;
}


/* ─── Solutions: Multi-link microcopy cards ─── */

.jnp-dd-link-multi {
    cursor: default;
}

.jnp-dd-link-multi:hover {
    background: var(--jnp-cream) !important;
}

.jnp-dd-link-multi .jnp-dd-link-sub {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 5px;
    color: inherit;
}

.jnp-sub-link {
    font-size: 11px;
    font-weight: 500;
    color: var(--jnp-navy-mid);
    text-decoration: none;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--jnp-gray-200);
    line-height: 1.6;
    transition: background 0.15s ease, color 0.15s ease;
}

.jnp-sub-link:hover {
    background: var(--jnp-navy);
    color: #fff;
}


/* ─── Resources mega-menu ─── */

.jnp-resources-dropdown {
    min-width: 620px;
    padding: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    opacity: 0;
    pointer-events: none;
}

.jnp-resources-dropdown::before {
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.jnp-nav-item:hover .jnp-resources-dropdown,
.jnp-nav-item.open .jnp-resources-dropdown {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.jnp-resources-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}


/* ─── Non-linked footer label ─── */

.jnp-dd-footer-label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #9CA3AF;
    font-size: 13.5px;
    font-weight: 600;
    padding: 8px 14px;
    font-family: var(--jnp-font-body);
    cursor: default;
}