/* Link List Widget Styles */
.wb-link-list {
    position: relative;
}

/* Title/Toggle Styles */
.wb-link-list__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wb-link-list__toggle {
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
}

.wb-link-list__toggle:hover {
    opacity: 0.8;
}

/* Arrow Icon */
.wb-link-list__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.wb-link-list__arrow svg {
    width: 12px;
    height: 8px;
    fill: none;
    stroke: currentColor;
}

/* Links Container */
.wb-link-list__links {
    transition: all 0.3s ease;
}

/* Desktop: Always show links horizontally, disable dropdown behavior */
@media (min-width: 992px) {
    .wb-link-list--mobile-dropdown .wb-link-list__toggle {
        cursor: default !important;
        pointer-events: none !important;
    }
    
    .wb-link-list--mobile-dropdown .wb-link-list__arrow {
        display: none !important;
    }
}

/* Mobile: Dropdown behavior when enabled */
@media (max-width: 991px) {
    .wb-link-list--mobile-dropdown .wb-link-list__links {
        gap: 0.5rem;
        animation: slideDown 0.3s ease;
    }
    
    .wb-link-list--mobile-dropdown .wb-link-list__links a {
        width: 100%;
        text-align: left;
        padding: 0.75rem 1rem;
    }
    
    /* Animation for dropdown */
    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* When collapsed, hide the links */
    .wb-link-list--mobile-dropdown .wb-link-list__links[style*="display: none"] {
        display: none !important;
    }
    
    /* Arrow rotation when expanded */
    .wb-link-list--expanded .wb-link-list__arrow {
        transform: rotate(180deg);
    }
}

/* Accessibility improvements */
.wb-link-list__toggle[aria-expanded="true"] {
    /* Visual indicator when expanded */
}

.wb-link-list__toggle[aria-expanded="false"] {
    /* Visual indicator when collapsed */
}