/* Halil DALLI — Tailwind dışı ek stiller (derleme gerektirmez) */

html { scroll-padding-top: var(--hd-offset, 6rem); }
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
body { overscroll-behavior-y: none; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  line-height: 1;
  vertical-align: middle;
  user-select: none;
}

/* Yatay kaydırılan filtre şeritlerinde kaydırma çubuğunu gizle */
.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Bot tuzağı alanı (insanlara görünmez) */
.hp-field { position: absolute !important; left: -10000px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Form gönderim durumu */
.is-loading { position: relative; pointer-events: none; opacity: .75; }
.is-loading::after {
  content: ""; width: 18px; height: 18px; border-radius: 9999px;
  border: 2px solid currentColor; border-right-color: transparent;
  display: inline-block; margin-left: 8px; animation: hd-spin .7s linear infinite;
}
@keyframes hd-spin { to { transform: rotate(360deg); } }

/* Zengin metin (blog yazıları ve sayfalar) */
.rich-content { color: #121c2c; font-family: Inter, sans-serif; font-size: 17px; line-height: 1.75; overflow-wrap: break-word; }
.rich-content > * + * { margin-top: 1.1em; }
.rich-content h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 26px; line-height: 1.3; font-weight: 800; letter-spacing: -0.01em; margin-top: 1.8em; }
.rich-content h3 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 21px; line-height: 1.35; font-weight: 700; margin-top: 1.6em; }
.rich-content h4 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 18px; font-weight: 700; margin-top: 1.4em; }
.rich-content a { color: #af101a; text-decoration: underline; text-underline-offset: 3px; }
.rich-content a:hover { color: #d32f2f; }
.rich-content strong, .rich-content b { font-weight: 700; }
.rich-content ul, .rich-content ol { padding-left: 1.4em; }
.rich-content ul { list-style: disc; }
.rich-content ol { list-style: decimal; }
.rich-content li + li { margin-top: .4em; }
.rich-content li::marker { color: #af101a; }
.rich-content blockquote { border-left: 4px solid #af101a; background: #f0f3ff; padding: 1em 1.25em; border-radius: 0 12px 12px 0; font-style: italic; color: #273141; }
.rich-content img { max-width: 100%; height: auto; border-radius: 16px; }
.rich-content iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 16px; }
.rich-content hr { border: 0; border-top: 1px solid #dee8ff; margin: 2em 0; }
.rich-content pre { background: #273141; color: #ebf1ff; padding: 1em; border-radius: 12px; overflow-x: auto; font-size: 14px; }
.rich-content code { background: #e7eeff; padding: .1em .35em; border-radius: 6px; font-size: .92em; }
.rich-content pre code { background: transparent; padding: 0; }
.rich-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.rich-content th, .rich-content td { border: 1px solid #dee8ff; padding: .6em .8em; text-align: left; }
.rich-content th { background: #f0f3ff; font-weight: 700; }
.rich-content .ql-align-center { text-align: center; }
.rich-content .ql-align-right { text-align: right; }
.rich-content .ql-align-justify { text-align: justify; }
.rich-content .ql-indent-1 { padding-left: 2em; }
.rich-content .ql-indent-2 { padding-left: 4em; }
.rich-content .ql-indent-3 { padding-left: 6em; }

/* Sayma animasyonu sırasında genişlik zıplamasını engelle */
[data-count] { font-variant-numeric: tabular-nums; }

/* Cloudflare Turnstile alanı */
.cf-turnstile { min-height: 65px; }

@media print {
  #site-header, footer, .fixed { display: none !important; }
  main { padding-top: 0 !important; }
}

/* Onay kutuları ve seçim alanları marka renginde */
input[type="checkbox"], input[type="radio"] { accent-color: #af101a; }