/* ============================================================
   E-AHŞAP tema düzeltmeleri — 10.11.2026
   Madde 1,3,4,5,7,9,11 (tema katmanı)
   ============================================================ */

/* --- Madde 9: ürün kartlarındaki boş kare etiket kutuları --- */
.product-grid .discount-badge,
.product-grid .ikonlars,
.product-grid .product-discount-label{ display:none !important; }

/* --- Madde 1: açılır menü hizası + uzun liste için kaydırma --- */
@media (min-width: 768px){
  .header-navigation .navbar-nav > li{ padding-left:4px !important; padding-right:4px !important; }
  .header-navigation .navbar-nav > li > a{ padding-left:8px !important; padding-right:8px !important; }
  .header-navigation .urunler-dropdown > ul.urunler-dropdown-list{
    left:8px !important;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .header-navigation .urunler-dropdown > ul.urunler-dropdown-list::-webkit-scrollbar{ width:6px; }
  .header-navigation .urunler-dropdown > ul.urunler-dropdown-list::-webkit-scrollbar-thumb{ background:#d8d2c6; border-radius:3px; }
}

/* --- Madde 4: iç sayfalar dar alanda (iletişim formu) --- */
#sp-iletisim-form{ max-width:780px; margin:0 auto; }
#sp-iletisim-form .col-md-6{
  width:100% !important; max-width:780px; flex:0 0 100% !important;
  margin:0 auto !important; float:none !important; padding-left:0; padding-right:0;
}
#sp-iletisim-form .page-title{ max-width:none !important; width:100%; margin:15px auto !important; }

/* --- Madde 3: favori ikonu (dolu + kırmızı) --- */
.sp-fav{ cursor:pointer; }
.sp-fav i.bi-heart{ color:#4b5563 !important; }
.sp-fav i.bi-heart-fill{ color:#e23744 !important; }
.sp-fav i.bi-heart-fill::before{ color:#e23744 !important; }
.sp-fav.active i.bi-heart,
.sp-fav.active i.bi-heart::before,
.sp-fav.active i.bi-heart-fill,
.sp-fav.active i.bi-heart-fill::before{ color:#e23744 !important; }

/* --- Madde 5: yorum yıldızları (yorumlar kalır) --- */
.stars{ display:none !important; }
.product-grid .bi-star-fill.text-warning,
.product-grid .bi-star-half.text-warning,
.product-grid .bi-star.text-warning{ display:none !important; }

/* --- Madde 11: mobil açılır menü paneli --- */
@media (max-width: 767px){
  .urunler-dropdown > ul.urunler-dropdown-list{
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .header-navigation .navbar-nav > li > a{ font-size:12.5px !important; }
  .header-navigation .navbar-brand img{ max-height:46px; }
}

/* --- Madde 7: sabit menüde logo/ikonlar okunur kalsın --- */
.header-navigation.sp-nav-fixed .navbar-brand img{ max-height:56px; }
.header-navigation.sp-nav-fixed .material-symbols-outlined{ color:#222 !important; }

/* --- Madde 3b (müşteri: "blog ve iletişim düzelmemiş"): iç sayfa içerik genişliği --- */
body.sp-blog .container-fluid > .clearfix,
body.sp-iletisim .container-fluid > .clearfix{ max-width:1180px; margin:0 auto !important; }
body.sp-blog .atix-blog-grid,
body.sp-blog .blog.blog-list,
body.sp-blog .post-content{ max-width:1180px; margin-left:auto !important; margin-right:auto !important; }
body.sp-iletisim .infobar.m80{ max-width:1180px; margin:0 auto !important; }

/* --- Madde 1/6/7 (müşteri: mobilde menü düz yazı + giriş/sepet görünmüyor) --- */
@media (max-width:767px){
  .header-navigation .navbar-collapse.collapse{ display:none !important; }
  .header-navigation .navbar-collapse.collapse.show{
    display:flex !important; flex-direction:column; position:fixed; top:0; left:0;
    width:86vw !important; max-width:340px !important; height:100vh; background:#fff; z-index:2500;
    padding:18px 16px 40px; overflow-y:auto; box-shadow:0 0 30px rgba(0,0,0,.25);
  }
  .header-navigation .navbar-collapse.collapse.show .navbar-nav.w-100{
    flex-direction:column !important; align-items:flex-start !important; width:100% !important;
  }
  .header-navigation .navbar-collapse.collapse.show .navbar-nav>li{ width:100%; border-bottom:1px solid #f0ece4; }
  .header-navigation .navbar-collapse.collapse.show .userband{
    display:flex !important; flex-direction:column !important; width:100% !important;
    gap:6px; margin-top:10px; align-items:flex-start;
  }
  .header-navigation .navbar-toggler{
    display:flex !important; align-items:center; justify-content:center; width:44px; height:44px;
    border:1px solid #e3ded4; border-radius:8px; background:#fff; z-index:2600; order:3;
  }
  .header-navigation .navbar-toggler-icon{ display:block; width:22px; height:2px; background:#333; position:relative; }
  .header-navigation .navbar-toggler-icon::before,
  .header-navigation .navbar-toggler-icon::after{ content:""; position:absolute; left:0; width:22px; height:2px; background:#333; }
  .header-navigation .navbar-toggler-icon::before{ top:-7px; }
  .header-navigation .navbar-toggler-icon::after{ top:7px; }
  body.sp-drawer-open{ overflow:hidden; }
  .sp-drawer-backdrop{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.45); z-index:2400; }
  .header-navigation .navbar-collapse.collapse.show .urunler-dropdown{ position:static !important; }
  .header-navigation .navbar-collapse.collapse.show .urunler-dropdown>ul.urunler-dropdown-list{
    position:static !important; display:none; box-shadow:none; border:0; border-radius:0;
    padding:4px 0 8px 12px; max-height:none; width:100%; min-width:0; background:#faf9f6;
  }
  .header-navigation .navbar-collapse.collapse.show .urunler-dropdown.sp-open>ul.urunler-dropdown-list{ display:block !important; }
  .header-navigation .navbar-collapse.collapse.show .urunler-dropdown:hover>ul.urunler-dropdown-list{ display:none; }
  .header-navigation .navbar-collapse.collapse.show .urunler-dropdown.sp-open:hover>ul.urunler-dropdown-list{ display:block !important; }
}

/* çekmece başlığı + kapat */
.sp-drawer-head{ display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:12px;
  padding-bottom:10px; border-bottom:1px solid #eee; }
.sp-drawer-head b{ font-size:15px; letter-spacing:.04em; color:#222; }
.sp-drawer-close{ border:0; background:#f3f0e9; width:34px; height:34px; border-radius:50%; font-size:18px; line-height:1; color:#333; cursor:pointer; }

/* --- Madde 1b: "Hakkımızda" açılır menüsü --- */
@media (min-width:768px){
  .header-navigation .navbar-nav>li.sp-hak-dropdown{ position:relative !important; }
  .header-navigation .sp-hak-dropdown .sp-hak-list{
    display:none; position:absolute !important; left:0; top:100%; min-width:290px; max-height:calc(100vh - 160px);
    overflow-y:auto; background:#fff; border:1px solid #eee; border-radius:6px; padding:6px 0; margin:0;
    list-style:none; z-index:1200; box-shadow:0 10px 26px rgba(0,0,0,.14); text-align:left;
  }
  .header-navigation .sp-hak-dropdown:hover .sp-hak-list,
  .header-navigation .sp-hak-dropdown.open .sp-hak-list{ display:block !important; }
  .header-navigation .sp-hak-list>li{ float:none !important; display:block !important; margin:0 !important; padding:0 !important; }
  .header-navigation .sp-hak-list>li>a{ display:block; padding:8px 18px !important; color:#222 !important; font-size:14px; white-space:nowrap; }
  .header-navigation .sp-hak-list>li>a:hover{ background:#f6f2ea !important; }
  .sp-caret{ font-size:10px; margin-left:4px; display:inline-block; }
}
@media (max-width:767px){
  .header-navigation .navbar-collapse.collapse.show .sp-hak-dropdown{ position:static !important; }
  .header-navigation .navbar-collapse.collapse.show .sp-hak-list{
    position:static !important; display:none; box-shadow:none; border:0; border-radius:0; min-width:0; width:100%;
    padding:4px 0 8px 12px; max-height:none; background:#faf9f6;
  }
  .header-navigation .navbar-collapse.collapse.show .sp-hak-dropdown.sp-open .sp-hak-list{ display:block !important; }
  .header-navigation .navbar-collapse.collapse.show .sp-hak-dropdown:hover .sp-hak-list{ display:none; }
  .header-navigation .navbar-collapse.collapse.show .sp-hak-dropdown.sp-open:hover .sp-hak-list{ display:block !important; }
  .header-navigation .navbar-collapse.collapse.show .mk-fullscreen-close{ display:none !important; }
  .sp-hak-list>li>a{ display:block; padding:7px 0 !important; color:#222 !important; font-size:13.5px; }
}