/* Volkan - Aurora-like UI + mobile sade/klasik/premium overrides (QRoza) */
:root{ --vk-gold:#d4af37; --vk-gold2:#f3d77a; --vk-bg:#0b0b0b; --vk-card:#161616; --vk-line:rgba(212,175,55,.18); --vk-muted:rgba(247,243,234,.68); }
html,body{ background:var(--vk-bg)!important; }
body{ padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important; -webkit-tap-highlight-color: rgba(212,175,55,.12); }

/* Bottom nav */
.vk-mnav{
  position:fixed; left:0; right:0; bottom:0; z-index:1000;
  display:grid; grid-template-columns:repeat(4,1fr);
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg, rgba(11,11,11,.68), rgba(11,11,11,.97));
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-top:1px solid var(--vk-line); box-shadow:0 -10px 30px rgba(0,0,0,.35);
}
.vk-mnav a,.vk-mnav button{
  appearance:none; border:0; background:transparent; color:var(--vk-muted);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  padding:8px 2px; border-radius:14px; font:500 11px/1.1 'Poppins', system-ui, sans-serif; text-decoration:none; cursor:pointer;
}
.vk-mnav i,.vk-mnav svg{ width:20px; height:20px; color:rgba(212,175,55,.9); }
.vk-mnav .is-active,.vk-mnav a:hover,.vk-mnav button:hover{ color:#fff; background:rgba(212,175,55,.08); }
.product-modal-overlay,.search-modal-overlay,.loading-overlay,.feedback-modal-overlay{ z-index:1100 !important; }

/* Mobile premium simplification */
@media (max-width: 768px){
  .app-container{ background:var(--vk-bg)!important; }
  .menu-header, .header-simple{
    background: linear-gradient(180deg, rgba(11,11,11,.98), rgba(11,11,11,.92)) !important;
    border-bottom:1px solid rgba(212,175,55,.12) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
  }
  .header-simple{ padding:14px 16px !important; }
  .header-simple h1, .header-simple .brand-name, .header-banner-name, .restaurant-name{
    font-family:'Poppins', sans-serif !important; font-weight:700 !important; letter-spacing:.1px;
    color:#fff !important; text-shadow:none !important;
  }
  .header-search-btn, .search-trigger, [id*="openSearch"]{
    border-radius:14px !important; border:1px solid rgba(212,175,55,.18) !important;
    background:rgba(255,255,255,.04) !important; color:var(--vk-gold2)!important;
  }

  /* Categories: clean 1-col cards on small screens, premium 2-col on wider mobile */
  .categories-grid, .category-list, #categoriesContainer{
    padding:14px 14px 6px !important; gap:12px !important;
  }
  .category-card{
    border-radius:18px !important; overflow:hidden !important;
    border:1px solid rgba(255,255,255,.05) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.28) !important;
    background:var(--vk-card) !important; transform: translateZ(0);
  }
  .category-card:active{ transform: scale(.992); }
  .category-card img{ filter:saturate(1.02) contrast(1.02); }
  .category-card::after, .category-overlay, .category-card .overlay{
    background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.06) 100%) !important;
  }
  .category-card .category-name, .category-card h3, .category-card .title, .category-title{
    font-family:'Poppins', sans-serif !important; font-weight:700 !important;
    color:#fff !important; letter-spacing:.15px !important;
    text-shadow: 0 6px 18px rgba(0,0,0,.55) !important;
  }

  /* Products / slide panel: readable, classic premium */
  #productsView, .products-view, .slide-panel{
    background:var(--vk-bg) !important;
  }
  .product-card, .product-item, .menu-product, .product{
    background: linear-gradient(180deg, #171717, #141414) !important;
    border:1px solid rgba(255,255,255,.05) !important;
    border-radius:16px !important; box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
  }
  .product-name, .product-card h3, .product-card .name{
    color:#fff !important; font-family:'Poppins', sans-serif !important; font-weight:600 !important;
  }
  .product-desc, .product-description, .product-card p{
    color:var(--vk-muted) !important; line-height:1.45 !important;
  }
  .product-price, .price, .product-card .price{
    color:var(--vk-gold2) !important; font-weight:700 !important;
  }
  .back-btn-floating, #backToCategories{
    border:1px solid rgba(212,175,55,.22) !important; background:rgba(11,11,11,.78)!important;
    color:#fff !important; backdrop-filter: blur(10px);
  }
  .search-modal, .search-modal-overlay .search-modal{
    background:#121212 !important; border:1px solid rgba(212,175,55,.14) !important;
  }
  .search-input-wrapper input, #searchInput{
    background:#1a1a1a !important; color:#fff !important; border:1px solid rgba(255,255,255,.06) !important;
    border-radius:14px !important;
  }
  .footer-info-powered{ color:rgba(247,243,234,.55)!important; }
}

@media (min-width:768px){
  .vk-mnav{ max-width:720px; left:50%; transform:translateX(-50%); border-radius:18px 18px 0 0; }
}