.elementor-18 .elementor-element.elementor-element-11541307{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-navigation{text-align:left;width:25%;}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-navigation ul li a{color:#000000;font-family:"Roboto", Sans-serif;text-decoration:none;}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-navigation ul li a:hover{color:var( --e-global-color-6347fbd );}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-navigation ul li.is-active a{color:var( --e-global-color-6347fbd );}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-content{width:68%;text-align:left;}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-content a{color:var( --e-global-color-6347fbd );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-navigation{margin:0px 0px 50px 0px;width:100%;}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-navigation ul li{margin:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-f28ba6f .woolentor_myaccount_page .woocommerce-MyAccount-content{width:100%;}}/* Start custom CSS for wl-myaccount-account, class: .elementor-element-f28ba6f *//* wishlist - favoriler */ 

/*wishlist yazısını türkçeleştirme*/
.woocommerce-MyAccount-navigation-link--wishlist a {
    visibility: hidden;
    position: relative;
}
.woocommerce-MyAccount-navigation-link--wishlist a::after {
    content: "Favoriler";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

/* FAVORİLER KISMI - PREMIUM TABLO REVIZYONU */

/* 1. Tablo Çerçevesi ve Genel Yapı */
.woocommerce-MyAccount-content table.shopengine-wishlist {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #eee !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
}

/* 2. Header - Karamel */
.woocommerce-MyAccount-content table.shopengine-wishlist thead tr th {
    background-color: #c68e17 !important;
    color: #ffffff !important;
    padding: 18px !important;
    border: none !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 3. Ürün Görseli Radius */
.woocommerce-MyAccount-content table.shopengine-wishlist img {
    border-radius: 12px !important;
    border: 1px solid #f0f0f0 !important;
    width: 80px !important;
    height: auto !important;
}

/* 4. Ürün Adı Stili */
.wishlist-product-name a {
    color: #222 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wishlist-product-name a:hover {
    color: #c68e17 !important;
}

/* 5. Satır Arası Çizgiler ve Hücreler */
.woocommerce-MyAccount-content table.shopengine-wishlist td {
    padding: 20px 15px !important;
    border-color: #f7f7f7 !important;
    vertical-align: middle !important;
    background: #fff !important;
}

/* 6. Aksiyon (X) Butonu Güzelleştirme */
.shopengine-remove-action.remove-from-wishlist {
    background: #f8f8f8 !important;
    color: #999 !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    border: 1px solid #eee !important;
}

.shopengine-remove-action.remove-from-wishlist:hover {
    background: #e74c3c !important;
    color: #fff !important;
    transform: rotate(90deg) !important;
}

/* --- NİŞ GURME: WISHLIST MOBIL RESPONSIVE DÜZENLEME --- */

@media (max-width: 768px) {
    /* 1. Tabloyu Esnek Yapıya Geçir */
    .shopengine-wishlist, 
    .shopengine-wishlist thead, 
    .shopengine-wishlist tbody, 
    .shopengine-wishlist th, 
    .shopengine-wishlist td, 
    .shopengine-wishlist tr {
        display: block !important;
        width: 100% !important;
    }

    /* 2. Başlıkları Gizle (Gerek kalmadı, yan başlık ekleyeceğiz) */
    .shopengine-wishlist thead {
        display: none !important;
    }

    /* 3. Her Satırı Bir Kart Gibi Düzenle */
    .shopengine-wishlist tr {
        margin-bottom: 20px !important;
        border: 1px solid #f1f1f1 !important;
        border-radius: 12px !important;
        padding: 15px !important;
        background: #fff !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    }

    /* 4. Hücreleri Yan Başlıklı Yapıya Çevir */
    .shopengine-wishlist td {
        text-align: right !important; /* Değerleri sağa yasla */
        padding: 10px 5px !important;
        border: none !important;
        border-bottom: 1px solid #fafafa !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        position: relative !important;
    }

    /* 5. Hücrelerin Önüne Başlıkları Ekle */
    .shopengine-wishlist td::before {
        content: attr(data-title); /* HTML'de data-title yoksa manuel içerik ekleyelim */
        font-weight: 700 !important;
        color: #c68e17 !important;
        text-transform: uppercase;
        font-size: 12px;
    }

    /* Manuel Başlık Atamaları (data-title yoksa bunlar çalışır) */
    .shopengine-wishlist td:nth-of-type(1)::before { content: "Ürün"; }
    .shopengine-wishlist td:nth-of-type(2)::before { content: "Fiyat"; }
    .shopengine-wishlist td:nth-of-type(3)::before { content: "Stok"; }
    .shopengine-wishlist td:nth-of-type(4)::before { content: "Kaldır"; }

    /* 6. Görsel ve Yazı Düzenlemesi */
    .shopengine-wishlist td:first-child {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .shopengine-wishlist td:first-child::before {
        margin-bottom: 10px;
        align-self: center;
    }

    .shopengine-wishlist-product-image img {
        width: 80px !important;
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .wishlist-product-name a {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    /* 7. Aksiyon (X) Butonunu Şıklaştır */
    .shopengine-remove-action {
        background: #fdf2f2 !important;
        color: #e74c3c !important;
        width: 30px;
        height: 30px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-weight: bold;
    }
    
    
    table.table-bordered.shopengine-wishlist {
        border: none !important;
        box-shadow: none !important;
    }
    
    
}





/* HESAP DETAYLARI TASARIMI */

/* 1. Form Genel Kutusu */
form.woocommerce-EditAccountForm.edit-account {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;
    border: 1px solid #f0f0f0 !important;
    max-width: 900px;
    margin: 20px auto;
}

/* 2. Yan Yana Olan Alanlar (Ad/Soyad Düzenlemesi) */
.woocommerce-form-row--first, .woocommerce-form-row--last {
    width: 48% !important;
    float: left !important;
}

.woocommerce-form-row--last {
    float: right !important;
}

/* 3. Etiketler (Labels) */
form.edit-account label {
    font-weight: 600 !important;
    color: #2c3e50 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 4. Input Giriş Alanları */
form.edit-account input.input-text {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    transition: all 0.3s ease-in-out !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* Input Fokus Durumu (Karamel Tonu) */
form.edit-account input.input-text:focus {
    border-color: #c68e17 !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.1) !important;
}

/* 5. Görünen Ad Altındaki Açıklama Metni */
#account_display_name_description {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #94a3b8;
    font-style: italic;
}

/* 6. Parola Değiştirme Bölümü (Fieldset) */
form.edit-account fieldset {
    border: 1.5px dashed #e2e8f0 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    margin: 40px 0 !important;
    background: #fffcf9 !important; /* Çok hafif bir krem tonu */
}

form.edit-account fieldset legend {
    background: #c68e17 !important;
    color: #fff !important;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

/* 7. Kaydet Butonu */
form.edit-account button.button {
    background-color: #c68e17 !important;
    color: #ffffff !important;
    padding: 16px 45px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(212, 163, 115, 0.2) !important;
}

form.edit-account button.button:hover {
    background-color: #FAB52210; !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(212, 163, 115, 0.3) !important;
}

/* Temizleyici */
.clear {
    clear: both;
}

/* Şifre Göster Butonu İyileştirmesi */
.password-input {
    position: relative;
    display: block;
}

.show-password-input {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    border: none !important;
    cursor: pointer;
}






/* ADRESLER SAYFASI ÖZEL TASARIMI */

/* 1. Adres Sütunlarını Yan Yana Getir */
.woocommerce-MyAccount-content .u-columns.addresses {
    display: flex !important;
    gap: 25px !important;
    margin-top: 30px !important;
    flex-wrap: wrap !important;
}


/* 2. Tekil Adres Kartı Yapısı */
.woocommerce-Address {
    flex: 1 !important;
    min-width: 300px !important;
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 15px !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
}

.woocommerce-Address:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(212, 163, 115, 0.08) !important;
}

/* Kart başlığı hafif krem arka plan */
.woocommerce-Address-title.title {
    background-color: #fdf8f0 !important;
    padding: 16px 20px !important;
    margin: -30px -30px 20px -30px !important; /* Kartın padding'ini aşarak tam kenar */
    border-bottom: 1px solid #f0e0c0 !important;
    border-radius: 15px 15px 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
}


/* Başlık rengini biraz koyulaştır */
.woocommerce-Address-title h2 {
    color: #8a5e0a !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
}

/* 5. "Düzenle" Butonunu Şıklaştır */
.woocommerce-Address-title .edit {
    background-color: #fdfaf7 !important;
    color: #c68e17 !important;
    border: 1px solid #c68e17 !important;
    padding: 6px 10px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.woocommerce-Address-title .edit:hover {
    background-color: #c68e17 !important;
    color: #ffffff !important;
}

/* 6. Adres Metni */
.woocommerce-Address address {
    font-style: normal !important;
    line-height: 1.8 !important;
    color: #555 !important;
    font-size: 15px !important;
}

/* 7. Bilgi Metni (Üstteki Paragraf) */
.woocommerce-MyAccount-content > p {
    font-size: 14px !important;
    color: #888 !important;
    background: #fdfdfd !important;
    padding: 15px !important;
    border-left: 4px solid #c68e17 !important;
    margin-bottom: 20px !important;
}

/* Mobil İçin Alt Alta Getir */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content .u-columns.addresses {
        flex-direction: column !important;
    }
    .u-column1, .u-column2 {
        width: 100% !important;
    }
}






/* ADRES DÜZENLEME FORMU TASARIMI */

/* 1. Form Kapsayıcı Kart */
.woocommerce-MyAccount-content form {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;
    border: 1px solid #f1f1f1 !important;
    max-width: 800px;
}

/* 2. Sayfa Başlığı */
.woocommerce-MyAccount-content h2 {
    font-size: 22px !important;
    color: #c68e17 !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #FAB52210; !important;
    padding-bottom: 10px !important;
}

/* 3. Input ve Select Alanları */
.woocommerce-address-fields__field-wrapper input.input-text,
.woocommerce-address-fields__field-wrapper select,
.select2-container--default .select2-selection--single {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    height: auto !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

/* 4. Select2 (Ülke/Şehir Seçimi) Özel Düzenlemesi */
.select2-container--default .select2-selection--single {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
}

/* 5. Fokus (Odaklanma) Etkisi */
.woocommerce-address-fields__field-wrapper input.input-text:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #c68e17 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.1) !important;
    outline: none !important;
}

/* 6. Form Etiketleri (Labels) */
.woocommerce-address-fields__field-wrapper label {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    color: #334155 !important;
    font-size: 13px !important;
}

/* 7. Ad ve Soyad Alanlarını Yan Yana Getir */
#billing_first_name_field, #billing_last_name_field {
    width: 48% !important;
    float: left !important;
}

#billing_last_name_field {
    float: right !important;
}

.woocommerce-address-fields__field-wrapper::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 8. Adresi Kaydet Butonu */
.woocommerce-MyAccount-content button.button[name="save_address"] {
    background-color: #c68e17 !important;
    color: #fff !important;
    padding: 15px 40px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin-top: 20px !important;
    box-shadow: 0 5px 15px rgba(212, 163, 115, 0.2) !important;
}

.woocommerce-MyAccount-content button.button[name="save_address"]:hover {
    background-color: #fff !important;
    color: #c68e17 !important;
    border-color: px solid  !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(212, 163, 115, 0.3) !important;
}

/* Gereksiz Temizleyici */
.clear { clear: both; }

/* 1. Açılan Listenin Genel Kutusu */
.select2-container--default .select2-dropdown {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    z-index: 9999 !important;
}

/* 2. Arama Kutusu (Listenin içindeki arama alanı) */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #f1f1f1 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    background-color: #f8fafc !important;
    outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #c68e17 !important;
}

/* 3. Liste Öğeleri (Seçenekler) */
.select2-container--default .select2-results__option {
    padding: 10px 15px !important;
    font-size: 14px !important;
    color: #444 !important;
    transition: all 0.2s ease !important;
}

/* 4. Üzerine Gelinen (Hover) Seçenek */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fdf5ed !important; /* Çok hafif karamel arka plan */
    color: #c68e17 !important; /* Karamel yazı rengi */
}

/* 5. Seçili Olan Seçenek */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #c68e17 !important; /* Karamel arka plan */
    color: #ffffff !important;
}

/* 6. Kaydırma Çubuğu (Scrollbar) Güzelleştirme */
.select2-results__options::-webkit-scrollbar {
    width: 6px !important;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #e2e8f0 !important;
    border-radius: 10px !important;
}


.shopengine-woocommerce-info.woocommerce-info{
    margin-bottom:40px !important;
}



/* --- NİŞ GURME: BOŞ SİPARİŞLER*/

.woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info {
    display: flex !important;
    flex-direction: column !important; /* Her şeyi dikeyde alt alta dizer */
    align-items: center !important;    /* Yatayda ortalar */
    justify-content: center !important;
    text-align: center !important;
    
    padding: 50px 20px !important;
    gap: 15px !important;              /* İkon, yazı ve buton arası boşluk */
    border-top: 4px solid #c68e17 !important;
    background-color: #fff !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
}

/* 1. İkon Düzenlemesi */
.woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info::before {
    content: "\f291" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 55px !important;
    color: #c68e17 !important;
    display: block !important;
    position: static !important;
    margin: 0 !important; /* Alt boşluğu sıfırladık, gap zaten boşluk veriyor */
    line-height: 1 !important;
}

/* 2. Üstteki Metin (Türkçe) */
.shopengine-woocommerce-info.woocommerce-info::after {
    content: "Henüz bir sipariş verilmedi." !important;
    font-size: 16px !important;
    color: #555 !important;
    display: block !important;
    margin-top: 5px !important;  /* İkonla metin arasındaki ince ayar */
    margin-bottom: 0 !important; /* Butonla arasındaki boşluğu gap'e bıraktık */
    order: 1 !important;
}

/* 3. Genel Konteynır Boşluk Ayarı */
.woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info {
    /* ... diğer kodların ... */
    gap: 10px !important; /* 15px'den 10px'e çekerek tüm öğeleri birbirine yaklaştırdık */
}
/* 2. Metin Düzenlemesi */
.woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info {
    line-height: 1.6 !important;
    color: #555 !important;
}


/* 3. Buton: Yazıyı İçinde Tam Ortalar ve Şişmandır */
.woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info a.button.wc-forward {
    /* Yazıyı buton içinde yatay ve dikeyde ortalayan kritik satırlar: */
    display: inline-flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    text-align: center !important;
    
    margin-top: 15px !important;
    padding: 14px 40px !important; /* Şişko görünüm */
    background-color: #c68e17 !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    border: none !important;
    width: fit-content !important;
    min-width: 200px !important; /* Butonun cılız durmaması için */
    transition: all 0.3s ease !important;
}

.woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info a.button.wc-forward:hover {
    background-color: #000 !important;
    transform: translateY(-3px) !important;
}

/* Mobil için ekstra garanti */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info {
        padding: 40px 15px !important;
    }
    
    .woocommerce-MyAccount-content .woocommerce-info.shopengine-woocommerce-info a.button.wc-forward {
        width: 100% !important; /* Mobilde buton genişliğini yayar */
        max-width: 280px;        /* Ama çok da devasa olmasın */
    }
}


/* --- NİŞ GURME: SİPARİŞ YOK MESAJI (ÜST-ALT DÜZENİ) --- */

.shopengine-woocommerce-info.woocommerce-info {
    display: flex !important;
    flex-direction: column !important; /* Öğeleri alt alta dizer */
    align-items: center !important;    /* Yatayda ortalar */
    justify-content: center !important;
    text-align: center !important;
    padding: 40px 20px !important;
    font-size: 0 !important;           /* Orijinal İngilizce metni gizler */
}

/* 1. Üstteki Metin (Türkçe) */
.shopengine-woocommerce-info.woocommerce-info::after {
    content: "Henüz bir sipariş verilmedi." !important;
    font-size: 16px !important;        /* Metni görünür yapar */
    color: #555 !important;
    display: block !important;
    
    order: 1 !important;               /* En üstte görünmesini sağlar */
}

/* 2. Alttaki Buton Konteynırı */
.shopengine-woocommerce-info.woocommerce-info a.button.wc-forward {
    order: 2 !important;               /* Metnin altında görünmesini sağlar */
    font-size: 0 !important;           /* Buton içindeki orijinal yazıyı gizler */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 35px !important;
    background-color: #c68e17 !important;
    color: #fff !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* 3. Butonun Yeni Türkçe Metni */
.shopengine-woocommerce-info.woocommerce-info a.button.wc-forward::before {
    content: "Ürünlere Göz At" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.shopengine-woocommerce-info.woocommerce-info a.button.wc-forward:hover {
    background-color: #000 !important;
    transform: translateY(-2px) !important;
}







/*  hesabım SİYAH METİN DÜZENLEME */

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content p strong {
    color: #000000 !important;
}







/* NİŞ GURME - SİPARİŞLERİM SAYFASI DÜZENLEME */

/* 1. Tablo Genel Yapısı */
.woocommerce-orders-table {
    border: none !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}

/* 2. Tablo Başlıkları */
.woocommerce-orders-table thead th {
    background-color: #ffffff !important;
    color: #000 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    padding: 20px !important;
    border-bottom: 2px solid #c68e17 !important; /* Kurumsal sarı çizgi */
}

/* 3. Tablo Satırları ve Hücreler */
.woocommerce-orders-table__row {
    background-color: #ffffff !important; /* Arka plan tamamen beyaz yapıldı */
    transition: background-color 0.3s ease !important;
}

.woocommerce-orders-table__row:hover {
    background-color: #fafafa !important; /* Üzerine gelindiğinde şık ve hafif bir gri tonu */
}

.woocommerce-orders-table td, 
.woocommerce-orders-table th.woocommerce-orders-table__cell-order-number {
    padding: 20px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f2f2f2 !important;
    font-size: 15px !important;
    color: #444 !important;
}

/* Sipariş Numarası Linki */
.woocommerce-orders-table__cell-order-number a {
    color: #c68e17 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Durum Etiketi (Hazırlanıyor, Tamamlandı vb.) */
.woocommerce-orders-table__cell-order-status {
    font-weight: 600 !important;
    color: #000 !important;
}

/* 4. "Görüntüle" Butonu Düzenlemesi */
.woocommerce-orders-table__cell-order-actions .button.view {
    background-color: transparent !important;
    color: #c68e17 !important;
    border: 1px solid #c68e17 !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.woocommerce-orders-table__cell-order-actions .button.view:hover {
    background-color: #c68e17 !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(198, 142, 23, 0.2) !important;
}


.woocommerce-orders-table tbody tr:nth-child(odd),
.woocommerce-orders-table tbody tr:nth-child(even),
.woocommerce-orders-table tbody tr {
    background-color: #ffffff !important;
}

.woocommerce-orders-table tbody tr:hover td {
    background-color: #ffffff !important;
}

.woocommerce-orders-table td {
    background-color: #ffffff !important;
}

/* --- NİŞ GURME: SİPARİŞLERİM TABLOSU & GÖRÜNTÜLE BUTONU GENEL --- */

/* Görüntüle Butonu Ortak Tasarım (Masaüstü + Mobil) */
.woocommerce-orders-table__cell-order-actions .button.view {
    display: inline-flex !important;    /* Metni tam ortalamak için flex */
    justify-content: center !important; /* Yatayda ortala */
    align-items: center !important;     /* Dikeyde ortala */
    
    padding: 14px 28px !important;      /* Şişman görünüm için yüksek padding */
    min-width: 140px !important;        /* Masaüstünde cılız durmaması için */
    
    background-color: transparent !important;
    color: #c68e17 !important;
    border: 2px solid #c68e17 !important; 
    border-radius: 50px !important;
    
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.woocommerce-orders-table__cell-order-actions .button.view:hover {
    background-color: #c68e17 !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(198, 142, 23, 0.3) !important;
}

/* Siparişlerim Tablosundaki Ödeme Butonunu Kaldır */
.woocommerce-orders-table__cell-order-actions a.pay {
    display: none !important;
}

/* --- MOBİL ÖZEL DÜZENLEME (768px Altı) --- */
@media (max-width: 768px) {
    
    .woocommerce-orders-table {
        display: block !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    
    .woocommerce-orders-table thead {
        display: none !important; 
    }

    .woocommerce-orders-table tbody {
        display: block !important;
    }

    /* Her siparişi şık bir karta dönüştür */
    .woocommerce-orders-table__row {
        display: block !important;
        background-color: #ffffff !important; /* Mobilde de kartların arkası tamamen beyaz */
        margin-bottom: 20px !important;
        border-radius: 15px !important;
        padding: 15px !important;
        border: 1px solid #f0f0f0 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    /* Hücre dikey düzeni */
    .woocommerce-orders-table__cell {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f9f9f9 !important;
        text-align: right !important;
        font-size: 14px !important;
    }

    /* Sol taraftaki başlık etiketleri */
    .woocommerce-orders-table__cell::before {
        content: attr(data-title);
        font-weight: 600 !important;
        color: #888 !important;
        font-size: 13px;
    }

    /* Sipariş No ve Toplam Fiyat */
    .woocommerce-orders-table__cell-order-number a {
        font-size: 16px !important;
        color: #c68e17 !important;
    }

    .woocommerce-orders-table__cell-order-total {
        color: #c68e17 !important;
        font-weight: 700 !important;
    }

    /* Mobilde Buton Alanı ve Butonun Tam Genişlik Olması */
    .woocommerce-orders-table__cell-order-actions {
        display: block !important;
        border-bottom: none !important;
        padding-top: 15px !important;
        text-align: center !important;
    }

    .woocommerce-orders-table__cell-order-actions::before {
        display: none !important; /* "Eylemler" yazısını gizle */
    }

    .woocommerce-orders-table__cell-order-actions .button.view {
        display: flex !important; 
        width: 100% !important;   /* Mobilde butonu kart boyunca yay */
        margin-top: 5px !important;
        min-width: 0 !important;  /* Mobil genişlikte kısıtlamayı kaldır */
    }
}




/* NİŞ GURME - SİPARİŞ DETAY SAYFASI (VIEW ORDER) */

.woocommerce-MyAccount-content mark {
    background: #c68e17 !important;
    color: #fff !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

.woocommerce-table--order-details tfoot .order-actions--heading,
.woocommerce-table--order-details tfoot .order-actions-button {
    display: none !important;
}

.woocommerce-table--order-details tfoot tr:first-child {
    display: none !important;
}


.woocommerce-table--order-details tbody td.product-total {
    text-align: right !important;
}

/* 2. Sipariş Detay Tablosu */
.woocommerce-table--order-details {
    border: none !important;
    margin-top: 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.woocommerce-table--order-details thead th {
    background-color: #fff !important;
    color: #000 !important;
    border-bottom: 2px solid #c68e17 !important;
    padding: 20px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}

.woocommerce-table--order-details tbody td {
    padding: 20px !important;
    background: #fff !important;
}

/* Ürün Adı ve Adet Vurgusu */
.product-name a {
    color: #c68e17 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.product-quantity {
    background: #eee !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    margin-left: 5px !important;
}

/* 3. Footer (Toplamlar) Alanı */
.woocommerce-table--order-details tfoot th {
    font-weight: 500 !important;
    color: #666 !important;
    padding: 15px 20px !important;
}

.woocommerce-table--order-details tfoot td {
    font-weight: 700 !important;
    color: #000 !important;
    text-align: right !important;
}

/* Genel Toplam Satırı */
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
    background: #fdfaf7 !important;
    color: #c68e17 !important;
    font-size: 18px !important;
}

/* 4. Adres Kartları (Müşteri Detayları) */
.woocommerce-customer-details {
    margin-top: 40px !important;
}

.woocommerce-column__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    color: #000 !important;
}

.woocommerce-columns--addresses .woocommerce-column {
    background: #fff !important;
    border: 1px solid #f2f2f2 !important;
    padding: 25px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-columns--addresses .woocommerce-column:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
    border-color: #c68e17 !important;
}

.woocommerce-customer-details address {
    font-style: normal !important;
    line-height: 1.8 !important;
    color: #555 !important;
}

/* 5. Mobil Düzenlemeler */
@media (max-width: 768px) {
    .woocommerce-columns--addresses {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .woocommerce-table--order-details {
        display: table !important; /* Mobilde tablo yapısını koru ki toplamlar düzgün dursun */
        width: 100% !important;
    }
}



/* SİPARİŞ DURUM METNİ MOBİL DÜZENLEME */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content > p {
        line-height: 1.9 !important; /* Satır aralığını açar */
        margin-bottom: 25px !important; /* Altındaki tabloyla arasına mesafe koyar */
        padding: 15px !important; /* Metnin etrafına nefes aldırır */
        font-size: 15px !important; /* Okunabilirliği artırır */
    }

    /* Vurgulu (mark) alanlar için hafif dokunuş */
    .woocommerce-MyAccount-content mark {
        padding: 3px 8px !important;
        display: inline-block !important; /* Kelimelerin kutucuk gibi durmasını sağlar */
        line-height: 1.2 !important;
        margin: 2px 0 !important;
    }
}/* End custom CSS */