/* =========================================================
   GLOBAL RESPONSIVE HELPERS
   Tüm sayfalarda taşma, iframe/img/video, tablo gibi
   editör (TinyMCE) çıktısı kaynaklı responsive sorunları
   tek noktadan düzeltir.
   ----------------------------------------------------------
   NOT: Bu dosya sayfa CSS'lerinden SONRA include edilmelidir.
   NOT: Sayfa Göster (.custom-page-content) hariç tutulmuştur;
        responsive davranışı editörden yönetilir.
   ========================================================= */

/* Yatay scroll oluşturan sorunları engelle */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img, picture, svg, video, iframe {
    max-width: 100%;
}

img, picture, svg, video {
    height: auto;
}

/* TinyMCE / editör çıktısı (içerik alanları) - global iframe/video sarması */
.announcement-content iframe,
.biography-area iframe,
.event-description iframe {
    max-width: 100%;
}

/* Editörden gelen tablolar: scroll YOK, konteynere sığsın */
.announcement-content table,
.biography-area table,
.event-description table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    word-break: break-word;
    overflow-wrap: break-word;
}

.announcement-content table td,
.announcement-content table th,
.biography-area table td,
.biography-area table th,
.event-description table td,
.event-description table th {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Uzun kelimeleri kır */
.announcement-content,
.biography-area,
.event-description {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Genel mobil iyileştirmeler */
@media (max-width: 768px) {
    /* PERFORMANS: Mobilde background-attachment: fixed çok pahalıdır (scroll'da repaint).
       Tüm sayfa arkaplanlarını scroll'a çevir. */
    .announcements-page,
    .mehter-page,
    .martyr-page,
    .salon-page,
    .contact-page,
    .tour-page {
        background-attachment: scroll !important;
    }

    /* Bootstrap container küçük ekranda nefes alsın */
    .container,
    .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Çok uzun başlıkları kır */
    h1, h2, h3, h4, h5 {
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }

    /* Buton tıklama alanı min 44px (WCAG erişilebilirlik) */
    .btn {
        min-height: 40px;
    }

    /* Bootstrap modal mobilde tam ekran */
    .modal-dialog:not(.modal-fullscreen) {
        margin: 8px;
    }
}

/* Çok küçük ekranlar */
@media (max-width: 360px) {
    .container,
    .container-fluid {
        padding-left: 8px;
        padding-right: 8px;
    }

    .btn {
        font-size: 0.88rem;
        padding: 0.45rem 0.85rem;
    }
}

/* Yazdırma sırasında arkaplan & gereksiz öğeleri gizle */
@media print {
    .navbar,
    .footer-bordo,
    .footer-super-minimal,
    .back-button,
    .share-section {
        display: none !important;
    }

    body {
        background: #fff !important;
    }
}