/* Apex Halı Yıkama Custom Styles */

/* 
  Feature Icons Sprite 
  The sprite contains 3 icons in a row.
*/

.feature-icon {
    width: 64px;
    height: 64px;
    background-image: url('../assets/features-icons.png');
    background-repeat: no-repeat;
    /* Adjust the total background size to fit your icons sprite proportionally.
       Assuming a horizontal strip of 3 square icons. */
    background-size: auto 100%;
}

.icon-dezenfeksiyon {
    background-position: left center;
}

.icon-tecrube {
    background-position: center center;
}

.icon-garanti {
    background-position: right center;
}

/* Mobile Menu Styles */
#mobile-menu-overlay {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 60;
}

#mobile-menu-sidebar {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 70;
}

/* Visibility States */
body.mobile-menu-open #mobile-menu-overlay {
    opacity: 1;
    visibility: visible;
}

body.mobile-menu-open #mobile-menu-sidebar {
    transform: translateX(0);
}

body.mobile-menu-closed #mobile-menu-overlay {
    opacity: 0;
    visibility: hidden;
}

body.mobile-menu-closed #mobile-menu-sidebar {
    transform: translateX(100%);
}

/* Glass Effect Overrides for Mobile */
.mobile-glass {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
}

/* Custom Scrollbar for Mobile Menu */
#mobile-menu-sidebar::-webkit-scrollbar {
    width: 4px;
}

#mobile-menu-sidebar::-webkit-scrollbar-thumb {
    background: rgba(236, 91, 19, 0.2);
    border-radius: 10px;
}