/* Base font and text color */
            .resto-menu, .resto-menu .resto-menu-item, .resto-all-menus .resto-menu-item, .resto-menu-widget, .resto-global-popup { 
                font-family: inherit;
                color: #ffffff; 
                width: 100% !important;
                box-sizing: border-box !important;
            }
            
            .resto-menu, .resto-menu .resto-menu-item, .resto-all-menus .resto-menu-item, .resto-menu-widget, .resto-global-popup {
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
            }
            
            
            /* Item Image Radius */
            .resto-menu .resto-menu-item img, .resto-menu .item-image img {
                border-radius: 10px !important;
            }

            
            /* Headings and accents */
            .resto-menu h2 { color: #ffffff; text-align: center; }
            .resto-category-header { justify-content: center !important; }
            .resto-category-header h2.resto-category-name { text-align: left !important; margin: 0 !important; display: inline-block !important; width: auto !important; }
            /* .resto-menu h2:after başlık altı çizgisi kaldırıldı (kullanıcı isteği) */
            .resto-menu i { color: #c5a059; }
            
            /* Item accents (for themes that use these classes) */
            .resto-menu .resto-menu-item .item-price, .resto-menu .resto-menu-item .badge { color: #c5a059; }
            .resto-menu .resto-menu-item .badge { background: #c5a059; color: #fff; }
            
            /* Menu container colors */
            .menu-layout-tabs .resto-menu {
                background: rgba(26, 26, 26, 1) !important;
                box-shadow: 0 2px 15px rgba(0,0,0,0.04) !important;
            }
            
            .menu-layout-tabs .resto-menu h2 {
                background: rgba(20, 20, 20, 1) !important;
                border-bottom-color: rgba(255, 255, 255, 1) !important;
            }
            
            .sections-layout-tabs .resto-menu-items {
                background: rgba(20, 20, 20, 1) !important;
                box-shadow: 0 8px 15px rgba(0,0,0,0.12) !important;
            }
            
            .resto-all-menus .resto-menu {
                border: 1px solid rgba(255, 255, 255, 1) !important;
            }
            
            /* Card radius, shadow and glass options */
            .resto-menu .resto-menu-item, .resto-menu .resto-menu-items .resto-menu-item, .resto-menu .popup-container,
            .sections-layout-list .resto-menu-item {
                border-radius: 8px !important;
                background: rgba(20, 20, 20, 1) !important;
                        border: 1px solid rgba(255, 255, 255, 1) !important;
                        box-shadow: 0 8px 15px rgba(0,0,0,0.12) !important;
            }
            
            /* Typography */
            .resto-menu .resto-menu-item h3 { font-size: 20px; color: #ffffff; }
            .resto-menu .resto-menu-item h3 strong { color: #ffffff; }
            .resto-menu .resto-menu-item p { font-size: 14px; color: #ffffff; }
            
            /* Price styling */
            .resto-menu .resto-menu-item .item-price,
            .resto-menu .resto-menu-item .price,
            .resto-menu .resto-menu-item h3 .item-price { 
                color: #c5a059; 
                font-weight: 700;
            }
            
            /* Separator color — text_color'ı takip eder (currentColor ile ayraca akar); sabit #000 koyu temada görünmezdi */
            .resto-menu .name-price-separator {
                color: #ffffff !important;
                opacity: 1 !important;
            }
            
            /* Popup styling */
            .resto-global-popup .popup-container {
                background: #ffffff;
                border-radius: 8px;
            }
            .resto-global-popup .popup-item-name {
                color: #2c3e50;
                font-size: 20px;
                font-weight: 700;
            }
            .resto-global-popup .popup-item-price {
                color: #c5a059;
                font-weight: 700;
            }
            .resto-global-popup .popup-item-desc,
            .resto-global-popup .popup-section,
            .resto-global-popup .popup-item-nutrition {
                color: #2c3e50;
            }
            .resto-global-popup .popup-close {
                color: #2c3e50;
            }
            /* Hover zemini popup metninin soluk tonu: sabit bir renk, acik ve koyu
               popup'larin birinde kapat ikonunu mutlaka yutuyordu. */
            .resto-global-popup .popup-close:hover {
                background: rgba(44, 62, 80, 0.12);
            }
            
            /* Popup image ratio */
            
            .resto-global-popup .popup-img {
                aspect-ratio: 1 / 1;
                width: 100%;
                height: auto;
                object-fit: cover;
            }
            
            
            /* Responsive columns - Mobile (max-width: 767px) */
            @media (max-width: 767px) {
                .cols-m-1 .resto-menu-items { grid-template-columns: repeat(1, 1fr) !important; }
                .cols-m-2 .resto-menu-items { grid-template-columns: repeat(2, 1fr) !important; }
                .cols-m-3 .resto-menu-items { grid-template-columns: repeat(3, 1fr) !important; }
                
                .resto-menu:not([class*='cols-m-']) .resto-menu-items,
                .resto-all-menus:not([class*='cols-m-']) .resto-menu-items {
                    grid-template-columns: repeat(1, 1fr) !important;
                    gap: 20px !important;
                }
                
                .resto-menu-item img {
                    width: 100px !important;
                    max-width: 100%;
                }

                
                /* Keep layout styles on mobile, just make them smaller */
                .resto-menu-item.item-layout-horizontal:not([class*='ratio-']) .item-image {
                    width: 70px !important;
                    min-width: 70px !important;
                }
                
                .resto-menu-item.item-layout-horizontal:not([class*='ratio-']) img {
                    height: 70px !important;
                }
                
                /* Horizontal layout WITH ratio class on mobile */
                .resto-menu-item.item-layout-horizontal[class*='ratio-'] .item-image {
                    width: 70px !important;
                    min-width: 70px !important;
                }
                
                .resto-menu-item.item-layout-horizontal[class*='ratio-'] img {
                    width: 70px !important;
                    height: auto !important;  /* Let aspect-ratio control height */
                    object-fit: cover !important;
                }
                
                .resto-menu-item.item-layout-minimal img {
                    width: 50px !important;
                    height: 50px !important;
                }
            }
            
            /* Responsive columns - Tablet (768px to 1024px) */
            @media (min-width: 768px) and (max-width: 1024px) {
                .cols-t-1 .resto-menu-items { grid-template-columns: repeat(1, 1fr) !important; }
                .cols-t-2 .resto-menu-items { grid-template-columns: repeat(2, 1fr) !important; }
                .cols-t-3 .resto-menu-items { grid-template-columns: repeat(3, 1fr) !important; }
                .cols-t-4 .resto-menu-items { grid-template-columns: repeat(4, 1fr) !important; }
                
                .resto-menu:not([class*='cols-t-']) .resto-menu-items,
                .resto-all-menus:not([class*='cols-t-']) .resto-menu-items {
                    grid-template-columns: repeat(2, 1fr) !important;
                }
            }
            
            /* Responsive columns - Desktop (min-width: 1025px) */
            @media (min-width: 1025px) {
                .cols-d-1 .resto-menu-items { grid-template-columns: repeat(1, 1fr) !important; }
                .cols-d-2 .resto-menu-items { grid-template-columns: repeat(2, 1fr) !important; }
                .cols-d-3 .resto-menu-items { grid-template-columns: repeat(3, 1fr) !important; }
                .cols-d-4 .resto-menu-items { grid-template-columns: repeat(4, 1fr) !important; }
                .cols-d-5 .resto-menu-items { grid-template-columns: repeat(5, 1fr) !important; }
                .cols-d-6 .resto-menu-items { grid-template-columns: repeat(6, 1fr) !important; }
                
                .resto-menu:not([class*='cols-d-']) .resto-menu-items,
                .resto-all-menus:not([class*='cols-d-']) .resto-menu-items {
                    grid-template-columns: repeat(2, 1fr) !important;
                }
            }
            
            /* Hover effects */
            
            .resto-menu .resto-menu-item,
            .sections-layout-list .resto-menu-item {
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .resto-menu .resto-menu-item:hover,
            .sections-layout-list .resto-menu-item:hover {
                transform: translateY(-5px);
                box-shadow: 0 12px 32px rgba(0,0,0,0.15) !important;
            }
            
            
            /* Force popup centering - override theme styles */
            .resto-global-popup {
                position: fixed !important;
                inset: 0 !important;
                justify-content: center !important;
                align-items: center !important;
                max-width: none !important;
                margin: 0 !important;
            }
            .resto-global-popup.show {
                display: flex !important;
            }
            .resto-global-popup .popup-container {
                position: relative !important;
                max-width: 600px !important;
                margin: 0 !important;
            }
            
            /* ==========================================
               ENHANCED LAZY LOADING - Smooth Experience
               ========================================== */
            
            /* Blur-up effect for images */
            img[loading="lazy"] {
                transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out;
            }
            
            /* Shimmer animation while loading */
            img[loading="lazy"]:not([data-loaded]) {
                filter: blur(5px);
                opacity: 0.6;
            }
            
            /* Remove effects when loaded */
            img[loading="lazy"][data-loaded] {
                filter: blur(0);
                opacity: 1;
            }
            
            /* Content visibility optimization */
            .resto-menu-item {
                content-visibility: auto;
                contain-intrinsic-size: auto 300px;
            }
            
            /* Intersection Observer support */
            .resto-menu-item[data-visible="false"] {
                visibility: hidden;
            }
            
            .resto-menu-item[data-visible="true"] {
                visibility: visible;
                animation: fadeIn 0.3s ease-in;
            }
            
            @keyframes fadeIn {
                from {
                    opacity: 0;
                    transform: translateY(10px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        
            .resto-menu .resto-menu-item { outline-offset: 2px; }
            .resto-menu .resto-menu-item:focus-visible { outline: 3px solid #c5a059 !important; }
            .resto-global-popup .popup-close:focus-visible { outline: 3px solid #c5a059 !important; }
            .popup-nav:focus-visible { outline: 3px solid #c5a059 !important; }
            
/*# sourceURL=resto-m2-style-inline-css */