/* Desktop services dropdown — padding bridge keeps hover while moving to menu */
.services-dropdown {
    position: relative;
}

.services-dropdown::after {
    content: '';
    position: absolute;
    top: 100%;
    left: -12px;
    right: -12px;
    height: 14px;
    z-index: 60;
}

.services-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    padding-top: 10px;
    padding-bottom: 8px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 50;
}

.services-dropdown:hover .services-menu,
.services-dropdown:focus-within .services-menu {
    display: block;
}

.services-menu a {
    display: block;
    padding: 10px 20px;
    color: #374151;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.services-menu a:hover {
    background-color: #f3f4f6;
    color: #2563eb;
}