/* Front Menu Manager - Smooth Slider Optimizations */

/* Hardware acceleration for smooth scrolling */
#restaurant-content .popular-slider,
#restaurant-content .category-nav-slider,
#category-nav-slider {
    will-change: scroll-position;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

/* Ensure smooth scrolling performance */
#restaurant-content .popular-slider,
#restaurant-content .popular-slider-wrapper .popular-slider {
    /* Disable smooth scroll behavior for programmatic scrolling */
    scroll-behavior: auto !important;
    /* Optimize for performance */
    contain: layout style paint;
    /* Prevent layout shifts during scroll */
    contain-intrinsic-size: auto 500px;
}

/* Category navigation slider optimizations */
#category-nav-slider,
.category-nav-slider {
    scroll-behavior: auto !important;
    will-change: scroll-position;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Prevent visual glitches during seamless looping */
#restaurant-content .popular-slider > [class*="col-"],
#restaurant-content .popular-slider > div[class*="col-"] {
    /* Ensure items don't cause layout shifts */
    contain: layout style paint;
    /* Prevent repaints during scroll */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Optimize slider wrapper */
#restaurant-content .popular-slider-wrapper {
    /* Enable GPU acceleration */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: contents;
}

/* Center align items in col-12 popular-slider-wrapper - HIGHEST PRIORITY */
/* Match EXACT selectors from custom.css to ensure override */
#restaurant-content .col-12.popular-slider-wrapper > div.popular-slider,
#restaurant-content .col-12.popular-slider-wrapper > .popular-slider,
#restaurant-content .col-12.popular-slider-wrapper .popular-slider,
#restaurant-content .col-12.popular-slider-wrapper > div[class*="popular-slider"],
#restaurant-content .col-12.popular-slider-wrapper > [class*="popular-slider"]:not(.popular-slider-wrapper):not(.popular-slider-arrow),
#restaurant-content .container-restorant .col-12.popular-slider-wrapper > .popular-slider,
#restaurant-content .container-restorant .col-12.popular-slider-wrapper .popular-slider,
#restaurant-content .popular-slider-wrapper > .popular-slider,
#restaurant-content .popular-slider-wrapper .popular-slider,
#restaurant-content div.popular-slider,
#restaurant-content div[class*="popular-slider"]:not(.popular-slider-wrapper):not(.popular-slider-arrow) {
    justify-content: center !important;
    align-items: center !important;
}

/* Center align for all media queries - match custom.css selectors EXACTLY */
@media (min-width: 992px) {
    /* Match line 3270-3273 from custom.css */
    #restaurant-content .col-12.popular-slider-wrapper > div.popular-slider,
    #restaurant-content .popular-slider-wrapper > div.popular-slider,
    #restaurant-content div.popular-slider,
    #restaurant-content div[class*="popular-slider"]:not(.popular-slider-wrapper):not(.popular-slider-arrow),
    /* Match line 3341-3347 from custom.css */
    #restaurant-content .popular-slider,
    #restaurant-content .container-restorant .popular-slider,
    #restaurant-content .container-restorant > div[id] ~ .popular-slider,
    #restaurant-content .container-restorant > .popular-slider,
    #restaurant-content .popular-slider-wrapper > .popular-slider,
    #restaurant-content .col-12.popular-slider-wrapper > .popular-slider,
    #restaurant-content [class*="popular-slider"]:not(.popular-slider-wrapper):not(.popular-slider-arrow),
    /* Match line 4386-4389 from custom.css */
    #restaurant-content .col-12.popular-slider-wrapper > .popular-slider,
    #restaurant-content .popular-slider-wrapper > .popular-slider {
        justify-content: center !important;
        align-items: center !important;
    }
}

@media (min-width: 1200px) {
    #restaurant-content .col-12.popular-slider-wrapper > div.popular-slider,
    #restaurant-content .col-12.popular-slider-wrapper > .popular-slider,
    #restaurant-content .col-12.popular-slider-wrapper .popular-slider,
    #restaurant-content .popular-slider-wrapper > .popular-slider,
    #restaurant-content .popular-slider-wrapper .popular-slider {
        justify-content: center !important;
        align-items: center !important;
    }
}

/* Ensure no scrollbar flicker during seamless loop */
#restaurant-content .popular-slider::-webkit-scrollbar,
#category-nav-slider::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

/* Prevent text selection during drag (better UX) */
#restaurant-content .popular-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Allow text selection on items when not dragging */
#restaurant-content .popular-slider .strip,
#restaurant-content .popular-slider [class*="col-"] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Smooth transitions for hover effects (only when not scrolling) */
#restaurant-content .popular-slider .strip {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Optimize category nav items */
#category-nav-slider .nav-item,
.category-nav-slider .nav-item {
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* Center align Select2 placeholder text - HIGHEST PRIORITY */
.itemsSearch .select2-container--default .select2-selection--single {
    justify-content: center !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.itemsSearch .select2-container .select2-selection--single .select2-selection__rendered,
.itemsSearch .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
    text-align-last: center !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

.itemsSearch .select2-container--default .select2-selection--single .select2-selection__rendered#select2-2kn0-container,
.itemsSearch .select2-container--default .select2-selection--single .select2-selection__rendered[role="textbox"] {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.itemsSearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    text-align-last: center !important;
}

/* Ensure placeholder spans are centered */
.itemsSearch .select2-container--default .select2-selection--single .select2-selection__rendered span,
.itemsSearch .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    text-align-last: center !important;
}