/* ==========================================================================
   ELN Atölye - header sepet açılır kartı (yuva: header_sepet_acilir)
   Çekirdeğin HTML'i (cart_dropdown.php) olduğu gibi gelir; burada yalnız
   görünüm var. Bu dosya head içinde site_style.css'ten ve çekirdeğin satır
   içi stil bloğundan ÖNCE bağlanır, bu yüzden seçiciler "html body" ile
   başlar. Satır içi style="" taşıyan ve çekirdekte !important olan
   özelliklerde !important kullanıldı.
   Belirteçler: vurgu 2165a7 · koyu 1d5993 · açık zemin eef4fa · çizgi e5e9f0
   metin 111827 · ikincil 6b7280 · başarı 16a34a · tehlike dc2626
   Yalnız masaüstünde basılır (yuva cihazı desktop).
   ========================================================================== */

/* Header yığın sırası: ana sayfa modülleri de z-index 9 kullanıyor; kart
   onların altında kalmasın. Menü şeridi ya da footer şablonu aynı değeri
   yazabilir, tekrarı zararsız. */
html body .header-main-div{z-index:50!important}

/* 1) Kart ------------------------------------------------------------------ */
html body .carting .dropdown-menu.cart-drop{
  box-sizing:border-box;
  width:360px!important;
  max-width:calc(100vw - 32px);
  margin-top:12px;
  padding:16px!important;
  background:#fff;
  border:1px solid #e5e9f0!important;
  border-radius:16px!important;
  box-shadow:0 18px 40px rgb(17 24 39 / 16%)!important;
  color:#111827!important;
  font-family:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  text-align:left;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html body .carting .dropdown-menu.cart-drop.show{animation:elnaSepetAc .18s ease-out}
@keyframes elnaSepetAc{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  html body .carting .dropdown-menu.cart-drop.show{animation:none}
}

/* Ok işareti: çekirdeğin beyaz karesi (right:9px) kartın diline uyarlanır.
   Yatay konumu betik, sepet simgesinin ortasına göre --elna-sa-ok ile verir;
   betik yoksa 22px. */
html body .carting .dropdown-menu.cart-drop::before{
  content:'';
  position:absolute;
  top:-8px;
  right:var(--elna-sa-ok,22px);
  left:auto;
  box-sizing:border-box;
  width:14px;
  height:14px;
  background:#fff;
  border:0;
  border-top:1px solid #e5e9f0;
  border-left:1px solid #e5e9f0;
  border-radius:4px 0 0 0;
  transform:rotate(45deg);
  z-index:1;
}

/* Ekran okuyucuya açık ama görünmez: çekirdeğin özgün (dile göre değişen)
   etiket metinleri betik tarafından buraya taşınır. */
html body .carting .cart-drop .elna-sa-gizli{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

/* 2) Başlık: "Sepetim" + sağda adet hapı (betik kurar). Betik çalışmazsa
   çekirdeğin metni aynı düzende durur, sayı yine hap olarak görünür. ------- */
html body .carting .cart-drop .dropdown-cart-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:auto;
  margin:0;
  padding:0 0 12px;
  border-bottom:1px solid #e5e9f0;
  font-size:14px;
  font-weight:600;
  line-height:24px;
  color:#111827;
  text-align:left;
}
html body .carting .cart-drop .dropdown-cart-header strong,
html body .carting .cart-drop .elna-sa-hap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-sizing:border-box;
  min-width:24px;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#eef4fa;
  color:#2165a7;
  font-size:12px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
html body .carting .cart-drop .elna-sa-baslik{
  min-width:0;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.01em;
  color:#111827;
}

/* 3) Kalem listesi: 3 kaleme kadar kaydırma çıkmaz (kalem 88px), fazlasında
   liste 300px'te durur ve ince kaydırma çubuğu belirir. Sağdaki -6px/6px
   çifti, çubuğun silme düğmesinin üstüne binmemesi için. ---------------- */
html body .carting .cart-drop .dropdown-cart-overflow{
  box-sizing:border-box;
  width:auto;
  height:auto;
  max-height:300px;
  overflow-x:hidden;
  overflow-y:auto;
  margin:0 -6px 12px 0;
  padding:0 6px 0 0;
  border-bottom:1px solid #e5e9f0;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
html body .carting .cart-drop .dropdown-cart-overflow::-webkit-scrollbar{width:6px}
html body .carting .cart-drop .dropdown-cart-overflow::-webkit-scrollbar-track{background:transparent}
html body .carting .cart-drop .dropdown-cart-overflow::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
html body .carting .cart-drop .dropdown-cart-overflow::-webkit-scrollbar-thumb:hover{background:#94a3b8}

html body .carting .cart-drop .dropdown-cart-itembox{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:12px 0;
  border-bottom:1px solid #eef1f5;
}
html body .carting .cart-drop .dropdown-cart-itembox:last-child{border-bottom:0}
html body .carting .cart-drop .dropdown-cart-itembox-content{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

/* Görsel: 64px, 10px köşe, açık gri zemin; beyaz fonlu ürün fotoğrafı
   multiply ile zemine karışır. */
html body .carting .cart-drop .dropdown-cart-itembox-content-img{
  flex:0 0 64px;
  box-sizing:border-box;
  width:64px;
  height:64px;
  margin:0;
  padding:4px;
  border-radius:10px;
  background:#f3f4f6;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
html body .carting .cart-drop .dropdown-cart-itembox-content-img img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  border-radius:6px;
}

/* Metin bloğu: 1. satır başlık (tam genişlik, iki satırda kırpılır),
   2. satır fiyat (+ öz-denetim tutarsa "KDV hariç") solda, adet hapı sağda. */
html body .carting .cart-drop .dropdown-cart-itembox-content-t{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 8px;
}
html body .carting .cart-drop .dropdown-cart-itembox-content-t-1{
  flex:0 0 100%;
  margin:0;
  font-size:13px;
  font-weight:600;
  line-height:18px;
  color:#111827;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  overflow-wrap:anywhere;
}
html body .carting .cart-drop .dropdown-cart-itembox-content-t > .dropdown-cart-itembox-content-t-3{
  margin:0;
  font-size:12px;
  line-height:18px;
  color:#6b7280;
}
html body .carting .cart-drop .dropdown-cart-itembox-content-t > .dropdown-cart-itembox-content-t-3:nth-child(2){
  display:inline-flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:0 6px;
  min-width:0;
}
/* Fiyat span'i satır içi color:#0088cc taşıyor. */
html body .carting .cart-drop .dropdown-cart-itembox-content-t-3 > span:not([class]){
  color:#111827!important;
  font-size:14px;
  font-weight:700;
  letter-spacing:-.01em;
  white-space:nowrap;
}
html body .carting .cart-drop .elna-sa-kdv{
  font-size:11px;
  font-weight:500;
  color:#6b7280;
  white-space:nowrap;
}
html body .carting .cart-drop .dropdown-cart-itembox-content-t > .dropdown-cart-itembox-content-t-3:nth-child(3){
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  height:22px;
  margin-left:auto;
  padding:0 8px;
  border-radius:999px;
  background:#f3f4f6;
  color:#4b5563;
  font-size:12px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}

/* Silme: 30px daire, yerinde stillenir (düğüm taşınmaz, custom.js bağlı). */
html body .carting .cart-drop .dropdown-cart-itembox-trash{
  flex:0 0 30px;
  width:30px;
  margin:-6px 0 0;
  text-align:center;
}
html body .carting .cart-drop .dropdown-cart-itembox-trash a.cart-item-delete{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:30px;
  height:30px;
  margin:0;
  padding:0;
  border:1px solid #e5e9f0;
  border-radius:50%;
  background:#fff;
  color:#9ca3af;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
html body .carting .cart-drop .dropdown-cart-itembox-trash a.cart-item-delete:hover{
  background:#fee2e2;
  border-color:#fee2e2;
  color:#dc2626;
}
html body .carting .cart-drop .dropdown-cart-itembox-trash a.cart-item-delete:focus-visible{
  outline:2px solid #2165a7;
  outline-offset:2px;
  background:#fee2e2;
  border-color:#fee2e2;
  color:#dc2626;
}
/* Yazı ikonu (bugün las la-times). Görsel ikon (bs-ikon-gorsel: boş i, 1em
   mask-image) auto boyutta 0x0'a çökeceği için ayrı kuralla sabit ölçü alır;
   rengi currentColor'dan geldiği için çekirdeğin indianred rengi de ezilir. */
html body .carting .cart-drop .dropdown-cart-itembox-trash a.cart-item-delete i:not(.bs-ikon-gorsel){
  display:block;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1!important;
  color:inherit!important;
}
html body .carting .cart-drop .dropdown-cart-itembox-trash a.cart-item-delete .bs-ikon-gorsel{
  display:block;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  color:inherit!important;
}

/* 4) Özet: satırlarda ayırt edici sınıf yok; ücretsiz kargo hapını betik
   ekler (rakamsız tutar hücresi). ---------------------------------------- */
html body .carting .cart-drop .dropdown-cart-priceTotal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:3px 0;
  border:0;
}
html body .carting .cart-drop .dropdown-cart-priceTotal-l{
  font-size:13px;
  font-weight:400;
  line-height:20px;
  color:#6b7280;
}
html body .carting .cart-drop .dropdown-cart-priceTotal-r{
  font-size:13px;
  font-weight:600;
  line-height:20px;
  color:#111827;
  text-align:right;
  white-space:nowrap;
}
html body .carting .cart-drop .cart-drop-indirim .dropdown-cart-priceTotal-l,
html body .carting .cart-drop .cart-drop-indirim .dropdown-cart-priceTotal-r{color:#16a34a}
html body .carting .cart-drop .elna-sa-ucretsiz{
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  height:22px;
  padding:0 10px;
  border-radius:999px;
  background:#dcfce7;
  color:#16a34a;
  font-size:12px;
  font-weight:600;
  line-height:1;
}
html body .carting .cart-drop .cart-drop-odenecek{
  margin-top:8px;
  padding-top:12px;
  border-top:1px solid #e5e9f0;
}
html body .carting .cart-drop .cart-drop-odenecek .dropdown-cart-priceTotal-l{
  font-size:14px;
  font-weight:600;
  color:#111827;
}
html body .carting .cart-drop .cart-drop-odenecek .dropdown-cart-priceTotal-r{
  font-size:18px;
  font-weight:800;
  line-height:24px;
  letter-spacing:-.02em;
  color:#111827;
}
html body .carting .cart-drop .cart-drop-odenecek strong{font-weight:inherit}

/* 5) Sepete Git: satır içi style="" taşıdığı için !important. ------------ */
html body .carting .cart-drop a.button-blue{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-sizing:border-box;
  width:100%!important;
  height:46px;
  margin:14px 0 0;
  padding:0 16px!important;
  border:0!important;
  border-radius:12px!important;
  background:#2165a7!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:600;
  line-height:1;
  letter-spacing:0;
  text-align:center!important;
  text-transform:none;
  text-decoration:none!important;
  box-shadow:0 6px 16px rgb(33 101 167 / 24%);
  transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
html body .carting .cart-drop a.button-blue:hover{
  background:#1d5993!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgb(29 89 147 / 30%);
}
html body .carting .cart-drop a.button-blue:active{transform:translateY(1px)}
html body .carting .cart-drop a.button-blue:focus-visible{
  outline:3px solid rgb(33 101 167 / 35%);
  outline-offset:2px;
}
html body .carting .cart-drop .elna-sa-ok-ikon{
  display:block;
  flex:0 0 18px;
  width:18px;
  height:18px;
  transition:transform .15s ease;
}
html body .carting .cart-drop a.button-blue:hover .elna-sa-ok-ikon{transform:translateX(3px)}

/* 6) Boş sepet: sade, ortalı. ------------------------------------------- */
html body .carting .cart-drop .dropdown-cart-noitem{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  padding:20px 12px 12px;
  border:0;
  text-align:center;
}
html body .carting .cart-drop .dropdown-cart-noitem > i:not(.bs-ikon-gorsel){
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:64px!important;
  height:64px!important;
  margin:0 0 14px!important;
  border-radius:50%;
  background:#eef4fa;
  color:#2165a7!important;
  font-size:30px!important;
  line-height:1!important;
}
html body .carting .cart-drop .dropdown-cart-noitem > .bs-ikon-gorsel{margin:0 auto 14px!important}
html body .carting .cart-drop .dropdown-cart-noitem-t{
  margin:0 0 4px;
  font-size:15px;
  font-weight:700;
  line-height:22px;
  color:#111827;
}
html body .carting .cart-drop .dropdown-cart-noitem-s{
  width:85%;
  margin:0 auto;
  font-size:13px;
  line-height:19px;
  color:#6b7280;
}