/**
 * Fix for dropdown width mismatch
 * Ensures inner content fills the full width of dropdown container
 */

/* Force dropdown items to fill container width */
.sp-dropdown .sp-dropdown-items,
.sp-dropdown .sp-dropdown-inner,
.sp-dropdown > ul {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure dropdown container has consistent width */
.sp-dropdown {
    width: auto !important;
    min-width: 220px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force all child elements to be full width */
.sp-dropdown * {
    box-sizing: border-box !important;
}

/* Make list items full width */
.sp-dropdown li,
.sp-dropdown-items > li {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Make links fill the full width */
.sp-dropdown a,
.sp-dropdown li a,
.sp-dropdown-items > li > a {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 12px 20px !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Remove any width restrictions on inner wrappers */
.sp-dropdown-inner {
    width: 100% !important;
    display: block !important;
}

/* Specific fix for main navigation dropdowns */
.sp-megamenu-wrapper .sp-dropdown {
    min-width: 220px !important;
}

.sp-megamenu-wrapper .sp-dropdown .sp-dropdown-items {
    width: 100% !important;
    min-width: 100% !important;
}

/* Force inheritance of width */
.sp-dropdown.sp-dropdown-main .sp-dropdown-items {
    width: inherit !important;
    min-width: 100% !important;
}

/* Remove any floating that might affect width */
.sp-dropdown,
.sp-dropdown *,
.sp-dropdown-items,
.sp-dropdown-items * {
    float: none !important;
    clear: both !important;
}

/* Ensure no inline styles override our width */
.sp-dropdown[style*="width"],
.sp-dropdown-items[style*="width"] {
    width: 100% !important;
}

/* Fix for menu-right dropdowns */
.sp-dropdown.sp-menu-right .sp-dropdown-items {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Debug helper - ensure items visually fill space */
.sp-dropdown-items {
    background: #ffffff !important;
    border: none !important;
}

/* Ensure text doesn't cause width issues */
.sp-dropdown a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Alternative approach - set fixed width for consistency */
.sp-dropdown.sp-dropdown-main {
    width: 220px !important;
}

.sp-dropdown.sp-dropdown-main .sp-dropdown-items {
    width: 220px !important;
}

/* Remove any default styling that might add margins */
.sp-dropdown ul,
.sp-dropdown ol {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}