[x-cloak] { display: none !important; }

/* İslami geometrik desen (8 köşeli yıldız) */
.pattern-islamic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23e2a923' stroke-opacity='.22' stroke-width='1'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3Cpath d='M0 0l22 22M80 0L58 22M0 80l22-22M80 80L58 58'/%3E%3C/g%3E%3C/svg%3E");
}
.pattern-islamic-dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%230b5539' stroke-opacity='.07' stroke-width='1'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3Cpath d='M0 0l22 22M80 0L58 22M0 80l22-22M80 80L58 58'/%3E%3C/g%3E%3C/svg%3E");
}

.text-balance { text-wrap: balance; }

/* Yazı içerikleri */
.prose-irmak p { margin: 0 0 1.1em; line-height: 1.8; }
.prose-irmak p:last-child { margin-bottom: 0; }

/* Form öğeleri */
.field {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #d6d3cb;
  background: #fff;
  padding: 0.7rem 0.9rem;
  font-size: 0.95rem;
  color: #1e293b;
  transition: border-color .15s, box-shadow .15s;
}
.field:focus { outline: none; border-color: #0f6a45; box-shadow: 0 0 0 3px rgba(15,106,69,.15); }
.field.has-error { border-color: #e11d48; }
select.field { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .7rem center; background-size: 1.1rem; padding-right: 2.2rem; }
.label { display: block; font-size: .8rem; font-weight: 600; color: #475569; margin-bottom: .35rem; letter-spacing: .01em; }

@keyframes spin-slow { to { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin-slow 60s linear infinite; }
@keyframes float-y { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.animate-float { animation: float-y 5s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
  .animate-spin-slow, .animate-float { animation: none; }
}

/* ---------- Kayan yorum şeridi ---------- */
.marquee {
  overflow: hidden;
  padding: .5rem 0 1rem;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}
.marquee-track {
  display: flex;
  gap: 1.25rem;
  width: max-content;
  animation: marquee var(--marquee-duration, 45s) linear infinite;
}
.marquee-reverse { animation-direction: reverse; }
.marquee:hover .marquee-track,
.marquee:focus-within .marquee-track { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(calc(-50% - .625rem)); } }
.testimonial-card { transition: transform .3s ease, box-shadow .3s ease; }
.testimonial-card:hover { transform: translateY(-6px) rotate(-.4deg); box-shadow: 0 20px 40px -18px rgba(8, 56, 38, .35); }

/* ---------- Kaydırınca beliren bölümler ---------- */
.js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; transition-delay: var(--reveal-delay, 0ms); }
.js .reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .marquee-track { animation: none; }
  .marquee-track > [aria-hidden="true"] { display: none; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}

/* ---------- Arapça (sağdan sola) ---------- */
html[lang="ar"] body,
html[lang="ar"] .font-sans,
html[lang="ar"] .font-display { font-family: "Tajawal", "Inter", system-ui, sans-serif; }
html[lang="ar"] .font-display { font-weight: 800; letter-spacing: 0; }
html[lang="ar"] [class*="tracking-"]:not(.font-brand) { letter-spacing: 0 !important; }
html[lang="ar"] .prose-irmak p { line-height: 2; }
/* Kayan şerit her dilde soldan sağa hareket eder; kart içeriği kendi yönünü korur */
.marquee { direction: ltr; }