/* Skyline — Tailwind destekleyici minimal CSS */

/* Tipografi smoothing */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Bottom nav için mobilde altta yer aç */
@media (max-width: 1023px) {
    body { padding-bottom: 64px; }
}

/* Pyrion'ın eski tanımlarını sıfırla — body class çakışmalarını kes */
.preloader, .mouse-cursor, .offcanvas__info, .offcanvas__overlay { display: none !important; }

/* Headinglerde daha temiz spacing */
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; }

/* Linklerin altını çizmeyelim ama tutarlı renk */
a { text-decoration: none; }

/* Tailwind container override (sadece web sayfaları için) */
.container { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; }

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Reveal animation hook — IntersectionObserver tetikler */
.sk-reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.sk-reveal.in { opacity: 1; transform: translateY(0); }

/* FAQ details/summary stil */
details summary { cursor: pointer; list-style: none; }
details summary::-webkit-details-marker { display: none; }
details > summary::after {
    content: '+'; float: right; font-weight: 600; color: #CE5046; font-size: 24px; line-height: 1; transition: transform .2s ease;
}
details[open] > summary::after { content: '−'; }

/* Hero — büyük arka plan + okunaklı gradient overlay */
.sk-hero-bg {
    background-size: cover;
    background-position: center;
    filter: brightness(.55);
}

/* Brand strip marquee */
@keyframes sk-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.sk-marquee { animation: sk-marquee 30s linear infinite; }

/* Selection */
::selection { background: rgba(73,152,198,.25); color: #1E2A4A; }