/* WooCommerce Nice Select 2 - Default Styles */

/* Hide original select */
.variations select {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

.woo-nice-select {
    border: 1px solid #e1e5e9 !important;
    color: #333333 !important;
    border-radius: 6px !important;
    padding: 8px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.woo-nice-select .current {
    padding: 8px !important;
    padding-right: 30px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woo-nice-select .current::after {
    right: 8px !important;
}

.woo-nice-select .list {
    background: #ffffff !important;
    border-radius: 6px !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

/* Force dropdown width to match parent */
.woo-nice-select .list,
.woo-nice-select .list * {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.woo-nice-select .option {
    padding: 8px !important;
    box-sizing: border-box !important;
}

.woo-nice-select .option:hover {
    background: #f8fafc !important;
    color: #333333 !important;
}

.woo-nice-select .option.selected {
    background: #333333 !important;
    color: #ffffff !important;
}

.woo-nice-select .option.selected:hover {
    background: #f8fafc !important;
    color: #333333 !important;
}

/* Ensure selected option maintains its styling when hovering over other options */
.woo-nice-select .list:hover .option.selected:not(:hover) {
    background: #333333 !important;
    color: #ffffff !important;
}

/* Override Nice Select 2 fixed dimensions */
.woo-nice-select,
.woo-nice-select * {
    box-sizing: border-box !important;
}



.woo-nice-select.multiple {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}