/*
 * LUMA UNIFY — ANASAYFA DIŞI TÜM SAYFALARI (ürünler, ürün detay, sepet,
 * ödeme, hesap, blog, iletişim, SSS, markalar vb.) ANASAYFADAKİ "Luma Nest"
 * görsel diliyle hizalar.
 *
 * NEDEN BÖYLE: Anasayfa (index.php) tamamen ayrı, özel bir tema paketiyle
 * (assets/luma/*) yazılmış; diğer TÜM sayfalar ise ayrı bir eski temayı
 * (assets/css/main.css + Bootstrap) kullanıyor. Onlarca sayfanın HTML
 * yapısını (filtreler, sepet, ödeme adımları, off-canvas menüler — hepsi
 * çalışan, test edilmiş JS'e bağlı) baştan yazmak yerine, o temanın kendi
 * CSS değişkenlerini (main.css :root içindeki --aq-* değişkenleri) ve ana
 * bileşen renklerini Luma paletiyle DEĞİŞTİRİYORUZ. main.css'in ALTINDA
 * yüklendiği için (bkz. includes/inner-header.php) burada tanımlanan her şey
 * onu ezer; JS davranışı ve HTML yapısı DOKUNULMADAN aynı kalır.
 *
 * Luma renk/font kaynağı: assets/luma/styles.css :root
 * Font yükleme: DM Sans / Playfair Display artık includes/inner-header.php
 * içinde <link> etiketiyle yükleniyor (bkz. yukarısı) — burada @import
 * KULLANILMIYOR, çünkü bazı hosting ortamlarında @import sessizce
 * kırpılabiliyor.
 */

:root {
  /* Tema fontlarını Luma fontlarıyla değiştir */
  --aq-ff-body: 'DM Sans', sans-serif;
  --aq-ff-heading: 'Playfair Display', serif;
  --aq-ff-p: 'DM Sans', sans-serif;
  --aq-ff-satoshi-light: 'DM Sans', sans-serif;
  --aq-ff-satoshi-regular: 'DM Sans', sans-serif;
  --aq-ff-satoshi-medium: 'DM Sans', sans-serif;
  --aq-ff-satoshi-bold: 'Playfair Display', serif;
  --aq-ff-onest: 'DM Sans', sans-serif;

  /* Tema ana/aksan rengini Luma'nın "ink" tonuyla değiştir */
  --aq-theme-1: #31372f;
  --aq-common-black: #31372f;
  --aq-common-black-light: #3d4437;

  /* Açık gri zeminleri Luma'nın krem tonuyla değiştir */
  --aq-gray-1: #f8f5ee;
  --aq-gray-3: #f8f5ee;
  --aq-gray-5: #fffdf9;
  --aq-gray-6: #fffdf9;
  --aq-border-1: #dedbd2;

  /*
   * DÜZELTME (renk paleti): "kırmızı olan yerler somon olmalı" — temanın
   * "indirim/hata/vurgu" rengi olarak kullandığı kırmızı (--aq-common-red)
   * bu tek değişken üzerinden site genelinde 100'den fazla yerde
   * kullanılıyor (indirim etiketleri, sepetten çıkar ikonları, "X" kaldır
   * butonları, uyarı/hata metinleri vb.) — hepsini tek tek bulup değiştirmek
   * yerine, kaynağındaki BU değişkeni Luma'nın somon tonuyla değiştirmek
   * yeterli; main.css'in tamamı otomatik olarak somon kullanmaya başlıyor.
   */
  --aq-common-red: #d8917f;
  --aq-common-red-deep: #c17462;
}

body {
  color: #31372f;
  background: #fffdf9;
}

h1, h2, h3, h4, h5, h6,
.aq-breadcrumb-title,
.aq-section-title,
.aq-product-details-title,
.aq-product-widget-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500 !important;
  letter-spacing: 0;
}

/* Üstteki koyu bilgi şeridi: siyah yerine Luma'nın adaçayı tonu */
.aq-header-top-area {
  background-color: #6c7b66 !important;
}

/* Ana header alanı: Luma'daki gibi krem-beyaz, ince alt çizgi */
.aq-header-area {
  background-color: rgba(255, 253, 249, .97) !important;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.aq-header-logo img {
  max-height: 44px;
  width: auto;
  object-fit: contain;
}

/* Üst breadcrumb/sayfa başlığı alanı: Luma'nın krem zemin tonu */
.aq-breadcrumb-area {
  background-color: #f8f5ee !important;
}

/* Ana aksiyon butonları: Luma'nın ink/sage tonları */
.aq-btn-black,
.aq-btn.aq-btn-black,
button[type="submit"].aq-btn-black {
  background-color: #31372f !important;
  border-color: #31372f !important;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: .05em;
}
.aq-btn-black:hover {
  background-color: #6c7b66 !important;
  border-color: #6c7b66 !important;
}

/*
 * DÜZELTME: main.css'teki ".aq-btn-black.border-btn" kuralı bu butonu
 * çerçeveli/şeffaf (ikincil) bir buton olarak tasarlıyordu — şeffaf arka
 * plan + siyah yazı. Ama yukarıdaki genel kural TÜM ".aq-btn-black"
 * öğelerine !important ile koyu yeşil (#31372f) arka plan zorluyor; bu,
 * border-btn'in şeffaf arka planını eziyor ama yazı rengini (siyah)
 * ezmiyordu — sonuç: koyu yeşil zemin üzerinde siyah yazı, pratikte
 * görünmez oluyordu. Bu, sadece "Alışverişe Devam Et" değil, border-btn
 * kullanan HER buton için geçerliydi (Alışverişe Başla, Tümünü Temizle,
 * İletişime Geçin, vb.). Aşağıdaki kural border-btn'i gerçekten şeffaf/
 * çerçeveli haline geri döndürüyor, üzerine gelince dolu hale geliyor.
 */
.aq-btn-black.border-btn {
  background-color: transparent !important;
  color: #31372f !important;
  border-color: rgba(49, 55, 47, 0.35) !important;
}
.aq-btn-black.border-btn:hover {
  background-color: #31372f !important;
  color: #fff !important;
  border-color: #31372f !important;
}

/*
 * DÜZELTME: Aynı sorun ".btn-white-bg" değiştiricisinde de vardı —
 * bu, kategori sayfası sayfalama numaraları (aktif OLMAYAN sayfalar,
 * örn. "2", "3") ve ürünler sayfası kenar çubuğundaki reklam
 * kutusunun butonu ("Şimdi Keşfet" vb.) tarafından kullanılıyor.
 * main.css'teki ".aq-btn-black.btn-white-bg" kuralı beyaz zemin +
 * siyah yazı öngörüyordu, ama yukarıdaki genel kural yine !important
 * ile koyu yeşil zemin zorluyor, yazı rengini siyah bırakıyordu —
 * koyu zemin üzerinde koyu yazı, görünmez. Aşağıdaki kural bunu asıl
 * niyet edilen görünüme (beyaz zemin + okunaklı koyu yazı, üzerine
 * gelince koyu zemin + beyaz yazı) geri döndürüyor.
 */
.aq-btn-black.btn-white-bg {
  background-color: #fff !important;
  color: #31372f !important;
  border-color: rgba(49, 55, 47, 0.25) !important;
}
.aq-btn-black.btn-white-bg:hover {
  background-color: #31372f !important;
  color: #fff !important;
  border-color: #31372f !important;
}

a:hover,
.aq-header-menu > ul > li > a:hover,
.aq-product-sidebar-widget-categories a.active {
  color: #6c7b66 !important;
}

/* Footer: Luma'nın koyu yeşilimsi footer tonu */
.aq-footer-area {
  background-color: #343a33 !important;
  color: #f3f0e9;
}
.aq-footer-area a,
.aq-footer-area p,
.aq-footer-area h4,
.aq-footer-area span {
  color: #d7d9d3;
}
.aq-footer-area h4 {
  font-family: 'Playfair Display', serif !important;
  color: #f3f0e9;
}
.aq-footer-logo img {
  max-height: 40px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
/*
 * DÜZELTME: .aq-footer-widget-menu ul li a, tema genelinde --aq-common-black-light
 * değişkenini kullanıyor (üstte "ana aksan rengi" olarak koyu yeşile
 * çevirdik). Footer zemini de koyu olduğu için koyu metin + koyu zemin =
 * neredeyse görünmez oluyordu. Burada AÇIK bir renkle sabitliyoruz.
 */
.aq-footer-widget-title {
  color: #f3f0e9 !important;
}
.aq-footer-widget-menu ul li a {
  color: #d7d9d3 !important;
}
.aq-footer-widget-menu ul li::before {
  background-color: #8a9184 !important;
}
.aq-footer-widget-menu ul li:hover a {
  color: #ffffff !important;
}
.aq-footer-contact-item,
.aq-footer-contact-item a,
.aq-footer-contact-item span {
  color: #d7d9d3 !important;
}
.aq-footer-widget-input input {
  color: #f3f0e9 !important;
}
.aq-footer-widget-input input::placeholder {
  color: #b9beb7 !important;
}
.aq-footer-widget-input-box p {
  color: #d7d9d3 !important;
}

/* Fiyat/etiket rengi Luma'nın adaçayı tonuyla uyumlu */
.aq-product-price-current,
.new-price {
  color: #31372f;
}
.aq-product-badge,
.aq-product-tag-new {
  background-color: #6c7b66 !important;
}

/*
 * Ürün kartı (renderThemeProductCard / theme-product-card.php) — anasayfadaki
 * (.products .product) kartlarla aynı tipografi/boşluk hissini verir.
 * NOT: HTML yapısı ve JS davranışı (hızlı bakış, favorilere ekle, sepete
 * ekle) DOKUNULMADI — sadece görünüm.
 */
.aq-product-title a {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500 !important;
  font-size: 17px;
  color: #31372f;
}
.aq-product-price {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
}
.aq-product-new-price {
  color: #31372f;
  font-weight: 500;
}
.aq-product-old-price {
  color: #9a9d95;
}
.aq-product-badge span,
.aq-product-badge .clr-sale {
  background-color: #31372f !important;
  color: #fff;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.aq-product-ratting span svg path {
  fill: #a98b55;
}
.aq-product-action-btn {
  background-color: rgba(255, 255, 255, .9) !important;
  color: #31372f !important;
}
.aq-product-action-btn:hover {
  background-color: #31372f !important;
  color: #fff !important;
}

/* Sayfalama (pagination) */
.aq-pagination a {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  letter-spacing: .05em;
}

/* Form elemanları (giriş/kayıt/ödeme/hesap sayfaları) */
input.form-control,
select.form-control,
textarea.form-control,
.aq-select select {
  border-color: #dedbd2 !important;
  font-family: 'DM Sans', sans-serif;
}
input.form-control:focus,
textarea.form-control:focus {
  border-color: #6c7b66 !important;
  box-shadow: 0 0 0 .15rem rgba(108, 123, 102, .15) !important;
}

/*
 * Hesabım (account.php) — sekme menüsü "aktif" durumu tema genelinde
 * hata/indirim renginde (--aq-common-red, kırmızı) kullanılıyor; bu
 * değişkeni SITE GENELİNDE değiştirmiyoruz (form hata mesajları/"indirimde"
 * etiketleri anlamını kaybetmesin diye) — sadece bu menüde hedefliyoruz.
 */
.aq-dashboard-sidebar-menu a.active,
.aq-dashboard-sidebar-menu button.active {
  color: #31372f !important;
  background-color: #f8f5ee !important;
}
.aq-dashboard-sidebar-menu a.active:hover,
.aq-dashboard-sidebar-menu button.active:hover {
  background-color: #f8f5ee !important;
}
.aq-dashboard-title {
  font-family: 'Playfair Display', serif !important;
  font-weight: 500 !important;
}
.aq-dashboard-sidebar {
  border: 1px solid #dedbd2;
  box-shadow: none !important;
}

/* Ödeme yöntemi kartları (checkout.php) */
.aq-payment-method-card {
  border: 1px solid #dedbd2 !important;
}
.pm-radio:checked ~ .aq-payment-method-card-radio,
.aq-payment-method-card:has(.pm-radio:checked) {
  border-color: #6c7b66 !important;
}