/* ============================================================
   E-AHŞAP — 11.11.2026 revizyon turu (6 madde)
   Tema katmanı. Çekirdek dosyalara dokunulmadı.
   Yüklenme sırası: eahsap-fix-20261110.css'ten SONRA.
   ============================================================ */

/* ------------------------------------------------------------
   MADDE 1 — Mobil sağ üstte çift menü ikonu
   Mobil markupta hem eski mmenu butonu (.menu-icon) hem de
   bootstrap .navbar-toggler basılıyor; ikisi üst üste biniyor.
   Yeni çekmece menüyü açan .navbar-toggler kalır, .menu-icon kaldırılır.
   ------------------------------------------------------------ */
.menu-icon,
.menu-icon-box{ display:none !important; }
body > div.container > .menu-icon{ display:none !important; }

@media (max-width: 767px){
  /* eski mmenu paneli (butonu kaldırıldığı için) kapalı kalsın */
  #menu.menu{ display:none !important; }
}

/* ------------------------------------------------------------
   MADDE 2 — Blog tam ekran → Hakkımızda standardı (1180px)
   /blog liste, blog yazı detayı ve Blog menüsünün gittiği SSS
   sayfası; hepsi içerik 1180px, sayfa kenarından 130px (1440px'te).
   ------------------------------------------------------------ */
body.sp-blog .rowS,
body.sp-blog-article .rowS,
body.sp-sss .rowS{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.sp-blog-article .rowS > .blog,
body.sp-blog-article .rowS > .blog *{ max-width:100% !important; }
body.sp-sss .rowS > .sss{ max-width:100% !important; }
body.sp-blog-article .rowS img,
body.sp-sss .rowS img{ max-width:100% !important; height:auto !important; }

/* ------------------------------------------------------------
   MADDE 3 — İletişim sayfası normalden dar → Hakkımızda standardı
   10.11'de form 780px'e sabitlenmişti (fazla dar kaldı).
   Form + iletişim bilgileri 1180px alanda, masaüstünde yan yana.
   ------------------------------------------------------------ */
#sp-iletisim-form{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
}
#sp-iletisim-form > .col-md-6{
  width:50% !important;
  max-width:50% !important;
  flex:0 0 50% !important;
  float:none !important;
  margin:0 !important;
  padding-left:15px !important;
  padding-right:15px !important;
}
#sp-iletisim-form .page-title{
  max-width:none !important;
  width:auto !important;
  margin:15px 0 !important;
}
@media (max-width: 767px){
  #sp-iletisim-form{ padding:0 !important; flex-direction:column !important; }
  #sp-iletisim-form > .col-md-6{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    float:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* ------------------------------------------------------------
   MADDE 4 — Ürünler alt menüsü ilk açılışta sağa kayıyor
   10.11 katmanında left:8px verilmişti → alt menü 8px sağda.
   Menü başlığının sol kenarıyla aynı hizaya alınır.
   ------------------------------------------------------------ */
@media (min-width: 768px){
  .header-navigation .urunler-dropdown{ position:relative !important; }
  .header-navigation .urunler-dropdown > ul.urunler-dropdown-list{
    left:0 !important;
  }
}

/* ------------------------------------------------------------
   MADDE 5 — Ürün detayında kalan boş kare kutucuk
   Liste sayfasında kapatılan boş .discount-badge kutusu detayda
   görünüyordu (45x30, 1px çerçeve, içi boş). Site genelinde kapatılır.
   ------------------------------------------------------------ */
.discount-badge{ display:none !important; }

/* ------------------------------------------------------------
   MADDE 6 — Kategori başlıkları hiza/boşluk
   • Sol "ALT KATEGORİLER" kutusu ile ilk başlık aynı hizada (1px)
   • İki başlık arası boşluk 35px -> 45px
   • Kutu ile başlık sütunu arası boşluk 21px -> 35px
   • Mobilde başlık kategori menüsünün ALTINDA kalıyordu ->
     başlık + ürünler öne, kategori/filtre menüsü alta alınır.
   ------------------------------------------------------------ */
body.sp-kategori h1.page-title{
  margin-top:20px !important;
  margin-bottom:20px !important;
}
body.sp-kategori #katfilter .sidebar-widget{
  margin-right:14px !important;
}
@media (max-width: 991px){
  body.sp-kategori .product-category > .row{
    display:flex !important;
    flex-direction:column !important;
  }
  body.sp-kategori .product-category > .row > aside.col-md-10{ order:1 !important; }
  body.sp-kategori .product-category > .row > #katfilter{ order:2 !important; width:100% !important; }
  body.sp-kategori #katfilter .sidebar-widget{ margin-right:0 !important; }
}