/* Galyahane — Özel Stiller (turuncu / lacivert / antrasit) */

[x-cloak] { display: none !important; }
html { scroll-behavior: smooth; }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Container maksimum genişlik */
.container { max-width: 1280px; }

/* --- Kayan duyuru şeridi (marquee) --- */
.gal-marquee { white-space: nowrap; }
.gal-marquee__track {
    display: inline-flex;
    align-items: center;
    will-change: transform;
    animation: galMarquee 28s linear infinite;
}
.gal-marquee__item {
    display: inline-flex;
    align-items: center;
    padding: 0 0.25rem;
}
.gal-marquee:hover .gal-marquee__track { animation-play-state: paused; }
@keyframes galMarquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* --- Prose (CMS içerikler) --- */
.prose { color: #374151; line-height: 1.75; }
.prose h1, .prose h2, .prose h3, .prose h4 { font-family: 'Playfair Display', serif; font-weight: 700; color: #0b0e13; margin-top: 1.4em; margin-bottom: 0.5em; line-height: 1.2; }
.prose h2 { font-size: 1.75em; }
.prose h3 { font-size: 1.4em; }
.prose p { margin-bottom: 1em; }
.prose a { color: #ea580c; text-decoration: underline; }
.prose strong { color: #0b0e13; font-weight: 600; }
.prose ul, .prose ol { margin: 1em 0; padding-left: 1.5em; }
.prose ul li { list-style: disc; }
.prose ol li { list-style: decimal; }

/* --- Scrollbar --- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #ea580c; }
::selection { background: #f97316; color: #fff; }

input:focus, textarea:focus, select:focus { outline: none; }

/* Sayfa geçiş animasyonu */
main { animation: pageIn 0.4s ease-out; }
@keyframes pageIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* --- Mobil düzeltmeleri --- */
@media (max-width: 640px) {
    .container { padding-left: 1rem; padding-right: 1rem; }
    h1 { word-break: break-word; }
}

/* Görsellerin asla taşmaması */
img { max-width: 100%; height: auto; }

@media print {
    header, footer, .no-print { display: none !important; }
}