/* ================================================================ */
/* style.css */
/* author  : Emre Baytimur */
/* date    : 7 Temmuz 2026 */
/* ================================================================ */
/* Bu dosya ne yapar: */
/*   1. Tüm site için ortak renkleri ve fontu tek yerden tanımlar */
/*   2. "Çok yakında" ana sayfasının ortalanmış logo + yazı düzenini kurar */
/*   3. Alt sayfalarda (hakkımızda, iletişim) kullanılan ortak bileşenleri stiller */
/*   4. Telif hakkı yazısını ekranın altına sabitler */
/* ================================================================ */

/* ================================================================ */
/* DEĞİŞKENLER (renkler, fontlar, boşluklar buradan ayarlanır) */
/* ================================================================ */
:root {
    --color-bg: #000000;                            /* düz siyah arka plan (obsidian yerine dümdüz siyah seçildi) */
    --color-text: #ffffff;                           /* ana yazı rengi */
    --color-text-muted: rgba(255, 255, 255, 0.7);     /* "stay tuned" gibi ikincil yazılar */
    --color-copyright: #555555;                       /* göze batmayan telif yazısı rengi */
    --color-link: #ffffff;                            /* sosyal medya ikon rengi */
    --color-link-hover: #cccccc;                      /* hover durumunda ikon rengi */
    --font-family-base: 'Helvetica Neue', Arial, sans-serif;  /* tüm site için tek font ailesi */
    --logo-max-width: 250px;                          /* logo genişlik sınırı */
    --content-gap: 30px;                              /* logo ile yazı arasındaki boşluk */
    --letter-spacing-wide: 4px;                       /* başlık/etiket tarzı yazılar için harf aralığı */
}

/* ================================================================ */
/* RESET / TEMEL AYARLAR */
/* ================================================================ */
* {
    box-sizing: border-box;   /* padding/border genişliği bozmasın diye */
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    background-color: var(--color-bg);
    font-family: var(--font-family-base);
    position: relative;   /* alttaki telif yazısının doğru konumlanması için gerekli */
}

/* ================================================================ */
/* ANA SAYFA DÜZENİ (logo + "stay tuned" ortalanmış hali) */
/* ================================================================ */
.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;             /* küçük ekranlarda kenarlara yapışmasın diye */
    text-align: center;
}

.logo {
    max-width: var(--logo-max-width);
    width: 60%;                /* mobilde de mantıklı ölçeklensin diye */
    height: auto;
    margin-bottom: var(--content-gap);
}

.coming-soon {
    color: var(--color-text-muted);
    font-size: 1.2rem;
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
    margin: 0;
}

/* ================================================================ */
/* ALT SAYFA BAŞLIKLARI (hakkımızda, iletişim gibi sayfalarda) */
/* ================================================================ */
.page-title {
    color: var(--color-text);
    font-size: 1.4rem;
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

.page-text {
    color: var(--color-text-muted);
    font-size: 1rem;
    max-width: 480px;
    line-height: 1.6;
    margin: 0 auto;
}

/* ================================================================ */
/* GERİ DÖN LİNKİ (alt sayfalarda ana sayfaya dönüş) */
/* ================================================================ */
.back-link {
    display: inline-block;
    margin-top: var(--content-gap);
    color: var(--color-text-muted);
    font-size: 0.85rem;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;   /* hover'da alt çizgi belirsin diye önceden yer ayrıldı */
}

.back-link:hover {
    color: var(--color-text);
    border-bottom-color: var(--color-text);
}

/* ================================================================ */
/* İLETİŞİM SAYFASI — E-POSTA VE SOSYAL MEDYA İKONLARI */
/* ================================================================ */
.contact-info {
    margin-top: var(--content-gap);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.contact-email {
    color: var(--color-text);
    font-size: 1rem;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--color-link);
}

.contact-email:hover {
    color: var(--color-link-hover);
    border-bottom-color: var(--color-link-hover);
}

.social-icons {
    display: flex;
    gap: 20px;
}

.social-icons a {
    color: var(--color-link);
    transition: color 0.2s ease;   /* ani renk değişimi göz yormasın diye yumuşatıldı */
}

.social-icons a:hover {
    color: var(--color-link-hover);
}

.social-icons svg {
    width: 22px;
    height: 22px;
}

/* ================================================================ */
/* TELİF HAKKI YAZISI (tüm sayfalarda ortak, ekranın altına sabit) */
/* ================================================================ */
.copyright {
    color: var(--color-copyright);
    font-size: 0.8rem;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
    margin: 0;
}

/* ================================================================ */
/* MOBİL UYUM (küçük ekranlarda yazı boyutları küçülsün) */
/* ================================================================ */
@media (max-width: 480px) {
    .coming-soon {
        font-size: 1rem;
        letter-spacing: 2px;
    }

    .page-title {
        font-size: 1.1rem;
    }
}