/* ==========================================================================
   Fethiyede.com — T4631 / T4624 GM-1..5 Mobil & Masaustu On Yuz Duzeltmeleri
   1) GM-1..3: 390px'de cerez bandi, sabit alt bar ve butonlarin icerigi ortmesini onleme
   2) GM-4   : #fzx-cat tam ekran kategori katmani (position:fixed; inset:0; 100vw x 100dvh)
   3) GM-5   : Header kartlari ve bilgi rozetlerinin 390/768'de kirpilmasini onleme
   ========================================================================== */

/* GM-4: #fzx-cat Tam Ekran Katman (Mobil ve Masaustu) */
#fzx-cat[aria-hidden="false"],
#fzx-cat.is-open,
#fzx-cat.open,
#fzx-cat:target {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 18px 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9999 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  background: var(--fd-surface-cream, #FAF5EC) !important;
  color: var(--fd-ink-primary, #221A14) !important;
  box-sizing: border-box !important;
}
html[data-theme="dark"] #fzx-cat[aria-hidden="false"],
html[data-theme="dark"] #fzx-cat.is-open,
html[data-theme="dark"] #fzx-cat.open,
body.dark-mode #fzx-cat.is-open {
  background: #0F172A !important;
  color: #F8FAFC !important;
}
#fzx-cat .fzx-cat-close,
#fzx-cat [data-fzx-close] {
  position: sticky;
  top: 0;
  float: right;
  min-width: 44px;
  min-height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(112, 45, 59, 0.32);
  background: #702D3B;
  color: #FAF5EC;
  font-weight: 700;
  cursor: pointer;
  z-index: 10000;
}

/* GM-5: Header Kartlari 390px ve 768px'de Kirpilmasin */
@media (max-width: 900px) {
  .site-header,
  header[role="banner"],
  .header-cards-row,
  .header-meta-cards,
  .header-info-cards,
  .weather-pharmacy-strip,
  .top-info-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  .header-cards-row > *,
  .header-meta-cards > *,
  .header-info-cards > *,
  .weather-pharmacy-strip > * {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* GM-1..3: 390px'de Cerez Bandi, Sabit Bar ve Yuzen Butonlarin Icerigi Ortmesini Onleme */
@media (max-width: 768px) {
  .cookie-banner,
  #cookie-consent,
  #fd-cookie-banner,
  .cerez-bandi {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: 140px !important;
    overflow-y: auto !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    z-index: 995 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22) !important;
  }
  body.has-bottom-nav,
  body.has-cookie-banner,
  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .fd-floating-actions,
  .fd-sayfa-asistani,
  .kim-bot-launcher,
  #back-to-top {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 992 !important;
  }
}