/* Loading Overlay */
#loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: white;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    overflow-y: scroll;
}

.dark #loading-overlay {
    background-color: #0a1628;
}

#loading-overlay.hidden-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Dark Mode Product Pack Styles */
.dark .product-pack-container {
    background-color: rgba(21, 34, 56, 0.3) !important;
}

.dark .product-pack-container:hover {
    background-color: rgba(30, 58, 95, 0.4) !important;
}

/* Dark Mode Button Styles */
.dark .product-pack-btn {
    background-color: #152238 !important;
    color: #e8f4f8 !important;
    border-color: #1e3a5f !important;
}

.dark .product-pack-btn:hover {
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    border-color: #f85654 !important;
}