/* Diyanet: Namaz Vakitleri — belge sayfalarının ortak stili.
   privacy.html, support.html ve kaynaklar.html bu dosyayı paylaşır. */

:root{
  color-scheme: light dark;
  --brand:#1A6660;              /* uygulamanın AppPrimary rengi */
  --line:rgba(127,127,127,.25);
  --soft:rgba(127,127,127,.07);
}
/* Koyu zeminde #1A6660 okunmuyor; aynı ailenin açık tonu kullanılıyor. */
@media (prefers-color-scheme: dark){
  :root{ --brand:#5FBDB2; }
}

*{ box-sizing:border-box }
body{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  max-width:820px; margin:0 auto; padding:24px 20px 80px; line-height:1.7;
}

h1{ font-size:1.6rem; margin:0 0 .2rem; letter-spacing:-.02em }
h2{ margin-top:2.4rem; font-size:1.15rem; color:var(--brand) }
h3{ margin-top:1.6rem; font-size:1rem }
p, li{ margin-bottom:.7rem }
ul{ padding-inline-start:1.4rem; margin-bottom:1rem }
.muted{ opacity:.7; font-size:.9rem }
code{ background:rgba(127,127,127,.15); padding:1px 5px; border-radius:4px }
a{ color:var(--brand) }

details{ border-top:1px solid var(--line); padding:.7rem 0 }
details summary{ cursor:pointer; font-weight:600 }
details p{ margin:.6rem 0 .2rem }

/* Dil çubuğu */
.topbar{
  display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px;
  margin:0 0 28px; padding:12px 14px;
  border:1px solid var(--line); border-radius:16px; background:var(--soft);
}
.pill{
  font-size:13px; padding:8px 13px; border-radius:999px;
  border:1px solid var(--line); background:transparent;
  color:inherit; text-decoration:none; user-select:none;
  transition:border-color .15s ease, background .15s ease;
  display:inline-flex; align-items:center;
}
.pill:hover{ border-color:var(--brand) }
.pill.active{
  border-color:var(--brand);
  background:color-mix(in srgb, var(--brand) 14%, transparent);
  font-weight:600;
}

/* JS yoksa bütün diller alt alta görünür -- sayfa yine okunabilir kalır.
   Anahtarı yalnız docs.js devreye girince gizleme başlar. */
[data-lang]{ display:block }
html.js-lang [data-lang]{ display:none }
html.js-lang [data-lang].show{ display:block }

/* Diller arasındaki ayırıcı yalnız hepsi birden görünürken anlamlı. */
html.js-lang .lang-sep{ display:none }
.lang-sep{ margin:3.5rem 0; border:0; border-top:1px solid var(--line) }

[dir="rtl"]{ text-align:right }
[dir="rtl"] details summary{ text-align:right }

@media (max-width:520px){
  body{ padding:16px 16px 64px }
  h1{ font-size:1.4rem }
}