/**
 * STEK mega-menu widgets
 *
 * Styling for the three custom menu widgets:
 *   - .mega-exams        (STEK: Exams list)
 *   - .mega-certificates (STEK: Company certificates list)
 *   - .mega-links        (STEK: Links list)
 *
 * Shared behaviour: an arrow slides in on hover/focus of any .stek-mega-link.
 */

.mega-exams,
.mega-certificates,
.mega-links,
.mega-products {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-exams__item,
.mega-certificates__item {
    margin-bottom: 1.5rem;
}

.mega-links__item {
    margin-bottom: 0.25rem;
}

/* Shared link + arrow-on-hover */
.stek-mega-link {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    color: #001c32;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.3;
    transition: color 0.15s ease;
}

/* The arrow: 0-width by default so text sits flush left, then expands on hover
   and pushes the label to the right (matching the "→ Bestuur" hover state). */
.stek-mega-link::before {
    content: "\2192"; /* → */
    display: inline-block;
    width: 0;
    overflow: hidden;
    opacity: 0;
    color: #00995a;
    transition: width 0.15s ease, opacity 0.15s ease;
}

.stek-mega-link:hover,
.stek-mega-link:focus-visible {
    color: #0d6efd;
}

.stek-mega-link:hover::before,
.stek-mega-link:focus-visible::before {
    width: 1.35em;
    opacity: 1;
}

/* Descriptions under exam / certificate titles */
.mega-exams__desc,
.mega-certificates__desc {
    margin: 0.25rem 0 0;
    color: #5b6b78;
    font-size: 0.95rem;
    line-height: 1.45;
}

/* Card-style highlight for single-line link / product items (the "Bestuur"
   and "Leergang Koelmonteur" hover states) */
.mega-links__item,
.mega-products__item {
    border-radius: 8px;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.mega-links__item:hover,
.mega-products__item:hover {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 28, 50, 0.08);
}

.mega-links__link,
.mega-products__link {
    display: block;
    padding: 0.5rem 0.75rem;
}