/* Sitenin ek kuralları: yumuşak kaydırma, zengin metin, tarih alanı ikonu, dokunmatik cihaz düzeltmeleri */
html {
  scroll-behavior: smooth;
}

/* CMS zengin metin (Quill) içeriği için temel tipografi */
.prose-mielo p {
  margin-bottom: 1rem;
}
.prose-mielo h2,
.prose-mielo h3 {
  margin: 1.5rem 0 0.75rem;
  font-weight: 600;
}
.prose-mielo ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}
.prose-mielo a {
  text-decoration: underline;
}

/* Koyu zemindeki tarih inputu: Chrome/WebKit takvim ikonu siyah gelir → beyaza çevir (Firefox'taki gibi görünsün) */
.res-date::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.75;
  cursor: pointer;
}
.res-date::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

/* iOS Safari ve dokunmatik tarayıcılar background-attachment:fixed desteklemez —
   arka planı viewport a göre ölçekleyip aşırı yakınlaştırılmış gösterir. Bu cihazlarda kapat. */
@media (hover: none), (pointer: coarse) {
  [class*="bg-fixed"] {
    background-attachment: scroll !important;
  }
}

/* Anchor hedeflerinin üst menünün altında kalmaması v2'de base.css'teki
   `scroll-padding-top: calc(var(--header-h) + 16px)` ile hallediliyor.
   Buradaki eski scroll-margin onun üzerine binip hedefi 196px aşağı
   bırakıyordu; sıfırlandı. */
section[id],
footer[id] {
  scroll-margin-top: 0;
}

/* --------------------------------------------------------------------------
   Mobil düzeltmeleri (2026-09-30 mobil tur)
   -------------------------------------------------------------------------- */

/* Dokunmatik cihazlarda isabet alanı en az ~40px. Metin bağlantılarında
   görünüm değişmesin diye dolgu kadar negatif dış boşluk verilir. */
@media (pointer: coarse) {
  .footer__col a,
  .footer__bottom a,
  .footer__bottom nav button,
  .crumbs a,
  .booking-ot__alt a,
  a[href^="tel:"],
  a[href^="mailto:"] {
    display: inline-block;
    padding-block: 0.65rem;
    margin-block: -0.65rem;
  }

  /* Çerez bandının düğmeleri (kabul / reddet) */
  [aria-label="Cookie consent"] button {
    min-height: 40px;
  }

  /* Bandı kapatan (×) düğmesi */
  [aria-label="Cookie consent"] button[aria-label="Close"] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
  }

  .footer__socials a,
  .mobile-menu__socials a {
    width: 40px;
    height: 40px;
  }

  .menu-tab {
    padding-block: 0.85rem;
  }

  .chip {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }
}

/* Küçük etiketler telefonda 10-11px'e düşüyordu; 12px tabanına çekildi. */
@media (max-width: 640px) {
  /* Üst etiketler (Reservations, Food & Drinks, kırıntı) 11,2px'ti */
  :root {
    --fs-eyebrow: 0.75rem;
  }

  .menu-tab {
    font-size: 0.75rem;
  }

  .footer__title,
  .info-box h4,
  .field label,
  .field .field-label,
  .mobile-menu__socials {
    font-size: 0.75rem;
  }

  .footer__soon,
  .detail-list dt,
  .detail-list .detail-key,
  .menu-subeler__soon,
  .footer__bottom,
  .crumbs,
  .btn--sm {
    font-size: 0.75rem;
  }
}