/* style.css - ORTAK STİLLER */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --bg-color: #ffffff; --text-color: #000000; --gray: #f5f5f5; }
body { font-family: 'Roboto', sans-serif; background-color: var(--bg-color); color: var(--text-color); overflow-x: hidden; }
h1, h2, h3, h4, .brand-font { font-family: 'Oswald', sans-serif; text-transform: uppercase; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
ul { list-style: none; }

/* HEADER */
header { display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; background-color: var(--bg-color); position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid #eee; }
.brand { display: flex; align-items: center; gap: 15px; font-size: 24px; font-weight: 700; letter-spacing: 2px; }
.logo-svg { width: 60px; height: 60px; }
nav ul { display: flex; gap: 30px; }
nav a { font-weight: 500; font-size: 14px; letter-spacing: 1px; position: relative; }
nav a::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background-color: var(--text-color); transition: width 0.3s; }
nav a:hover::after { width: 100%; }
.menu-toggle { display: none; font-size: 24px; cursor: pointer; }

/* MOBİL MENÜ STİLİ */
@media (max-width: 900px) {
    header { padding: 15px 20px; }
    .menu-toggle { display: block; }
    nav ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: white; flex-direction: column; padding: 20px; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.1); }
    nav ul.show { display: flex; }
}

/* FOOTER */
footer { background-color: #111; color: #fff; padding: 60px 40px; margin-top: 50px; }
.footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; }
.footer-col h4 { font-size: 18px; margin-bottom: 20px; letter-spacing: 1px; }
.footer-col p, .footer-col a { color: #aaa; font-size: 14px; line-height: 1.8; margin-bottom: 10px; display: block; }
.social-icons { display: flex; gap: 15px; margin-top: 20px; }
.copyright { text-align: center; margin-top: 50px; border-top: 1px solid #333; padding-top: 20px; color: #555; font-size: 12px; }

/* Ortak Buton Stilleri vs. buraya eklenebilir */
/* --- KAYAN YAZI ŞERİDİ (MARQUEE) --- */
/* --- KAYAN YAZI ŞERİDİ (SONSUZ DÖNGÜ) --- */
.scrolling-bar {
    background-color: #D32F2F; /* Kırmızı */
    color: white;
    width: 100%;
    overflow: hidden; /* Taşan kısımları gizle */
    white-space: nowrap; /* Asla alt satıra inme */
    padding: 10px 0; /* Biraz daha kalın şerit */
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    z-index: 999;
    display: flex;
    align-items: center;
}

.scrolling-content {
    display: inline-block;
    /* 120s = Çok Yavaş (Hızlandırmak istersen bu sayıyı düşür, örn: 60s)
       linear = Takılmadan, sabit hızda
       infinite = Sonsuz döngü
    */
    animation: infiniteScroll 120s linear infinite; 
}

/* SOLDAN SAĞA SONSUZ AKIŞ MANTIĞI */
@keyframes infiniteScroll {
    0% {
        /* Başlangıç noktası: Yazının sol başı görünüyor */
        transform: translateX(-50%); 
    }
    100% {
        /* Bitiş noktası: Yazı olduğu yerde başa dönüyor */
        transform: translateX(0%); 
    }
}