/* ═══════════════════════════════════════════
   DESKTOP DROPDOWN — Two column mega menu
═══════════════════════════════════════════ */

/* Caret on Services parent item */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > a::after {
    content: ' ▾';
    font-size: 0.65rem;
    opacity: 0.55;
    margin-left: 0.2rem;
}

/* Position parent li for dropdown anchoring — do NOT touch display */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children {
    position: relative;
}

/* Dropdown panel */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 580px;
    background: var(--gcid-klgbjojc03, #f8f2ee);
    border-top: 3px solid var(--gcid-ur26jl5jlq, #b74d47);
    border-radius: 0 0 0.375rem 0.375rem;
    box-shadow: 0 16px 48px rgba(44, 12, 2, 0.18);
    padding: 1rem 1.25rem;
    z-index: 9999;
    list-style: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Show on hover via Divi 5 et-show-dropdown class */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children.et-show-dropdown > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ── SUB-MENU LI — explicitly reset from Divi's flex ── */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li {
    display: block !important;
    flex: none !important;
    align-items: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    float: none !important;
    position: static !important;
}

/* Last two items share the bottom row */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li:nth-last-child(2),
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li:last-child {
    border-top: 1px solid rgba(44, 12, 2, 0.08);
    margin-top: 0.25rem !important;
    padding-top: 0.25rem !important;
    grid-column: span 1;
}

/* Links */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li > a {
    display: block !important;
    padding: 0.6rem 0.875rem !important;
    font-family: var(--et_global_heading_font, 'Segoe UI', sans-serif) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--gcid-gx4fjkjac1, #2c0c02) !important;
    text-decoration: none !important;
    border-radius: 0.25rem !important;
    transition: background 0.2s, color 0.2s !important;
    white-space: nowrap !important;
    background: transparent !important;
    line-height: 1.4 !important;
}

/* Link hover */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li > a:hover {
    background: rgba(183, 77, 71, 0.08) !important;
    color: var(--gcid-ur26jl5jlq, #b74d47) !important;
}

/* Access to Work link */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li:nth-last-child(2) > a,
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li:last-child > a {
    color: var(--gcid-ffcqjxsvo7, #6f63bc) !important;
    font-weight: 700 !important;
}

.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li:nth-last-child(2) > a:hover
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li:last-child > a:hover {
    background: rgba(111, 99, 188, 0.08) !important;
    color: var(--gcid-ffcqjxsvo7, #6f63bc) !important;
}

/* Current page item */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu > li.current-menu-item > a {
    color: var(--gcid-ur26jl5jlq, #b74d47) !important;
}

/* Spot motif watermark */
.et_pb_menu .et_pb_menu__menu nav ul li.menu-item-has-children > .sub-menu::after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 130px;
    height: 130px;
    background-image: url('/wp-content/uploads/2026/06/Dusky-Lilac-2.svg');
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.06;
    pointer-events: none;
    z-index: 0;
}