/* Zoom Template 
http://www.templatemo.com/tm-414-zoom
*/

/* --- GENEL AYARLAR --- */
body, html { overflow-x:hidden; }

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Raleway', sans-serif;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, span, p { font-family: 'Raleway', sans-serif; }

.blue { color: #6CF; }
.green { color: #CF0; }

h2 { padding: 10px 0; }
p { padding: 10px 0; text-align: justify; }
a { color: #FF6; text-decoration: none; }
a:hover { color: #F60; text-decoration: none; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #444;
    margin: 1em 0;
    padding: 0;
}

/* --- PRELOADER --- */
#preloader {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #fff;
    z-index: 99;
}

#status {
    width: 200px; height: 200px;
    position: absolute;
    left: 50%; top: 50%;
    background-image: url(../images/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

/* --- LOGO & WRAPPER --- */
#main-wrapper { overflow: hidden; }
.templatemo-logo { z-index: 1; }
.templatemo-site-title { 
    color: #fff !important; 
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
}

/* --- GÖRÜNÜRLÜK AYARLARI --- */
.active { display: block; }
.inactive { display: none; }

.image-section { position: fixed; }
.image-container { position: relative; }
.image-container img { position: absolute; }

/* --- İÇERİK ALANI --- */
.templatemo-content {
    position: static;
    overflow: hidden; 
    margin-top: 20%;
    padding-bottom: 6%;
}

.black-bg {
    background-color: rgba(0,0,0,0.85);
    padding: 20px;
}

.white-bg {
    background-color: rgba(255,255,255,0.9);
}

.templatemo-content section {
    position: relative; 
    overflow: hidden;
    padding-bottom: 20px;
}

.templatemo-content h2 { color:#fff; }
.templatemo-content p { color: #fff; font-size: 16px; }

/* --- BUTONLAR & MENÜ --- */
.btn-menu {
    padding: 20px 0;
    text-align: center;
    transition: all 0.3s ease;
}

.btn-menu > .fa {
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
}

.btn-menu > h2 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
}

/* Hover Efektleri */
.change-section:hover .black-bg {
    background-color: rgba(255,255,255,0.9);
}
.change-section:hover .black-bg h2, 
.change-section:hover .black-bg i {
    color: #246BB2;
}

/* --- HAKKINDA ALT MENÜ ÖZEL STILLERI (YENİ) --- */
.sub-menu-item {
    color: #ffffff;
    display: block;
    padding: 15px 5px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    border-radius: 5px;
}

.sub-menu-item:hover {
    background: rgba(255,255,255,0.1);
    color: #FF6;
}

.sub-menu-item i {
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
}

.sub-menu-item p {
    font-size: 13px !important;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.sub-content {
    animation: fadeIn 0.5s;
}

.sub-content h3 {
    color: #FF6;
    border-left: 4px solid #FF6;
    padding-left: 10px;
    margin-bottom: 15px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- FOOTER & RESPONSIVE --- */
.footer { position:fixed; bottom: 10px; width: 100%; }
.footer-text {
    color:#fff; 
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
    margin-left: 30px;
    font-size: 14px;
}

@media (max-width: 991px) {
    .footer { position:static; text-align: center; margin-top: 20px; }
    .footer-text { margin-left: 0; }
    .templatemo-content { margin-top: 40%; }
}

/* Yardımcı Sınıflar */
.margin-top-20 { margin-top: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }
/* Hakkında kısmına özel daha soluk arka plan */
.soluk-bg {
    /* 0.8 olan değeri 0.4 yaparak daha saydam hale getirdik */
    background-color: rgba(100, 100, 100, 0.4) !important; 
    padding: 30px;
    border-radius: 10px;
    /* Cam efekti (bulanıklık) arkadaki resmin görünmesini ama yazının okunmasını sağlar */
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);
}
/* Logo ve Alt Başlık Font/Renk Ayarları */
.templatemo-site-title, 
.templatemo-site-title a {
    font-family: "Adobe Garamond Pro", "Garamond", serif !important;
    color: white!important; /* Siyah renk */
    text-shadow: none !important; /* Siyah olduğu için gölgeyi kaldırdık */
    font-weight: normal;
    text-decoration: none;
}

/* KAIROS Yazısı (Ana Başlık) */
h1.templatemo-site-title {
    font-size: 70px !important; /* Boyut ayarı */
    margin-bottom: 5px;
}

/* Anatolian Numismatic Studies (Alt Başlık) */
h3.templatemo-site-title {
    font-size: 30px !important; /* KAIROS'un yaklaşık 1.5 katı küçüğü */
    margin-top: 0;
    font-weight: normal; /* Alt başlık biraz daha zarif dursun */
}

/* Hover durumunda rengin değişmemesi için */
.templatemo-site-title a:hover {
    color: #000000 !important;
}
.soluk-bg {
    background-color: rgba(80, 80, 80, 0.05) !important; /* Gri tonu */
    padding: 20px;
    border-radius: 10px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Hakkında içindeki metinlerin beyaz kalmasını garantileyelim */
.soluk-bg h2, .soluk-bg p, .soluk-bg h3 {
    color: #ffffff !important;
}
/* İkonlar hariç tüm metin elemanlarını Adobe Garamond Pro yapar */
body, html, h1, h2, h3, h4, h5, h6, p, span, a, div:not(.fa) {
    font-family: "Adobe Garamond Pro", "Garamond", serif !important;
}

/* İkonların kendi font ailesini (FontAwesome) korumasını sağlayalım */
.fa {
    font-family: 'FontAwesome' !important;
}
/* 1. İKONLARI KORU, METİNLERİ GARAMOND YAP */
body, html, h1, h2, h3, h4, h5, h6, p, span, a, div:not(.fa) {
    font-family: "Adobe Garamond Pro", "Garamond", serif !important;
}

/* FontAwesome ikonlarının fontunu geri yükle (Kritik satır) */
.fa, .fa::before {
    font-family: 'FontAwesome' !important;
}

/* 2. HEM HAKKINDA HEM İLETİŞİM İÇİN SAYDAM GRİ */
.gri-saydam-alan {
    background-color: rgba(60, 60, 60, 0.2) !important; 
    padding: 30px !important;
    border-radius: 15px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-bottom: 20px;
}

/* Yazıların beyaz kalmasını sağla */
.gri-saydam-alan h2, .gri-saydam-alan p, .gri-saydam-alan h3, .gri-saydam-alan i {
    color: #ffffff !important;
}
/* İkonların üzerine gelince sarı olmasını engeller ve beyaz kalmasını sağlar */
.sub-menu-item:hover i, 
.sub-menu-item:hover p, 
.btn-menu:hover i, 
.btn-menu:hover h2 {
    color: #ffffff !important;
}

/* Ayrıca genel link hover rengini de devre dışı bırakalım (isteğe bağlı) */
.sub-menu-item:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}