/* HTML içerik (hizmet/blog/sayfa gövdesi) — Tailwind CDN raw HTML'i stillemez, burada stilliyoruz */
.rich { line-height: 1.75; color: #334155; }
.rich h2 { font-size: 1.5rem; font-weight: 700; color: var(--brand,#08162f); margin: 2rem 0 .75rem; }
.rich h3 { font-size: 1.25rem; font-weight: 600; color: var(--brand,#08162f); margin: 1.5rem 0 .5rem; }
.rich p { margin: 1rem 0; }
.rich ul { list-style: disc; padding-left: 1.5rem; margin: 1rem 0; }
.rich ol { list-style: decimal; padding-left: 1.5rem; margin: 1rem 0; }
.rich li { margin: .25rem 0; }
.rich a { color: var(--accent,#0180AF); text-decoration: underline; }
.rich blockquote { border-left: 4px solid var(--accent,#0180AF); background:#f8fafc; padding:.75rem 1rem; margin:1.25rem 0; font-style: italic; color:#475569; }
.rich table { width:100%; border-collapse: collapse; margin:1.25rem 0; font-size:.875rem; }
.rich th, .rich td { border:1px solid #e2e8f0; padding:.5rem .75rem; text-align:left; }
.rich th { background:#f8fafc; font-weight:600; }
.rich img { border-radius:.5rem; margin:1rem 0; max-width:100%; height:auto; }
.rich strong { font-weight:600; color:#0f172a; }

/* Hero slider */
.hero-slide { opacity:0; transition: opacity .7s; }
.hero-slide.active { opacity:1; }

/* =========================================================
   KARANLIK MOD
   html.dark sınıfı eklendiğinde tüm sitede renkleri çevirir.
   (Header/footer zaten koyu lacivert olduğu için iki modda da iyi durur.)
   ========================================================= */
html.dark body { background-color:#0b1220; color:#dbe4f0; }
html.dark .bg-white { background-color:#101c33 !important; }
html.dark .bg-slate-50 { background-color:#0d1526 !important; }
html.dark .bg-slate-100 { background-color:#16223d !important; }
html.dark .text-slate-800,
html.dark .text-slate-700,
html.dark .text-slate-600 { color:#cbd5e1 !important; }
html.dark .text-slate-500,
html.dark .text-slate-400 { color:#94a3b8 !important; }
html.dark .text-slate-900 { color:#f1f5f9 !important; }
html.dark .text-brand { color:#e8eefb !important; }
html.dark .border-slate-200,
html.dark .border-slate-300,
html.dark .border-slate-100 { border-color:#26334d !important; }
html.dark .border-brand { border-color:#7da6c9 !important; }

/* Zengin içerik (blog/hizmet gövdesi) karanlıkta */
html.dark .rich { color:#cbd5e1; }
html.dark .rich h2,
html.dark .rich h3,
html.dark .rich strong { color:#f1f5f9; }
html.dark .rich blockquote { background:#16223d; color:#cbd5e1; }
html.dark .rich th { background:#16223d; }
html.dark .rich th, html.dark .rich td { border-color:#26334d; }

/* Form alanları karanlıkta */
html.dark input,
html.dark textarea,
html.dark select { background-color:#0d1526; color:#e2e8f0; border-color:#26334d; }
html.dark input::placeholder,
html.dark textarea::placeholder { color:#64748b; }

/* Gölgeleri yumuşat */
html.dark .shadow-sm, html.dark .shadow, html.dark .shadow-md,
html.dark .shadow-lg, html.dark .shadow-xl { box-shadow:0 1px 3px rgba(0,0,0,.55) !important; }