/*
Theme Name: Mixtas Child
Theme URI: http://mixtas.novaworks.net
Description: This is a child theme for Mixtas Theme.
Author: Novaworks
Author URI: http: //www.novaworks.net/
Template: mixtas
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/* ═══════════════════════════════════════════════════════════════
   ESASGOLD — PREMIUM FİYAT TASARIMI
   Lacivert (#02024a) + Altın (#D4AF37) + Işık Hüzmesi
   ═══════════════════════════════════════════════════════════════ */

/* ─── Shimmer: Altın ışık süpürme animasyonu ─── */
@keyframes esasgoldShimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

/* ─── Çok katmanlı parıltı ─── */
@keyframes esasgoldDiamondGlow {
  0%, 100% {
    box-shadow:
      0 0 8px rgba(2,2,74,0.12),
      0 0 20px rgba(2,2,74,0.06),
      0 0 40px rgba(2,2,74,0.03),
      inset 0 1px 0 rgba(255,255,255,0.15);
    border-color: rgba(212,175,55,0.25);
  }
  50% {
    box-shadow:
      0 0 14px rgba(2,2,74,0.22),
      0 0 35px rgba(2,2,74,0.14),
      0 0 60px rgba(2,2,74,0.08),
      inset 0 1px 0 rgba(255,255,255,0.25);
    border-color: rgba(212,175,55,0.55);
  }
}

/* ─── Yumuşak sayı büyüme ─── */
@keyframes esasgoldCountUp {
  0%   { transform: scale(0.96); opacity: 0.7; }
  60%  { transform: scale(1.02); opacity: 1; }
  100% { transform: scale(1);    opacity: 1; }
}

/* ═══════════════════════════════════════════════════════
   ÜRÜN DETAY SAYFASI
   ═══════════════════════════════════════════════════════ */

/* Fiyat konteyneri */
.elementor-kitify-wooproduct-price .price,
.single-product .price {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Eski fiyat — üstü çizili, zarif */
.elementor-kitify-wooproduct-price .price del,
.single-product .price del {
  order: 1;
  opacity: 0.45;
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-color: rgba(2,2,74,0.3);
  text-decoration-thickness: 1px;
  transition: opacity 0.3s;
}

.elementor-kitify-wooproduct-price .price del .woocommerce-Price-amount,
.single-product .price del .woocommerce-Price-amount {
  color: #666 !important;
  font-size: inherit !important;
}

/* İndirimli fiyat — PREMIUM CARD */
.elementor-kitify-wooproduct-price .price ins,
.single-product .price ins {
  order: 2;
  text-decoration: none !important;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 10px;
  border: 1.5px solid rgba(212,175,55,0.35);
  background:
    linear-gradient(135deg,
      rgba(2,2,74,0.03) 0%,
      rgba(2,2,74,0.015) 40%,
      rgba(212,175,55,0.04) 60%,
      rgba(2,2,74,0.03) 100%
    );
  animation: esasgoldDiamondGlow 3s ease-in-out infinite;
  overflow: hidden;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Fiyat rakamı — lacivert + kalın + letter-spacing */
.elementor-kitify-wooproduct-price .price ins .woocommerce-Price-amount,
.single-product .price ins .woocommerce-Price-amount {
  color: #02024a !important;
  font-weight: 800 !important;
  font-size: 1.05em;
  letter-spacing: -0.3px;
  animation: esasgoldCountUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  position: relative;
  z-index: 2;
}

/* Para birimi — altın tonu */
.elementor-kitify-wooproduct-price .price ins .woocommerce-Price-currencySymbol,
.single-product .price ins .woocommerce-Price-currencySymbol {
  color: #B8942E !important;
  font-weight: 700;
}

/* Shimmer overlay — fiyat kartının üstünde kayan ışık */
.elementor-kitify-wooproduct-price .price ins::after,
.single-product .price ins::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(255,255,255,0.08) 45%,
    rgba(212,175,55,0.12) 50%,
    rgba(255,255,255,0.08) 55%,
    transparent 60%
  );
  background-size: 200% 100%;
  animation: esasgoldShimmer 3.5s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

/* ═══════════════════════════════════════════════════════
   ÜRÜN KARTLARI (KATEGORİ / MAĞAZA / RELATED)
   ═══════════════════════════════════════════════════════ */

/* Kart fiyat konteyneri */
.products .product .price,
ul.products li.product .price {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: center;
  gap: 5px !important;
}

/* Kart eski fiyat */
.products .product .price del,
ul.products li.product .price del {
  order: 1;
  opacity: 0.4;
  font-weight: 400;
  text-decoration-color: rgba(2,2,74,0.3);
}

.products .product .price del .woocommerce-Price-amount {
  color: #777 !important;
}

/* Kart indirimli fiyat */
.products .product .price ins,
ul.products li.product .price ins {
  order: 2;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,0.25);
  background: linear-gradient(135deg,
    rgba(2,2,74,0.025) 0%,
    rgba(212,175,55,0.03) 50%,
    rgba(2,2,74,0.025) 100%
  );
  box-shadow: 0 0 6px rgba(2,2,74,0.06), 0 1px 0 rgba(255,255,255,0.1);
  overflow: hidden;
  position: relative;
}

.products .product .price ins .woocommerce-Price-amount {
  color: #02024a !important;
  font-weight: 700 !important;
  position: relative;
  z-index: 2;
}

/* Kart shimmer */
.products .product .price ins::after,
ul.products li.product .price ins::after {
  content: '';
  position: absolute;
  top: -50%; left: -50%; right: -50%; bottom: -50%;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(212,175,55,0.08) 50%,
    transparent 60%
  );
  background-size: 200% 100%;
  animation: esasgoldShimmer 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

/* ═══════════════════════════════════════════════════════
   HOVER ETKİLERİ
   ═══════════════════════════════════════════════════════ */

.elementor-kitify-wooproduct-price .price:hover ins,
.single-product .price:hover ins {
  border-color: rgba(212,175,55,0.6);
  box-shadow:
    0 0 18px rgba(2,2,74,0.28),
    0 0 45px rgba(2,2,74,0.18),
    0 0 70px rgba(2,2,74,0.10),
    inset 0 1px 0 rgba(255,255,255,0.3);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.products .product:hover .price ins,
ul.products li.product:hover .price ins {
  border-color: rgba(212,175,55,0.45);
  box-shadow: 0 0 12px rgba(2,2,74,0.15), 0 2px 0 rgba(255,255,255,0.15);
  transition: all 0.3s ease;
}

/* ═══════════════════════════════════════════════════════
   VARYASYONLU ÜRÜN — BAŞLAYAN FİYATLARLA
   ═══════════════════════════════════════════════════════ */

/* Ürün detay — başlangıç fiyatı: ins ile aynı premium stil */
.single-product .price .esasgold-starting-price,
.elementor-kitify-wooproduct-price .price .esasgold-starting-price {
  display: inline-flex !important;
  align-items: center;
  padding: 8px 18px;
  border-radius: 10px;
  border: 1.5px solid rgba(212,175,55,0.35);
  background:
    linear-gradient(135deg,
      rgba(2,2,74,0.03) 0%,
      rgba(2,2,74,0.015) 40%,
      rgba(212,175,55,0.04) 60%,
      rgba(2,2,74,0.03) 100%
    );
  animation: esasgoldDiamondGlow 3s ease-in-out infinite;
  overflow: hidden;
  position: relative;
}

.single-product .price .esasgold-starting-price .woocommerce-Price-amount {
  color: #02024a !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px;
  position: relative;
  z-index: 2;
}

/* Ürün detay — shimmer */
.single-product .price .esasgold-starting-price::after {
  content: '';
  position: absolute;
  top: -50%; left: -50%; right: -50%; bottom: -50%;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(255,255,255,0.08) 45%,
    rgba(212,175,55,0.12) 50%,
    rgba(255,255,255,0.08) 55%,
    transparent 60%
  );
  background-size: 200% 100%;
  animation: esasgoldShimmer 3.5s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

/* Ürün detay — hover */
.single-product .price:hover .esasgold-starting-price {
  border-color: rgba(212,175,55,0.6);
  box-shadow:
    0 0 18px rgba(2,2,74,0.28),
    0 0 45px rgba(2,2,74,0.18),
    0 0 70px rgba(2,2,74,0.10),
    inset 0 1px 0 rgba(255,255,255,0.3);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Kartlarda — başlangıç fiyatı: kart ins ile aynı stil */
.products .product .price .esasgold-starting-price,
ul.products li.product .price .esasgold-starting-price {
  display: inline-flex !important;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid rgba(212,175,55,0.25);
  background: linear-gradient(135deg,
    rgba(2,2,74,0.025) 0%,
    rgba(212,175,55,0.03) 50%,
    rgba(2,2,74,0.025) 100%
  );
  box-shadow: 0 0 6px rgba(2,2,74,0.06), 0 1px 0 rgba(255,255,255,0.1);
  position: relative;
}

.products .product .price .esasgold-starting-price .woocommerce-Price-amount {
  color: #02024a !important;
  font-weight: 700 !important;
  position: relative;
  z-index: 2;
}

.products .product .price .esasgold-starting-price::after {
  content: '';
  position: absolute;
  top: -50%; left: -50%; right: -50%; bottom: -50%;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(212,175,55,0.08) 50%,
    transparent 60%
  );
  background-size: 200% 100%;
  animation: esasgoldShimmer 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

.products .product:hover .price .esasgold-starting-price {
  border-color: rgba(212,175,55,0.45);
  box-shadow: 0 0 12px rgba(2,2,74,0.15), 0 2px 0 rgba(255,255,255,0.15);
  transition: all 0.3s ease;
}

/* ═══════════════════════════════════════════════════════
   WOOCOMMERCE BİLDİRİM KUTULARI — ESASGOLD STİLİ
   Lacivert (#02024A) + Altın (#D4AF37)
   ═══════════════════════════════════════════════════════ */

/* ─── Genel Bildirim Konteyneri ─── */
.woocommerce-notices-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

/* ─── BAŞARI (Ürün sepete eklendi vb.) ─── */
.woocommerce-message {
  background: linear-gradient(135deg,
    rgba(2,2,74,0.92) 0%,
    rgba(2,2,74,0.96) 100%
  ) !important;
  color: #fff !important;
  border: none !important;
  border-left: 4px solid #D4AF37 !important;
  border-radius: 6px !important;
  padding: 18px 24px !important;
  margin: 0 0 20px !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  box-shadow: 0 2px 12px rgba(2,2,74,0.12), 0 1px 2px rgba(2,2,74,0.08) !important;
  position: relative !important;
  overflow: hidden;
}

.woocommerce-message::before {
  color: #D4AF37 !important;
  font-size: 22px !important;
  margin: 0 !important;
  flex-shrink: 0;
}

.woocommerce-message a {
  color: #D4AF37 !important;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(212,175,55,0.4);
  transition: border-color 0.2s;
}

.woocommerce-message a:hover {
  border-color: #D4AF37;
  color: #e6c75a !important;
}

.woocommerce-message .button {
  background: #D4AF37 !important;
  color: #02024A !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  font-size: 13.5px !important;
  transition: all 0.25s !important;
}

.woocommerce-message .button:hover {
  background: #c19b2c !important;
  color: #02024A !important;
  box-shadow: 0 2px 8px rgba(212,175,55,0.35) !important;
}

/* ─── BİLGİ (Üyelik, Kupon vb.) ─── */
.woocommerce-info {
  background: rgba(2,2,74,0.025) !important;
  color: #02024A !important;
  border: 1px solid rgba(2,2,74,0.12) !important;
  border-left: 4px solid #02024A !important;
  border-radius: 6px !important;
  padding: 18px 24px !important;
  margin: 0 0 20px !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  box-shadow: 0 1px 4px rgba(2,2,74,0.04) !important;
  position: relative !important;
}

.woocommerce-info::before {
  color: #02024A !important;
  font-size: 20px !important;
  margin: 0 !important;
  flex-shrink: 0;
}

.woocommerce-info a {
  color: #02024A !important;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1.5px solid rgba(2,2,74,0.25);
  transition: border-color 0.2s;
}

.woocommerce-info a:hover {
  border-color: #02024A;
}

.woocommerce-info .showlogin,
.woocommerce-info .showcoupon {
  display: inline-block;
  padding: 6px 14px;
  background: #02024A;
  color: #fff !important;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: none !important;
  transition: all 0.25s;
  cursor: pointer;
}

.woocommerce-info .showlogin:hover,
.woocommerce-info .showcoupon:hover {
  background: #03035e;
  color: #D4AF37 !important;
  box-shadow: 0 2px 8px rgba(2,2,74,0.2);
}

/* ─── HATA ─── */
.woocommerce-error {
  background: rgba(160, 35, 35, 0.04) !important;
  color: #6b1a1a !important;
  border: 1px solid rgba(180, 40, 40, 0.15) !important;
  border-left: 4px solid #a52020 !important;
  border-radius: 6px !important;
  padding: 18px 24px !important;
  margin: 0 0 20px !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  box-shadow: 0 1px 4px rgba(160,35,35,0.06) !important;
  list-style: none !important;
}

.woocommerce-error::before {
  color: #a52020 !important;
  font-size: 20px !important;
  margin: 0 !important;
  margin-top: 2px !important;
  flex-shrink: 0;
}

.woocommerce-error li {
  color: #6b1a1a !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.woocommerce-error a {
  color: #a52020 !important;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(165,32,32,0.3);
}

.woocommerce-error a:hover {
  border-color: #a52020;
}

/* ─── Mobil ─── */
@media (max-width: 768px) {
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    padding: 14px 16px !important;
    font-size: 13.5px !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
  }

  .woocommerce-message .button {
    padding: 6px 14px !important;
    font-size: 12.5px !important;
  }

  .woocommerce-info .showlogin,
  .woocommerce-info .showcoupon {
    padding: 5px 10px;
    font-size: 12px;
  }
}

/****************************************************************/
/****************************************************************/
/****************************************************************/

/* ══════════════════════════════════════════════════════════════
   EsasGold Mu-Plugin CSS Birleştirme (9 Ağustos 2026)
   Kaynaklar: esasgold-tabs.php, esasgold-variable-price.php,
             esasgold-cat-tree.php
   ══════════════════════════════════════════════════════════════ */

/* ─── 1. Ürün Tab'ları (esasgold-tabs.php) ─── */
.esasgold-tab { font-size: 14px; line-height: 1.7; color: #444; }
.esasgold-tab p { margin-bottom: 16px; }
.esasgold-tab-intro { margin-bottom: 20px; }
.esasgold-tab-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 16px 0;
}
.esasgold-tab-card {
    padding: 16px 18px;
    background: #f8f8f5;
    border-radius: 4px;
    border: 1px solid #eee;
}
.esasgold-tab-card strong {
    display: block;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 6px;
}
.esasgold-tab-card span {
    font-size: 13px;
    color: #666;
    display: block;
}
.esasgold-tab-section-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 24px 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}
@media (max-width: 767px) {
    .esasgold-tab-grid {
        grid-template-columns: 1fr;
    }
}

/* Ürün açıklama sekmesi heading stilleri */
#panel_description h2,
#panel_description h2.elementor-heading-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
    letter-spacing: -0.3px !important;
}
#panel_description h3,
#panel_description h3.elementor-heading-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #2a2a2a !important;
    margin-bottom: 10px !important;
}
#panel_description h4,
#panel_description h4.elementor-heading-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}
#panel_description .elementor-widget-container p,
#panel_description p {
    font-size: 14.5px;
    line-height: 1.8;
    color: #555;
}

/* Kategori sidebar — ana kategoriler (Nova AJAX filter) */
/* NOT: data-value ID'leri veritabanindaki term_id'lerdir.
   Eski/kaldirilmis kategorileri hedefleyen kurallar temizlendi. */

/* ─── 2. Değişken Fiyat Rozeti (esasgold-variable-price.php) ─── */
.esasgold-starting-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #02024a 0%, #0a0a6e 100%);
    color: #D4AF37;
    font-size: 0.55em;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(212,175,55,0.5);
    line-height: 1.5;
    vertical-align: middle;
    white-space: nowrap;
    box-shadow: 0 0 8px rgba(2,2,74,0.2);
    animation: esasgoldBadgePulse 2s ease-in-out infinite;
}

@keyframes esasgoldBadgePulse {
    0%, 100% { box-shadow: 0 0 6px rgba(2,2,74,0.15); }
    50%      { box-shadow: 0 0 14px rgba(2,2,74,0.35), 0 0 24px rgba(212,175,55,0.15); }
}

.esasgold-starting-price {
    color: #02024a !important;
    font-weight: 800 !important;
}

.esasgold-max-hint {
    font-size: 0.7em;
    opacity: 0.5;
    font-weight: 400;
    margin-left: 4px;
}

ul.products .esasgold-starting-badge,
.products .esasgold-starting-badge {
    font-size: 0.5em;
    padding: 1px 6px;
}

/* ─── 3. Kategori Ağacı Widget (esasgold-cat-tree.php) ─── */
#novaapf-category-filter-1 { display: none !important; }
.esasgold-cat-tree { font-size: 13.5px; line-height: 1.6; }
.esasgold-cat-root { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.esasgold-cat-root > .cat-parent { margin-bottom: 6px; }
.cat-main { font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 0.5px; display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid #eee; }
.cat-main .cat-count { font-size: 11px; font-weight: 400; color: #999; }
.cat-level-1, .cat-level-2, .cat-level-3 { list-style: none !important; margin: 0 !important; padding: 0 0 0 14px !important; }
.cat-level-1 > li, .cat-level-2 > li, .cat-level-3 > li { margin: 0; }
.cat-level-1 .cat-link, .cat-level-2 .cat-link, .cat-level-3 .cat-link { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; color: #555; font-size: 13px; }
.cat-level-1 .cat-link:hover, .cat-level-2 .cat-link:hover, .cat-level-3 .cat-link:hover { color: #c9a84c; }
.cat-level-2 { padding-left: 12px !important; }
.cat-level-2 .cat-link { font-size: 12.5px; color: #777; }
.cat-level-3 { padding-left: 10px !important; }
.cat-level-3 .cat-link { font-size: 12px; color: #888; }
.cat-hub > .cat-link { color: #444; font-weight: 500; }
.cat-leaf > .cat-link .cat-count { font-size: 11px; color: #bbb; margin-left: 4px; }
#novaapf-attribute-filter-1,
#novaapf-attribute-filter-2,
#novaapf-attribute-filter-3 { display: none !important; }
#woocommerce_product_tag_cloud-1,
#novaapf-attribute-filter-1,
#novaapf-attribute-filter-2 { display: none !important; }
#novaapf-active-filters-1:not(.novaapf-widget-hidden) { order: -1; }
.current-cat > .cat-link,
.current-cat > .cat-link .cat-name { color: #c9a84c !important; font-weight: 600; }

/* ─── Varyasyon Açılır Kutusu (Bir Seçim Yapın) Çerçevesi ─── */
table.variations select,
.variations select {
    border: 1px solid #02024a !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    min-height: 42px !important;
    background-color: #fff !important;
    color: #02024a !important;
}
table.variations select:hover {
    border-color: #02024a !important;
}
table.variations select:focus {
    outline: none !important;
    border-color: #02024a !important;
    box-shadow: 0 0 0 2px rgba(2, 2, 74, 0.12) !important;
}