/**
 * Oluşturulma: 2026-08-17
 * Son değişiklik: 2026-08-17
 * Oluşturan: Özgür Elibol
 * Amaç: QR Menü ziyaretçi ekranındaki ana/alt kategori filtrelerini ve menü üst alanını kompakt hale getirmek.
 */

/* Yalnızca ziyaretçi menüsü */
body:has([data-menu-list]), body:has(.menu-wrap), body:has(.menu-page){
  --v105-menu-max:1180px;
}

/* Hero alanını gereksiz yüksek olmaktan çıkar */
.page-hero.compact,
.menu-hero,
body:has([data-menu-list]) .page-hero{
  min-height:0!important;
  padding-top:28px!important;
  padding-bottom:22px!important;
}
.page-hero.compact h1,
.menu-hero h1,
body:has([data-menu-list]) .page-hero h1{
  margin:2px 0 4px!important;
  font-size:clamp(30px,3.1vw,42px)!important;
  line-height:1!important;
}
.page-hero.compact p,
.menu-hero p,
body:has([data-menu-list]) .page-hero p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.page-hero.compact .eyebrow,
.menu-hero .eyebrow{
  font-size:10px!important;
  letter-spacing:.18em!important;
}

/* Filtre alanının toplam yüksekliğini azalt */
.menu-tools,
.menu-filter-shell,
.menu-filter-wrap,
.menu-filters-wrap,
.qr-menu-filters,
[data-menu-tools]{
  margin-top:0!important;
  margin-bottom:12px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* Ana ve alt kategori satırları */
.menu-chip-row,
.menu-main-filters,
.menu-sub-filters,
.menu-main-tabs,
.menu-sub-tabs,
.menu-category-tabs,
.menu-subcategory-tabs,
[data-menu-main-filters],
[data-menu-sub-filters]{
  gap:10px!important;
  padding-top:3px!important;
  padding-bottom:5px!important;
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  align-items:center!important;
}

/* Büyük oval butonları küçült */
.menu-chip,
.menu-filter-btn,
.menu-main-filter,
.menu-sub-filter,
.menu-tab,
.menu-category-tab,
.menu-subcategory-tab,
[data-menu-main-filter],
[data-menu-sub-filter]{
  min-height:40px!important;
  height:40px!important;
  padding:0 24px!important;
  font-size:13px!important;
  line-height:38px!important;
  white-space:nowrap!important;
}

/* Kullanıcıdaki yeni filtre yapısında butonlar geniş sabitlenmişse kaldır */
.menu-main-filters > *,
.menu-sub-filters > *,
.menu-main-tabs > *,
.menu-sub-tabs > *,
.menu-category-tabs > *,
.menu-subcategory-tabs > *,
[data-menu-main-filters] > *,
[data-menu-sub-filters] > *{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:150px!important;
}

/* Ürünlerin başladığı alanı yukarı çek */
.menu-wrap,
.menu-page,
[data-menu-list]{
  padding-top:14px!important;
  margin-top:0!important;
}
.menu-category,
.menu-category-block{
  margin-top:0!important;
  padding-top:0!important;
}
.menu-category > h2,
.menu-category-title{
  margin-top:10px!important;
  margin-bottom:12px!important;
  font-size:clamp(24px,2.4vw,32px)!important;
}
.menu-category > h3,
.menu-subcategory-title{
  margin-top:8px!important;
  margin-bottom:10px!important;
  font-size:18px!important;
}

/* İnce scrollbar; iki yatay satırın görsel yükünü azalt */
.menu-chip-row,
.menu-main-filters,
.menu-sub-filters,
.menu-main-tabs,
.menu-sub-tabs,
.menu-category-tabs,
.menu-subcategory-tabs,
[data-menu-main-filters],
[data-menu-sub-filters]{
  scrollbar-width:thin!important;
  scrollbar-color:#9ca3af transparent!important;
}
.menu-chip-row::-webkit-scrollbar,
.menu-main-filters::-webkit-scrollbar,
.menu-sub-filters::-webkit-scrollbar,
.menu-main-tabs::-webkit-scrollbar,
.menu-sub-tabs::-webkit-scrollbar,
.menu-category-tabs::-webkit-scrollbar,
.menu-subcategory-tabs::-webkit-scrollbar,
[data-menu-main-filters]::-webkit-scrollbar,
[data-menu-sub-filters]::-webkit-scrollbar{height:5px!important}

@media (max-width:760px){
  .page-hero.compact,
  .menu-hero,
  body:has([data-menu-list]) .page-hero{
    padding:18px 16px 14px!important;
  }
  .page-hero.compact h1,
  .menu-hero h1,
  body:has([data-menu-list]) .page-hero h1{
    font-size:30px!important;
  }
  .page-hero.compact p,
  .menu-hero p,
  body:has([data-menu-list]) .page-hero p{
    font-size:12px!important;
  }
  .menu-chip,
  .menu-filter-btn,
  .menu-main-filter,
  .menu-sub-filter,
  .menu-tab,
  .menu-category-tab,
  .menu-subcategory-tab,
  [data-menu-main-filter],
  [data-menu-sub-filter]{
    height:36px!important;
    min-height:36px!important;
    padding:0 18px!important;
    font-size:12px!important;
    line-height:34px!important;
  }
  .menu-main-filters > *,
  .menu-sub-filters > *,
  .menu-main-tabs > *,
  .menu-sub-tabs > *,
  .menu-category-tabs > *,
  .menu-subcategory-tabs > *,
  [data-menu-main-filters] > *,
  [data-menu-sub-filters] > *{
    min-width:126px!important;
  }
  .menu-tools,
  .menu-filter-shell,
  .menu-filter-wrap,
  .menu-filters-wrap,
  .qr-menu-filters,
  [data-menu-tools]{
    margin-bottom:6px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .menu-wrap,
  .menu-page,
  [data-menu-list]{padding-top:8px!important}
}