/* ==========================================================
   TASARIM BENDEN
   WOOCOMMERCE KALICI RENK DÜZENLEMELERİ
   ==========================================================

   Tema / WooCommerce güncellemelerinden bağımsızdır.
   Sepet ve ödeme fonksiyonlarına müdahale etmez.
   Yalnızca görünümü düzenler.
   ========================================================== */


:root {
    --tb-dark: #0b0f19;
    --tb-dark-secondary: #151a24;
    --tb-white: #ffffff;
    --tb-black: #111111;
    --tb-placeholder: #555555;
}



/* ==========================================================
   1. MAĞAZA - ÜRÜN KARTINDAKİ SEPET İKONU
   Beyaz daire içindeki ikon siyah
   ========================================================== */

.woocommerce .astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger,
.woocommerce-page .astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger {
    color: var(--tb-black) !important;
}

.woocommerce .astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger .ahfb-svg-iconset,
.woocommerce .astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger .ast-icon {
    color: var(--tb-black) !important;
}

.woocommerce .astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger svg,
.woocommerce .astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger svg path {
    fill: var(--tb-black) !important;
}



/* ==========================================================
   2. ÜRÜN SAYFASI - FOTOĞRAF BÜYÜTME İKONU
   ========================================================== */

.woocommerce div.product div.images
.woocommerce-product-gallery__trigger {
    color: #000000 !important;
}

.woocommerce div.product div.images
.woocommerce-product-gallery__trigger::before {
    border-color: #000000 !important;
}

.woocommerce div.product div.images
.woocommerce-product-gallery__trigger::after {
    background-color: #000000 !important;
}



/* ==========================================================
   3. BEYAZ FORM / ADET KUTULARI
   Yazılar siyah
   ========================================================== */

.woocommerce .quantity .qty,
.woocommerce input.qty,
.woocommerce-cart input[type="number"],
.woocommerce-cart input[type="text"],
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="number"] {
    color: var(--tb-black) !important;
    -webkit-text-fill-color: var(--tb-black) !important;
    opacity: 1 !important;
}



/* Placeholder */

.woocommerce input::placeholder,
.woocommerce textarea::placeholder,
.woocommerce-cart input::placeholder,
.woocommerce-checkout input::placeholder,
.woocommerce-account input::placeholder {
    color: var(--tb-placeholder) !important;
    -webkit-text-fill-color: var(--tb-placeholder) !important;
    opacity: 1 !important;
}



/* Select kutuları */

.woocommerce select,
.woocommerce-checkout select,
.woocommerce-account select {
    color: var(--tb-black) !important;
}



/* Select2 - şehir / ilçe vb. */

.woocommerce .select2-container
.select2-selection--single
.select2-selection__rendered {
    color: var(--tb-black) !important;
}



/* ==========================================================
   4. ÜRÜN SAYFASI BREADCRUMB
   Gri görünen ürün yolu beyaz
   ========================================================== */

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb a {
    color: var(--tb-white) !important;
    opacity: 1 !important;
}



/* ==========================================================
   5. SEPET SAYFASI
   ========================================================== */


/* Sepet tablosunun üst başlık bölümü */

body.woocommerce-cart
.woocommerce-cart-form table.shop_table thead,
body.woocommerce-cart
.woocommerce-cart-form table.shop_table thead tr,
body.woocommerce-cart
.woocommerce-cart-form table.shop_table thead th {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}


/* Sepet içindeki normal koyu alan yazıları */

body.woocommerce-cart
.woocommerce-cart-form table.shop_table tbody td,
body.woocommerce-cart
.cart_totals table.shop_table th,
body.woocommerce-cart
.cart_totals table.shop_table td {
    color: var(--tb-white);
}


/* Sepet toplamları başlığı */

body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .cart-collaterals h2 {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}


/* Beyaz adet kutusundaki rakam */

body.woocommerce-cart .quantity input.qty {
    background-color: var(--tb-white) !important;
    color: var(--tb-black) !important;
    -webkit-text-fill-color: var(--tb-black) !important;
}


/* Kupon kutusu */

body.woocommerce-cart
.coupon input.input-text {
    background-color: var(--tb-white) !important;
    color: var(--tb-black) !important;
    -webkit-text-fill-color: var(--tb-black) !important;
}


/* ==========================================================
   6. MİNİ SEPET
   Beyaz mini sepet içindeki yazılar siyah
   ========================================================== */

.woocommerce-mini-cart,
.woocommerce-mini-cart-item,
.widget_shopping_cart,
.widget_shopping_cart_content {
    color: var(--tb-black);
}

.woocommerce-mini-cart a,
.woocommerce-mini-cart-item a,
.widget_shopping_cart a,
.widget_shopping_cart_content a,
.widget_shopping_cart_content .woocommerce-mini-cart__total {
    color: var(--tb-black);
}



/* ==========================================================
   7. HESABIM MENÜSÜ
   Gönderdiğin yeni görseldeki beyaz "Pano" alanı
   ========================================================== */

body.woocommerce-account
.woocommerce-MyAccount-navigation ul {
    background-color: transparent !important;
}


/* Menü satırlarının tamamı */

body.woocommerce-account
.woocommerce-MyAccount-navigation li,
body.woocommerce-account
.woocommerce-MyAccount-navigation li a {
    background-color: transparent !important;
}


/* Aktif menü - beyaz zemin kaldırıldı */

body.woocommerce-account
.woocommerce-MyAccount-navigation li.is-active,
body.woocommerce-account
.woocommerce-MyAccount-navigation li.is-active a {
    background-color: var(--tb-dark) !important;
}


/* Hesabım menüsündeki yazılar */

body.woocommerce-account
.woocommerce-MyAccount-navigation li a {
    opacity: 1 !important;
}



/* ==========================================================
   8. HESABIM > ADRESLER
   Fatura / Gönderim adresi kartlarının beyaz üst kısımları
   ========================================================== */

body.woocommerce-account
.woocommerce-Addresses .woocommerce-Address-title,
body.woocommerce-account
.woocommerce-Addresses header.woocommerce-Address-title,
body.woocommerce-account
.woocommerce-Address .woocommerce-Address-title {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}


/* Başlık */

body.woocommerce-account
.woocommerce-Address-title h2,
body.woocommerce-account
.woocommerce-Address-title h3 {
    color: var(--tb-white) !important;
}


/* Adres metinleri */

body.woocommerce-account
.woocommerce-Address address {
    color: var(--tb-white) !important;
}


/* Adres sayfasındaki açıklama */

body.woocommerce-account
.woocommerce-MyAccount-content > p {
    color: var(--tb-white);
}



/* ==========================================================
   9. SİPARİŞ ALINDI / SİPARİŞ DETAYLARI
   Gönderdiğin yeni görseldeki beyaz şeritler
   ========================================================== */

body.woocommerce-order-received
.woocommerce-order-details__title,
body.woocommerce-order-received
.woocommerce-column__title,
body.woocommerce-order-received
.woocommerce-customer-details h2,
body.woocommerce-order-received
.woocommerce-customer-details h3 {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}


/* Sipariş detay tablosunun başlığı */

body.woocommerce-order-received
.woocommerce-table--order-details thead,
body.woocommerce-order-received
.woocommerce-table--order-details thead tr,
body.woocommerce-order-received
.woocommerce-table--order-details thead th {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}


/* Sipariş detayları */

body.woocommerce-order-received
.woocommerce-order-details,
body.woocommerce-order-received
.woocommerce-customer-details {
    color: var(--tb-white);
}


/* Müşteri adres bilgisi */

body.woocommerce-order-received
.woocommerce-customer-details address {
    color: var(--tb-white) !important;
}



/* ==========================================================
   10. HESABIM > SİPARİŞLER TABLOSU
   ========================================================== */

body.woocommerce-account
.woocommerce-orders-table thead,
body.woocommerce-account
.woocommerce-orders-table thead tr,
body.woocommerce-account
.woocommerce-orders-table thead th {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}

body.woocommerce-account
.woocommerce-orders-table tbody td {
    color: var(--tb-white);
}



/* ==========================================================
   11. CHECKOUT / ÖDEME SAYFASI
   Beyaz kutular içindeki yazılar siyah
   ========================================================== */

body.woocommerce-checkout
.form-row input.input-text,
body.woocommerce-checkout
.form-row textarea,
body.woocommerce-checkout
.select2-selection {
    color: var(--tb-black) !important;
}


/* Inputların otomatik doldurulması */

body.woocommerce-checkout
input:-webkit-autofill,
body.woocommerce-account
input:-webkit-autofill {
    -webkit-text-fill-color: var(--tb-black) !important;
}



/* ==========================================================
   12. WOOCOMMERCE BİLDİRİM / MESAJ ALANLARI
   Beyaz zemin varsa yazı siyah kalır
   ========================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    color: var(--tb-black);
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
    color: var(--tb-black);
}



/* ==========================================================
   13. BEYAZ BUTON / INPUT ÜZERİNDEKİ METİNLER
   ========================================================== */

.woocommerce input[type="number"],
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea {
    -webkit-text-fill-color: var(--tb-black);
}



/* ==========================================================
   14. DARK MODE - YENİ WOOCOMMERCE HESAP BLOKLARI
   WooCommerce güncellemelerinde oluşabilecek beyaz
   adres / sipariş başlıklarını da kapsar.
   ========================================================== */

body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-Addresses header,

body.woocommerce-order-received
.woocommerce-order-details > h2,

body.woocommerce-order-received
.woocommerce-customer-details > h2 {
    background-color: var(--tb-dark) !important;
    color: var(--tb-white) !important;
}



/* ==========================================================
   SON
   ========================================================== */
   /* ==========================================================
   EK DÜZELTME - HESABIM > SİPARİŞ GÖRÜNTÜLE SAYFASI
   ========================================================== */

/* Sol menüde aktif alan ve olası beyaz katmanlar */
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-navigation li,
body.woocommerce-account .woocommerce-MyAccount-navigation li a,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li::before,
body.woocommerce-account .woocommerce-MyAccount-navigation li::after,
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
    background: #0b0f19 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Sipariş görüntüleme sayfasındaki başlık ve metinler */
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content strong,
body.woocommerce-account .woocommerce-MyAccount-content span,
body.woocommerce-account .woocommerce-MyAccount-content li {
    color: #ffffff !important;
}

/* Sipariş detay tablosunun üst beyaz şeridi */
body.woocommerce-account table.shop_table.order_details thead,
body.woocommerce-account table.shop_table.order_details thead tr,
body.woocommerce-account table.shop_table.order_details thead th,
body.woocommerce-account table.order_details thead,
body.woocommerce-account table.order_details thead tr,
body.woocommerce-account table.order_details thead th {
    background: #0b0f19 !important;
    color: #ffffff !important;
}

/* Sipariş detay tablosunun gövdesi */
body.woocommerce-account table.shop_table.order_details tbody td,
body.woocommerce-account table.shop_table.order_details tbody th,
body.woocommerce-account table.order_details tbody td,
body.woocommerce-account table.order_details tbody th {
    color: #ffffff !important;
    background: transparent !important;
}

/* Sipariş detay kutusunun tamamı */
body.woocommerce-account .woocommerce-order-details,
body.woocommerce-account .woocommerce-order-details table,
body.woocommerce-account .woocommerce-order-details .shop_table,
body.woocommerce-account .woocommerce-order-details .shop_table th,
body.woocommerce-account .woocommerce-order-details .shop_table td {
    border-color: rgba(255,255,255,0.25) !important;
}

/* Alttaki müşteri / adres alanlarında çıkan beyaz başlık şeritleri */
body.woocommerce-account .woocommerce-customer-details h2,
body.woocommerce-account .woocommerce-customer-details h3,
body.woocommerce-account .woocommerce-column__title,
body.woocommerce-account .woocommerce-columns .woocommerce-column h2,
body.woocommerce-account .woocommerce-columns .woocommerce-column h3,
body.woocommerce-account .woocommerce-address-title,
body.woocommerce-account .woocommerce-Address-title,
body.woocommerce-account header.woocommerce-Address-title {
    background: #0b0f19 !important;
    color: #ffffff !important;
}

/* Sipariş aksiyon alanı */
body.woocommerce-account .woocommerce-button,
body.woocommerce-account a.woocommerce-button,
body.woocommerce-account .button {
    color: #ffffff !important;
}