/* CazipTheme V4.4.26 — compact product-card CTA + final cascade layer.
   Intentionally loaded after route-specific listing/pages styles. */

/* =========================================================
   V4.4.26 — TEK TİP GLOBAL BUTON SİSTEMİ / KOMPAKT ÜRÜN KARTI CTA
   Ana CTA'lar tek Ottoman bordo/altın görsel dili kullanır.
   İkon-only kontroller (slider okları, galeri, sekmeler, header arama)
   kendi işlevsel kontrol stilini korur.
   ========================================================= */
:root{
  --ct-global-btn-h:44px;
  --ct-global-btn-font:800 14px/1 Georgia,"Times New Roman",serif;
  --ct-global-btn-fg:#fffdf3;
  --ct-global-btn-icon:#efbd52;
  --ct-global-btn-bg:transparent url("../image/ottoman-button-frame-ref.webp") center/100% 100% no-repeat;
  --ct-global-btn-bg-hover:transparent url("../image/ottoman-button-frame-ref-hover.webp") center/100% 100% no-repeat;
}

/* Ortak CTA iskeleti */
.ct-site .ct-ui-button,
.ct-site .btn.btn-primary,
.ct-site .btn.btn-success,
.ct-site .btn.btn-danger{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:var(--ct-global-btn-h)!important;
  height:var(--ct-global-btn-h)!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--ct-global-btn-bg)!important;
  color:var(--ct-global-btn-fg)!important;
  -webkit-text-fill-color:var(--ct-global-btn-fg)!important;
  font:var(--ct-global-btn-font)!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  text-shadow:0 1px 1px rgba(45,4,2,.72)!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden;
  cursor:pointer;
  transition:transform .16s ease,filter .16s ease!important;
}
.ct-site .ct-ui-button:hover,
.ct-site .ct-ui-button:focus,
.ct-site .btn.btn-primary:hover,
.ct-site .btn.btn-primary:focus,
.ct-site .btn.btn-success:hover,
.ct-site .btn.btn-success:focus,
.ct-site .btn.btn-danger:hover,
.ct-site .btn.btn-danger:focus{
  background:var(--ct-global-btn-bg-hover)!important;
  color:#fff8df!important;
  -webkit-text-fill-color:#fff8df!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
  filter:brightness(1.025)!important;
}
.ct-site .ct-ui-button i,
.ct-site .ct-ui-button svg,
.ct-site .btn.btn-primary i,
.ct-site .btn.btn-success i,
.ct-site .btn.btn-danger i{
  color:var(--ct-global-btn-icon)!important;
  -webkit-text-fill-color:var(--ct-global-btn-icon)!important;
}

/*
   V4.4.25 kök düzeltme:
   route-scoped listing/pages CSS dosyaları core dosyasından sonra yükleniyordu.
   Bu dosya header'da EN SON yüklenir; böylece kategori/arama/marka/hesap vb.
   sayfalarda eski font-size/color kuralları global buton metnini tekrar küçültemez.
*/
.ct-site .ct-ui-button > span,
.ct-site .btn.btn-primary > span,
.ct-site .btn.btn-success > span,
.ct-site .btn.btn-danger > span{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  opacity:1!important;
  text-shadow:inherit!important;
}

/* Listeleme sayfalarında eski cazip-listing font-size:10px kuralını bilinçli olarak devral. */
.ct-site .ct-listing-page .ct-view-product{
  min-height:42px!important;
  height:42px!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#fffdf3!important;
  -webkit-text-fill-color:#fffdf3!important;
  text-shadow:0 1px 1px rgba(45,4,2,.78)!important;
}
.ct-site .ct-listing-page .ct-view-product > span{
  color:#fffdf3!important;
  -webkit-text-fill-color:#fffdf3!important;
  font-size:13px!important;
  font-weight:800!important;
}

/* Ana ürün CTA: metin + sağ altın ok.
   V4.4.26: ürün KARTI butonu artık kartı boydan boya kaplamaz.
   İçerik genişliği + kontrollü pay kadar büyür; ürün detay Sepete Ekle güçlü/tam genişlikte kalır. */
.ct-site .ct-view-product{
  justify-content:space-between!important;
  width:fit-content!important;
  min-width:156px!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  align-self:flex-start!important;
  padding-left:20px!important;
  padding-right:18px!important;
  white-space:nowrap!important;
}
.ct-site .ct-product-cart{
  justify-content:space-between!important;
  width:100%!important;
}
.ct-site .ct-product-actions{
  justify-content:flex-start!important;
  align-items:center!important;
}
.ct-site .ct-view-product::after,
.ct-site .ct-product-cart::after{
  content:"→";
  flex:0 0 auto;
  margin-left:12px;
  color:var(--ct-global-btn-icon)!important;
  -webkit-text-fill-color:var(--ct-global-btn-icon)!important;
  font:900 21px/1 Arial,"Helvetica Neue",sans-serif!important;
  transform:translateY(-1px);
}
.ct-site .ct-product-cart-disabled::after{opacity:.55}

/* Ana sayfa hero CTA zaten sağ ok ikonu içerir; aynı global çerçeveyi kullanır. */
.ct-site .ct-v3-review-button.ct-ui-button{
  justify-content:space-between!important;
  background:var(--ct-global-btn-bg)!important;
}
.ct-site .ct-v3-review-button.ct-ui-button:hover,
.ct-site .ct-v3-review-button.ct-ui-button:focus{
  background:var(--ct-global-btn-bg-hover)!important;
}
.ct-site .ct-v3-review-button.ct-ui-button i{margin-left:auto!important}

/* Toolbar / sayfa aksiyonları aynı ailede, daha kompakt. */
.ct-site .ct-toolbar-compare,
.ct-site .ct-page-button{
  width:auto!important;
  min-width:150px;
  height:40px!important;
  min-height:40px!important;
  padding:0 18px!important;
  font-size:12px!important;
}

/* Ana sayfa "Tümünü Gör" linki de button ailesine alınır. */
.ct-site .ct-v3-more{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  min-width:142px;
  min-height:38px!important;
  height:38px!important;
  padding:0 15px 0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--ct-global-btn-bg)!important;
  color:var(--ct-global-btn-fg)!important;
  -webkit-text-fill-color:var(--ct-global-btn-fg)!important;
  font:700 12px/1 Georgia,"Times New Roman",serif!important;
  text-decoration:none!important;
  box-shadow:none!important;
  white-space:nowrap;
}
.ct-site .ct-v3-more:hover,
.ct-site .ct-v3-more:focus{
  background:var(--ct-global-btn-bg-hover)!important;
  color:#fff8df!important;
  -webkit-text-fill-color:#fff8df!important;
  transform:translateY(-1px);
}
.ct-site .ct-v3-more i{color:var(--ct-global-btn-icon)!important;-webkit-text-fill-color:var(--ct-global-btn-icon)!important}

/* İkincil aksiyonlar: aynı altın/bordo aile, açık ve daha sakin. */
.ct-site .ct-ui-button--outline,
.ct-site .btn.btn-light,
.ct-site .btn.btn-secondary,
.ct-site .btn.btn-outline-secondary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  border:1px solid #b77918!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#fffaf0 0%,#f4e6c8 100%)!important;
  color:#6b1710!important;
  -webkit-text-fill-color:#6b1710!important;
  font:700 12px/1 Georgia,"Times New Roman",serif!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.66)!important;
  text-decoration:none!important;
}
.ct-site .ct-ui-button--outline:hover,
.ct-site .ct-ui-button--outline:focus,
.ct-site .btn.btn-light:hover,
.ct-site .btn.btn-light:focus,
.ct-site .btn.btn-secondary:hover,
.ct-site .btn.btn-secondary:focus,
.ct-site .btn.btn-outline-secondary:hover,
.ct-site .btn.btn-outline-secondary:focus{
  border-color:#cf972e!important;
  background:linear-gradient(180deg,#fffdf7 0%,#ecd49f 100%)!important;
  color:#5c100b!important;
  -webkit-text-fill-color:#5c100b!important;
  transform:translateY(-1px)!important;
}

/* Disabled/loading tek merkezden. */
.ct-site .ct-ui-button:disabled,
.ct-site .ct-ui-button.is-disabled,
.ct-site .btn:disabled,
.ct-site .btn.disabled{
  opacity:.58!important;
  pointer-events:none!important;
  transform:none!important;
  filter:grayscale(.22)!important;
}

@media(max-width:767.98px){
  :root{--ct-global-btn-h:42px;--ct-global-btn-font:800 13px/1 Georgia,"Times New Roman",serif}
  .ct-site .ct-toolbar-compare,
  .ct-site .ct-page-button{min-width:0;width:100%!important}
  .ct-site .ct-view-product{min-width:152px!important;padding-left:18px!important;padding-right:16px!important}
  .ct-site .ct-v3-more{min-width:124px;height:36px!important;min-height:36px!important;padding:0 12px 0 15px!important;font-size:11px!important}
}