/* style.css */
body { 
    margin: 0; 
    font-family: Arial; 
    background: #f2f2f2; 
    /* Kriter 7: Minimum 1024x768 çözünürlük */
    min-width: 1024px; 
    min-height: 768px; 
}

header { background: #8B0000; color: white; text-align: center; padding: 20px; position: relative; }

/* Kriter 4: Hava Durumu (Sağ Üstte) */
#hava-durumu { position: absolute; top: 20px; right: 20px; background: white; color: black; padding: 10px; border-radius: 5px; font-weight: bold; }

nav { background: #222; position: sticky; top: 0; z-index: 1000; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
nav ul li { margin: 0; position: relative; } /* Açılır menü için relative önemli */
nav ul li a { color: white; text-decoration: none; display: block; padding: 15px 20px; }
nav ul li a:hover { background: orange; color: black; }

/* Kriter 2: Aşağı Açılır Menü (Dropdown) */
nav ul li ul { display: none; position: absolute; top: 100%; left: 0; background: #333; flex-direction: column; min-width: 200px; padding: 0; }
nav ul li:hover ul { display: flex; }
nav ul li ul li a { border-bottom: 1px solid #444; }

section { background: white; margin: 20px auto; padding: 20px; border-radius: 10px; width: 90%; max-width: 1200px; }

/* Kriter 4: Resim Döndürme (Slider) */
#slider-alani { width: 100%; max-width: 800px; margin: 0 auto; text-align: center; }
#slider-alani img { max-width: 100%; height: auto; max-height: 400px; object-fit: contain; border-radius: 10px; border: 3px solid #8B0000; }

.galeri { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.galeri img { width: 300px; height: 200px; object-fit: cover; border-radius: 10px; transition: 0.5s; }
.galeri img:hover { transform: scale(1.1); }

/* Kriter 5: İleri, Geri, Anasayfa Butonları */
.sayfa-gecis { text-align: center; margin: 30px 0; padding: 20px; background: #ddd; border-radius: 10px; }
.sayfa-gecis a { background: #222; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin: 0 10px; font-weight: bold; }
.sayfa-gecis a:hover { background: orange; color: black; }

/* Sabit Elementler */
#saat { position: fixed; top: 80px; right: 10px; background: white; padding: 10px; border-radius: 10px; font-weight: bold; border: 2px solid black; z-index: 998; }
#sayac { position: fixed; bottom: 20px; left: 20px; background: orange; padding: 10px; border-radius: 10px; font-weight: bold; z-index: 998; }
#yukari { position: fixed; bottom: 100px; right: 20px; background: red; color: white; padding: 15px; border-radius: 10px; text-decoration: none; z-index: 998; }

/* Kriter 11: Sağ Alt Köşe Takvim */
#takvim { position: fixed; bottom: 20px; right: 20px; background: white; padding: 10px; border-radius: 10px; border: 2px solid black; text-align: center; font-weight: bold; z-index: 998; }

#reklam { 
    position: fixed; 
    top: 65%; /* Reklamı ortadan biraz daha aşağıya çektik */
    left: 50%; 
    transform: translate(-50%, -50%); 
    width: 350px; 
    height: 300px; 
    background: white; 
    border: 3px solid black; 
    z-index: 999; 
    box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5); 
}

#reklam img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

#kapat { 
    position: absolute; 
    top: -15px; 
    right: -15px; 
    color: white; 
    font-size: 20px; 
    cursor: pointer; 
    font-weight: bold; 
    background: red; 
    border-radius: 50%; 
    width: 30px; 
    height: 30px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    border: 2px solid black;
}
/* =========================================
   İLETİŞİM SAYFASI YAN YANA YERLEŞİM AYARLARI 
   ========================================= */

.iletisim-kapsayici {
    display: flex; /* İçindeki elemanları yan yana dizer */
    justify-content: space-between; /* Aralarına boşluk bırakır */
    align-items: center; /* Dikeyde ortalar */
    gap: 30px; /* İki kutu arasına 30 piksel boşluk ekler */
    margin-top: 20px;
    flex-wrap: wrap; /* Eğer ekran küçülürse (mobil vb.) haritayı alt satıra atar */
}

.iletisim-bilgileri {
    flex: 1; /* Sol tarafın esnek olarak alan kaplamasını sağlar */
    min-width: 300px;
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    border-left: 5px solid #8B0000; /* Sol tarafına şık bir Kastamonu kırmızısı çizgi ekler */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Hafif gölge */
}

.iletisim-bilgileri p {
    font-size: 16px;
    line-height: 1.6;
}

.iletisim-harita {
    flex: 1; /* Sağ tarafın esnek olarak alan kaplamasını sağlar */
    min-width: 300px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Haritanın etrafına hafif gölge */
    border-radius: 10px;
}