/* =========================================================
   ENB LAYOUT ALIGNMENT GUARD
   Amaç: masaüstünde sayfa kart/grid başlangıcını header logo
   başlangıç çizgisiyle aynı shell'e almak.

   Notlar:
   - Yalnızca 1280px ve üzeri ekranlarda devreye girer.
   - Mobil/tablet padding düzenlerine dokunmaz.
   - Header CSS'teki --enb-header-shell değerini referans alır.
========================================================= */

@media (min-width:1280px){
  :root{
    --enb-layout-shell: var(--enb-header-shell, 1552px);
    --enb-layout-edge-gap: 48px;
  }

  /* Header logo çizgisi için tek kaynak */
  html body header#siteHeader.enb-header > div[data-header-bar="1"],
  html body header#siteHeader.enb-header > div[data-header-bar="1"].max-w-7xl{
    width:min(calc(100vw - var(--enb-layout-edge-gap)), var(--enb-layout-shell)) !important;
    max-width:var(--enb-layout-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Doğrudan sayfa kabukları */
  html body.enb-body > main.max-w-7xl.mx-auto,
  html body.enb-body > main.max-w-6xl.mx-auto,
  html body.enb-body > main.max-w-\[1600px\].mx-auto,
  html body.enb-body > main.container.mx-auto,
  html body.enb-body > main.dkh-container.mx-auto,
  html body.enb-body > main.eh-container.mx-auto,
  html body.enb-body > main.fh-shell,
  html body.enb-body > main.fsh-container,
  html body.enb-body > main.fasil-page,
  html body.enb-body #mainContent.dansoz-page.dkh-container,
  html body.page-dansoz-kiralama #mainContent.dansoz-page.dkh-container{
    width:min(calc(100vw - var(--enb-layout-edge-gap)), var(--enb-layout-shell)) !important;
    max-width:var(--enb-layout-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Main içindeki bölüm kabukları: kart/grid başlangıcı header logosuyla aynı çizgiye gelir. */
  html body.enb-body main > section.max-w-7xl.mx-auto,
  html body.enb-body main > section.max-w-6xl.mx-auto,
  html body.enb-body main > section.container.mx-auto,
  html body.enb-body main > section > .max-w-7xl.mx-auto,
  html body.enb-body main > section > .max-w-6xl.mx-auto,
  html body.enb-body main > section > .container.mx-auto,
  html body.enb-body main > div.max-w-7xl.mx-auto,
  html body.enb-body main > div.max-w-6xl.mx-auto,
  html body.enb-body main > div.container.mx-auto,
  html body.enb-body main > article.max-w-7xl.mx-auto,
  html body.enb-body main > article.max-w-6xl.mx-auto,
  html body.enb-body main > article.container.mx-auto{
    width:min(calc(100vw - var(--enb-layout-edge-gap)), var(--enb-layout-shell)) !important;
    max-width:var(--enb-layout-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Eski/container kullanan sayfalar */
  html body.enb-body .container.mx-auto:is(main, section, div),
  html body.enb-body main.container.mx-auto,
  html body.enb-body main > .container.mx-auto,
  html body.page-bistro-masa-kiralama .container.mx-auto,
  html body.page-masa-sandalye-kiralama main .container,
  html body.page-masa-sandalye-kiralama section .container,
  html body.page-hizmetler main.max-w-\[1600px\].mx-auto,
  html body.page-hizmetler > main.max-w-\[1600px\].mx-auto{
    width:min(calc(100vw - var(--enb-layout-edge-gap)), var(--enb-layout-shell)) !important;
    max-width:var(--enb-layout-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Custom sayfa shell'leri */
  html body.enb-body .dkh-container,
  html body.enb-body .eh-container,
  html body.enb-body .fsh-container,
  html body.enb-body .fh-shell,
  html body.page-fasil-ekibi-kiralama main.fasil-page .fasil-container,
  html body.page-dondurma-arabasi-kiralama .enb-treat-wrap,
  html body.page-temsili-nikah-memuru-kiralama .tnm-shell{
    width:min(calc(100vw - var(--enb-layout-edge-gap)), var(--enb-layout-shell)) !important;
    max-width:var(--enb-layout-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Footer da aynı shell'e otursun. */
  html body.enb-body footer .max-w-screen-2xl.mx-auto{
    width:min(calc(100vw - var(--enb-layout-edge-gap)), var(--enb-layout-shell)) !important;
    max-width:var(--enb-layout-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}