/* ------------------------------------------------------------------
   Find My Dental — Tailwind CDN'in üstüne binen küçük eklemeler.
   Tailwind çoğu işi yapıyor; burada sadece onun veremediği şeyler var.
------------------------------------------------------------------- */

:root {
  --fmd-navy: #0f2740;
  --fmd-mint: #0fa47f;
  --fmd-line: #e6e1d9;
}

/* Sayfa yüklenirken Tailwind CDN devreye girene kadar zıplamayı azaltır */
html { -webkit-text-size-adjust: 100%; }
body { min-height: 100vh; }

/* Mobilde alttaki sabit randevu çubuğu içeriği kapatmasın */
@media (max-width: 639px) {
  body { padding-bottom: 76px; }
}

/* Tarayıcılar <fieldset> için varsayılan min-width:min-content uygular;
   bu yüzden içindeki yatay kaydırmalı şerit sayfayı yana taşırıyordu. */
fieldset { min-width: 0; }

/* Yatay gün şeridi — kaydırma çubuğunu gizle ama kaydırmayı bırak */
#b-days {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x proximity;
}
#b-days::-webkit-scrollbar { display: none; }
#b-days .fmd-day { scroll-snap-align: start; }

/* Seçili gün / saat */
.fmd-day[aria-pressed="true"],
.fmd-slot[aria-pressed="true"] {
  background: var(--fmd-mint);
  border-color: var(--fmd-mint);
  color: #fff;
}
.fmd-day[aria-pressed="true"] span { color: #fff !important; }
.fmd-day:disabled { cursor: not-allowed; }

/* Haritada odaklanan kart */
.ec-card.is-active {
  border-color: var(--fmd-mint);
  box-shadow: 0 0 0 3px rgba(15, 164, 127, .14);
}

/* Yazdırma: gereksizleri gizle */
@media print {
  header, footer, .fixed, #fmd-filters { display: none !important; }
  body { background: #fff; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* Tailwind CDN yüklenemezse en azından okunur bir sayfa kalsın */
.no-tw body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

/* Panel: yan menü aktif bağlantı (admin/assets yerine burada tutuluyor) */
.fmd-admin-link.is-active {
  background: rgba(255, 255, 255, .12);
  color: #fff;
}