/*
 * DEKOHOP MINI SEPET - MASAUSTU
 *
 * ETKI ALANI:
 * - Header sepet simgesinin acilir urun listesi
 * - Gercek adet artir/azalt dugmeleri
 * - Resim ustu silme dugmesi
 * - Birim fiyat, satir toplami, genel toplam ve alt eylemler
 *
 * ETKILEMEZ:
 * - Sepet sayfasinin icerigi
 * - Odeme sayfasi
 * - Urun kartlari, kategori filtreleri ve akilli arama
 * - Mobil gorunum (masaustu tamamlandiktan sonra ayri turda yapilacak)
 */

/* DEKOHOP-EDITABLE-SETTINGS-START */
:root {
  /* 01 - PANEL */
  --dekohop-mini-cart-width: 408px; /* Acilir panel genisligi; onceki 480 px tasarimdan yaklasik %15 kucuktur. */
  --dekohop-mini-cart-max-height: 510px; /* Panelin ekranda kullanabilecegi en buyuk yukseklik. */
  --dekohop-mini-cart-list-max-height: 333px; /* Urun listesinin kaydirmaya baslayacagi yukseklik. */
  --dekohop-mini-cart-viewport-clearance: 96px; /* Panel ile ekran alt kenari arasinda korunacak bosluk. */
  --dekohop-mini-cart-background: #fbfdfc; /* Panel arka plani. */
  --dekohop-mini-cart-border-color: #cfdad5; /* Panel cerceve rengi. */
  --dekohop-mini-cart-border-width: 1px; /* Panel cerceve kalinligi. */
  --dekohop-mini-cart-radius: 20px; /* Panel kose yuvarlakligi. */
  --dekohop-mini-cart-shadow: 0 18px 45px rgba(33, 50, 44, 0.16); /* Panel golgesi. */
  --dekohop-mini-cart-padding: 12px; /* Panel ic boslugu. */

  /* 02 - URUN SATIRI */
  --dekohop-mini-cart-row-background: #ffffff; /* Normal urun satiri arka plani. */
  --dekohop-mini-cart-row-alternate-background: #fffaf1; /* Cift satirlarin soft arka plani. */
  --dekohop-mini-cart-row-border-color: #d8e0dc; /* Urun satiri cerceve rengi. */
  --dekohop-mini-cart-row-radius: 15px; /* Urun satiri kose yuvarlakligi. */
  --dekohop-mini-cart-row-gap: 10px; /* Urun satirlari arasindaki bosluk. */
  --dekohop-mini-cart-row-padding: 13px; /* Urun satirindaki tum elemanlari cerceve cizgisinden uzaklastiran ic bosluk. */
  --dekohop-mini-cart-content-vertical-gap: 7px; /* Urun adi, adet ve fiyat bolumleri arasindaki dikey bosluk. */
  --dekohop-mini-cart-price-right-clearance: 9px; /* Sag taraftaki fiyatlar ile urun satiri cercevesi arasinda korunan ek mesafe. */
  --dekohop-mini-cart-image-size: 78px; /* Urun gorsel alani olcusu. */
  --dekohop-mini-cart-image-radius: 12px; /* Urun gorseli kose yuvarlakligi. */
  --dekohop-mini-cart-name-size: 13px; /* Urun adi yazisi. */
  --dekohop-mini-cart-name-color: #24362f; /* Urun adi rengi. */
  --dekohop-mini-cart-name-hover-background: #d7ece1; /* Urun adinin uzerine gelince gorunen soft yesil secim zemini. */
  --dekohop-mini-cart-name-hover-color: #1f4d38; /* Urun adi seciliyken yazi rengi. */
  --dekohop-mini-cart-name-hover-radius: 8px; /* Urun adi secim zemininin kose yuvarlakligi. */
  --dekohop-mini-cart-name-hover-padding-y: 4px; /* Urun adi secim zemininin ust-alt ic boslugu. */
  --dekohop-mini-cart-name-hover-padding-x: 7px; /* Urun adi secim zemininin sag-sol ic boslugu. */
  --dekohop-mini-cart-muted-color: #7c8883; /* Ikincil bilgi rengi. */

  /* 03 - ADET KONTROLU */
  --dekohop-mini-cart-qty-background: #f4f7f5; /* Adet kontrolu arka plani. */
  --dekohop-mini-cart-qty-border-color: #d9e2de; /* Adet kontrolu cercevesi. */
  --dekohop-mini-cart-qty-radius: 999px; /* Adet kontrolu kose yuvarlakligi. */
  --dekohop-mini-cart-qty-button-size: 29px; /* Arti ve eksi dugmelerinin olcusu. */
  --dekohop-mini-cart-qty-button-background: #ffffff; /* Arti ve eksi normal arka plani. */
  --dekohop-mini-cart-qty-button-hover-background: #dcefe6; /* Arti ve eksi hover arka plani. */
  --dekohop-mini-cart-qty-text-color: #213c30; /* Adet yazisi ve dugme rengi. */

  /* 04 - FIYATLAR */
  --dekohop-mini-cart-unit-label-size: 11px; /* Birim fiyat yazisi. */
  --dekohop-mini-cart-unit-color: #1f2925; /* Indirimli/guncel birim fiyat rengi. */
  --dekohop-mini-cart-total-label-size: 11px; /* Satir Toplam etiketi. */
  --dekohop-mini-cart-total-size: 15px; /* Satir toplam tutari. */
  --dekohop-mini-cart-total-color: #111111; /* Indirimli/guncel satir toplam tutar rengi. */
  --dekohop-mini-cart-old-price-color: #d92e38; /* Normal/eski fiyat: kategori kartindaki gibi kirmizi ve ustu cizili. */
  --dekohop-mini-cart-old-price-size: 11px; /* Normal/eski birim fiyat punto boyutu; satir toplaminda eski fiyat gosterilmez. */
  --dekohop-mini-cart-old-price-opacity: 0.92; /* Normal/eski fiyat saydamligi. */
  --dekohop-mini-cart-current-unit-size: 12px; /* Indirimli/guncel birim fiyat punto boyutu. */
  --dekohop-mini-cart-current-price-weight: 750; /* Indirimli/guncel fiyat kalinligi. */
  --dekohop-mini-cart-price-gap: 6px; /* Normal ve indirimli fiyat arasindaki yatay bosluk. */

  /* 05 - SILME DUGMESI */
  --dekohop-mini-cart-remove-size: 26px; /* Resim ustundeki cop dugmesi. */
  --dekohop-mini-cart-remove-background: rgba(255, 255, 255, 0.94); /* Cop dugmesi arka plani. */
  --dekohop-mini-cart-remove-border-color: #b8c9c1; /* Cop dugmesi cercevesi. */
  --dekohop-mini-cart-remove-color: #66756f; /* Cop simgesi rengi. */
  --dekohop-mini-cart-remove-hover-background: #fff0f1; /* Cop dugmesi hover arka plani. */
  --dekohop-mini-cart-remove-hover-color: #b73848; /* Cop simgesi hover rengi. */

  /* 06 - GENEL TOPLAM VE ALT DUGMELER */
  --dekohop-mini-cart-summary-border-color: #d7e1dc; /* Liste ile genel toplam arasindaki cizgi. */
  --dekohop-mini-cart-grand-label-size: 14px; /* Genel Toplam etiketi. */
  --dekohop-mini-cart-grand-total-size: 20px; /* Genel toplam tutari. */
  --dekohop-mini-cart-grand-total-color: #17354d; /* Genel toplam tutar rengi. */
  --dekohop-mini-cart-action-height: 41px; /* Alt dugmelerin yuksekligi. */
  --dekohop-mini-cart-action-radius: 12px; /* Alt dugmelerin kose yuvarlakligi. */
  --dekohop-mini-cart-cart-background: #eef4f1; /* Sepetim dugmesi arka plani. */
  --dekohop-mini-cart-cart-color: #263c33; /* Sepetim dugmesi yazisi. */
  --dekohop-mini-cart-checkout-background: #18344c; /* Hemen Al dugmesi arka plani. */
  --dekohop-mini-cart-checkout-color: #ffffff; /* Hemen Al dugmesi yazisi. */
}
/* DEKOHOP-EDITABLE-SETTINGS-END */

/* DEKOHOP-COMMON-DESKTOP-RULES-START */
  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-panel {
    width: min(var(--dekohop-mini-cart-width), calc(100vw - 32px));
    max-height: min(var(--dekohop-mini-cart-max-height), calc(100vh - var(--dekohop-mini-cart-viewport-clearance)));
    margin-top: 10px;
    padding: var(--dekohop-mini-cart-padding);
    border: var(--dekohop-mini-cart-border-width) solid var(--dekohop-mini-cart-border-color);
    border-radius: var(--dekohop-mini-cart-radius);
    background: var(--dekohop-mini-cart-background);
    box-shadow: var(--dekohop-mini-cart-shadow);
    overflow: hidden;
  }

  .dekohop-site-header .dekohop-header-actions #cart.open > .dekohop-mini-cart-panel {
    display: flex;
    flex-direction: column;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-products-wrap {
    min-height: 0;
    margin: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-products {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    max-height: min(var(--dekohop-mini-cart-list-max-height), calc(100vh - 236px));
    padding: 0 6px 0 0;
    margin: 0;
    flex-direction: column;
    gap: var(--dekohop-mini-cart-row-gap);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #9baaa3 transparent;
    scrollbar-width: thin;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-item {
    position: relative;
    display: grid;
    min-height: calc(var(--dekohop-mini-cart-image-size) + (var(--dekohop-mini-cart-row-padding) * 2));
    padding: var(--dekohop-mini-cart-row-padding);
    border: 1px solid var(--dekohop-mini-cart-row-border-color);
    border-radius: var(--dekohop-mini-cart-row-radius);
    background: var(--dekohop-mini-cart-row-background);
    flex: 0 0 auto;
    grid-template-columns: var(--dekohop-mini-cart-image-size) minmax(0, 1fr);
    gap: 12px;
  }

  /* OpenCart'in varsayilan `#cart .dropdown-menu li > div { min-width: 427px; }`
     kurali kucultulmus panelin disina tasmasin. Bu sinir yalniz DEKOHOP mini
     sepetinin iki dogrudan icerik kutusunda sifirlanir. */
  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-products-wrap > .dekohop-mini-cart-products,
  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-summary > .dekohop-mini-cart-actions {
    width: 100%;
    min-width: 0;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-summary > .dekohop-mini-cart-actions {
    padding: 0;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-summary > .dekohop-mini-cart-grand-total {
    width: 100%;
    min-width: 0;
    padding: 0 4px 12px;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-item:nth-child(even) {
    background: var(--dekohop-mini-cart-row-alternate-background);
  }

  .dekohop-mini-cart-media {
    position: relative;
    align-self: center;
  }

  .dekohop-mini-cart-image-link,
  .dekohop-mini-cart-image {
    display: block;
    width: var(--dekohop-mini-cart-image-size);
    height: var(--dekohop-mini-cart-image-size);
    border-radius: var(--dekohop-mini-cart-image-radius);
  }

  .dekohop-mini-cart-image {
    border: 1px solid #e1e7e4;
    background: #ffffff;
    object-fit: contain;
  }

  .dekohop-mini-cart-remove {
    position: absolute;
    top: -7px;
    left: -7px;
    display: inline-flex;
    width: var(--dekohop-mini-cart-remove-size);
    height: var(--dekohop-mini-cart-remove-size);
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dekohop-mini-cart-remove-border-color);
    border-radius: 50%;
    background: var(--dekohop-mini-cart-remove-background);
    color: var(--dekohop-mini-cart-remove-color);
    box-shadow: 0 4px 10px rgba(38, 61, 52, 0.12);
    z-index: 2;
  }

  .dekohop-mini-cart-remove:hover,
  .dekohop-mini-cart-remove:focus {
    border-color: var(--dekohop-mini-cart-remove-hover-color);
    background: var(--dekohop-mini-cart-remove-hover-background);
    color: var(--dekohop-mini-cart-remove-hover-color);
    outline: none;
  }

  .dekohop-mini-cart-body {
    display: grid;
    min-width: 0;
    align-self: stretch;
    align-content: center;
    grid-auto-rows: auto;
    gap: var(--dekohop-mini-cart-content-vertical-gap);
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-name {
    display: -webkit-box;
    width: calc(100% + (var(--dekohop-mini-cart-name-hover-padding-x) * 2));
    margin: calc(var(--dekohop-mini-cart-name-hover-padding-y) * -1) calc(var(--dekohop-mini-cart-name-hover-padding-x) * -1) 0;
    padding: var(--dekohop-mini-cart-name-hover-padding-y) var(--dekohop-mini-cart-name-hover-padding-x);
    overflow: hidden;
    background: transparent;
    border-radius: var(--dekohop-mini-cart-name-hover-radius);
    color: var(--dekohop-mini-cart-name-color);
    font-size: var(--dekohop-mini-cart-name-size);
    font-weight: 650;
    line-height: 1.25;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dropdown-menu .dekohop-mini-cart-name:hover,
  .dekohop-site-header .dekohop-header-actions #cart .dropdown-menu .dekohop-mini-cart-name:focus {
    background: var(--dekohop-mini-cart-name-hover-background);
    color: var(--dekohop-mini-cart-name-hover-color);
    outline: none;
  }

  .dekohop-mini-cart-options {
    display: flex;
    color: var(--dekohop-mini-cart-muted-color);
    font-size: 11px;
    line-height: 1.3;
    flex-wrap: wrap;
    gap: 2px 8px;
  }

  .dekohop-mini-cart-controls {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .dekohop-mini-cart-quantity {
    display: inline-grid;
    padding: 3px;
    border: 1px solid var(--dekohop-mini-cart-qty-border-color);
    border-radius: var(--dekohop-mini-cart-qty-radius);
    background: var(--dekohop-mini-cart-qty-background);
    align-items: center;
    grid-template-columns: var(--dekohop-mini-cart-qty-button-size) minmax(54px, auto) var(--dekohop-mini-cart-qty-button-size);
  }

  .dekohop-mini-cart-quantity-button {
    display: inline-flex;
    width: var(--dekohop-mini-cart-qty-button-size);
    height: var(--dekohop-mini-cart-qty-button-size);
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--dekohop-mini-cart-qty-button-background);
    color: var(--dekohop-mini-cart-qty-text-color);
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    transition: background-color 140ms ease, transform 140ms ease;
  }

  .dekohop-mini-cart-quantity-button:hover:not(:disabled),
  .dekohop-mini-cart-quantity-button:focus:not(:disabled) {
    background: var(--dekohop-mini-cart-qty-button-hover-background);
    outline: none;
    transform: scale(1.06);
  }

  .dekohop-mini-cart-quantity-button:disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }

  .dekohop-mini-cart-quantity-value {
    color: var(--dekohop-mini-cart-qty-text-color);
    font-size: 12px;
    font-weight: 650;
    text-align: center;
  }

  .dekohop-mini-cart-prices {
    display: flex;
    min-width: 0;
    padding-right: var(--dekohop-mini-cart-price-right-clearance);
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .dekohop-mini-cart-unit {
    color: var(--dekohop-mini-cart-unit-color);
    font-weight: 600;
    white-space: nowrap;
  }

  .dekohop-mini-cart-line-total {
    color: var(--dekohop-mini-cart-total-color);
    line-height: 1.05;
    text-align: right;
    white-space: nowrap;
  }

  .dekohop-mini-cart-price-label {
    display: block;
    color: var(--dekohop-mini-cart-muted-color);
    font-size: var(--dekohop-mini-cart-unit-label-size);
    font-weight: 600;
  }

  .dekohop-mini-cart-line-total > .dekohop-mini-cart-price-label {
    font-size: var(--dekohop-mini-cart-total-label-size);
  }

  .dekohop-mini-cart-price-values {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: var(--dekohop-mini-cart-price-gap);
  }

  .dekohop-mini-cart-line-total .dekohop-mini-cart-price-values {
    justify-content: flex-end;
  }

  .dekohop-mini-cart-price-old {
    color: var(--dekohop-mini-cart-old-price-color);
    font-size: var(--dekohop-mini-cart-old-price-size);
    font-weight: 600;
    opacity: var(--dekohop-mini-cart-old-price-opacity);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
  }

  .dekohop-mini-cart-unit .dekohop-mini-cart-price-current {
    color: var(--dekohop-mini-cart-unit-color);
    font-size: var(--dekohop-mini-cart-current-unit-size);
    font-weight: var(--dekohop-mini-cart-current-price-weight);
  }

  .dekohop-mini-cart-line-total .dekohop-mini-cart-price-current {
    color: var(--dekohop-mini-cart-total-color);
    font-size: var(--dekohop-mini-cart-total-size);
    font-weight: var(--dekohop-mini-cart-current-price-weight);
  }

  .dekohop-mini-cart-summary {
    padding: 12px 0 0;
    margin-top: 12px;
    border-top: 1px solid var(--dekohop-mini-cart-summary-border-color);
    flex: 0 0 auto;
  }

  .dekohop-mini-cart-grand-total {
    display: flex;
    padding: 0 4px 12px;
    align-items: center;
    justify-content: space-between;
    color: var(--dekohop-mini-cart-total-color);
    font-size: var(--dekohop-mini-cart-grand-label-size);
  }

  .dekohop-mini-cart-grand-total strong {
    color: var(--dekohop-mini-cart-grand-total-color);
    font-size: var(--dekohop-mini-cart-grand-total-size);
    line-height: 1;
  }

  .dekohop-mini-cart-actions {
    display: grid;
    width: 100%;
    min-width: 0;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-action {
    display: inline-flex;
    min-width: 0;
    min-height: var(--dekohop-mini-cart-action-height);
    padding: 0 15px;
    margin: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--dekohop-mini-cart-action-radius);
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    text-decoration: none;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dropdown-menu .dekohop-mini-cart-action--cart {
    border-color: var(--dekohop-mini-cart-row-border-color);
    background: var(--dekohop-mini-cart-cart-background);
    color: var(--dekohop-mini-cart-cart-color);
  }

  .dekohop-site-header .dekohop-header-actions #cart .dropdown-menu .dekohop-mini-cart-action--checkout {
    background: var(--dekohop-mini-cart-checkout-background);
    color: var(--dekohop-mini-cart-checkout-color);
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-action:hover,
  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-action:focus {
    filter: brightness(0.97);
    transform: translateY(-1px);
  }

  .dekohop-mini-cart-empty {
    padding: 18px;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-empty-link {
    display: flex;
    min-height: var(--dekohop-mini-cart-action-height);
    padding: 12px 15px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dekohop-mini-cart-row-border-color);
    border-radius: var(--dekohop-mini-cart-action-radius);
    background: var(--dekohop-mini-cart-cart-background);
    color: var(--dekohop-mini-cart-cart-color);
    gap: 8px;
    text-align: center;
    text-decoration: none;
  }

  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-empty-link:hover,
  .dekohop-site-header .dekohop-header-actions #cart .dekohop-mini-cart-empty-link:focus {
    color: var(--dekohop-mini-cart-cart-color);
    filter: brightness(0.97);
    text-decoration: none;
  }

  .dekohop-mini-cart-voucher {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dekohop-mini-cart-remove--voucher {
    position: static;
    align-self: start;
  }
/* DEKOHOP-COMMON-DESKTOP-RULES-END */

/* DEKOHOP-RESPONSIVE-RULES-START */
/* Mobil ve tablet kurallari, tum masaustu bileşenleri onaylandiktan sonra eklenecektir. */
/* DEKOHOP-RESPONSIVE-RULES-END */