/* Extracted from: inc/footer.php */
/* <style> block #1, lines 331-391 */

/* Modal arkaplanı */
    .modal { 
        position: fixed; 
        top: 0; left: 0; 
        width: 100%; height: 100%; 
        background-color: rgba(0, 0, 0, 0.7); /* Arkaplan karartma */
        display: flex; 
        justify-content: center; 
        align-items: center;
        visibility: hidden; /* Gizlenir */
        opacity: 0; /* Görünmez */
        transition: visibility 0s, opacity 0.3s ease; /* Görüntü animasyonu */
        z-index: 9999; /* Üst katmana taşır */
    }

    /* Modal görünürken */
    .modal.show {
        visibility: visible; /* Görünür yapar */
        opacity: 1; /* Görünürlük */
    }

    /* Modal içeriği */
    .modal-content {
        background-color: #333; /* Koyu arkaplan */
        color: white; /* Beyaz yazı rengi */
        padding: 20px; 
        border-radius: 8px; 
        width: 80%; 
        max-height: 80vh; /* Modal içerik yüksekliğini sınırlar */
        overflow-y: auto; /* İçerik uzun olduğunda kaydırılabilir */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        position: relative;
    }

    .close { 
        cursor: pointer; 
        font-size: 1.5em; 
        background: none;
        border: none;
        position: absolute;
        top: 10px;
        right: 10px;
        color: white; /* Kapatma butonu beyaz */
    }

    /* Sadece mobil cihazlar için */
    @media (max-width: 600px) {
        .modal-content {
            width: 100%; /* Ekranın daha fazla kısmını kapsar */
            padding: 15px; /* İçerik kenar boşlukları küçülür */
            font-size: 0.9em; /* Yazı boyutu biraz küçülür */
        }

        .close {
            font-size: 1.2em; /* Kapatma butonu boyutu küçülür */
            top: 5px;
            right: 5px;
        }
    }