/* =========================================================
   Ladilab tema düzeltmesi – Event İzmir
   Tüm sayfa türleri için tam genişlik + Elementor uyumu.
   ========================================================= */

/* =========================================================
   1) ÇEKİRDEK: #site.wrap pekişmesini TÜM sayfalarda kaldır
   Tema hatası: en dış kapsayıcı #site'a .wrap sınıfı verilmiş;
   bu da 1170px hapsi yaratıyor. Dışta tam genişlik olmalı,
   içerideki .content-body-inner.wrap zaten 1170px ortalama yapıyor.
   ========================================================= */
#site.site.wrap,
#site.wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* =========================================================
   2) TÜM SAYFALARDA: header/topbar/footer iç kapsayıcılarına
   güvenli yan padding (1170px'in dışındaki ekranlarda da düzgün)
   ========================================================= */
.site-topbar-inner.wrap,
.site-header-inner.wrap,
.site-footer .wrap {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

/* =========================================================
   3) ELEMENTOR İLE YAPILAN SAYFALAR (.elementor-page):
   - Sidebar gizle (Elementor zaten layout yapıyor)
   - main-content tam genişlik
   - Tüm Elementor top section'ları viewport genişliğinde
   - İç container'ların max-width: 1170px ortalama
   ========================================================= */
body.elementor-page .main-sidebar,
body.home .main-sidebar,
body.page-template-template-fullwidth .main-sidebar,
body.page-template-elementor_header_footer .main-sidebar {
    display: none !important;
}

body.elementor-page #main-content,
body.home #main-content,
body.page-template-template-fullwidth #main-content,
body.page-template-elementor_header_footer #main-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.elementor-page #content-body .content-body-inner.wrap,
body.home #content-body .content-body-inner.wrap,
body.page-template-template-fullwidth #content-body .content-body-inner.wrap,
body.page-template-elementor_header_footer #content-body .content-body-inner.wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Sidebar yan ayırıcı çizgisini gizle */
body.elementor-page .content-body-inner::before,
body.home .content-body-inner::before,
body.page-template-template-fullwidth .content-body-inner::before,
body.page-template-elementor_header_footer .content-body-inner::before {
    display: none !important;
}

/* =========================================================
   4) ELEMENTOR SECTION STRETCH (tüm Elementor sayfalarda):
   - Top section'ların arka planı viewport'a yayılır
   - İç içerik 1170px'de ortalanır (okunabilir)
   ========================================================= */
body.elementor-page .elementor > .elementor-section.elementor-top-section,
body.home .elementor > .elementor-section.elementor-top-section {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
}

/* İç container 1170px ortalı, kenarda 20px güvenli boşluk */
body.elementor-page .elementor > .elementor-section.elementor-top-section > .elementor-container,
body.home .elementor > .elementor-section.elementor-top-section > .elementor-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* Anasayfada ilk section (hero) min-yükseklik */
body.home .elementor > .elementor-section.elementor-top-section:first-of-type {
    min-height: 70vh;
}
body.home .elementor > .elementor-section.elementor-top-section:first-of-type > .elementor-container {
    min-height: 70vh;
}

/* =========================================================
   5) BLOG ARCHİVE / KATEGORİ / TAG (elementor-page olmayan):
   - #site.wrap zaten 100% (yukarıda)
   - İçeride sidebar GÖSTERSİN ama düzgün hizalansın
   - content-body-inner.wrap 1170px ortalı kalsın (theme default)
   ========================================================= */
body.blog .content-body-inner.wrap,
body.archive .content-body-inner.wrap,
body.search .content-body-inner.wrap,
body.single .content-body-inner.wrap {
    /* Tema varsayılanı korunsun: .wrap kuralı (1170px / max 92% / margin 0 auto) */
}

/* =========================================================
   6) DEFENSE: PHP hata fragmanı koruyucu
   ========================================================= */
body > br:first-of-type + b,
body > pre.xdebug-error,
body > pre[id*="debug"] {
    display: none !important;
}

/* =========================================================
   7) Boş/bozuk iframe'leri gizle
   ========================================================= */
iframe[src=""],
.elementor-video-wrapper iframe[src=""],
.fluid-width-video-wrapper iframe[src=""] {
    display: none !important;
}

/* =========================================================
   8) Yatay scroll kapat (Elementor zaman zaman taşırıyor)
   ========================================================= */
html, body {
    overflow-x: hidden;
}

/* =========================================================
   9) Header sosyal medya ikonları için tutarlı boyut
   ========================================================= */
.header-social-list img,
.site-header-wrap img[src*="instagram"],
.site-header-wrap img[src*="linkedin"],
.site-header-wrap img[src*="facebook"] {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

/* =========================================================
   10) Tema "content-header" başlık alanı (Hakkımızda gibi
   sayfaların üst görsel banner'ı): tam genişlikte gözüksün
   ========================================================= */
.site-content > .content-header,
.site-content .content-header {
    width: 100%;
    max-width: 100%;
}
.site-content .content-header .content-header-inner.wrap {
    /* tema default'u: 1170px / margin auto */
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}