/*
 Theme Name:   XTRA Child
 Theme URI:    https://benimavukat.com/
 Description:  XTRA teması için oluşturulmuş çocuk tema. Özelleştirmelerin tema güncellemelerinden etkilenmemesini sağlar.
 Author:       Siz ve AI Asistanınız
 Template:     xtra
 Version:      1.0.0
 Text Domain:  xtra-child
*/

/* Genel Font Ayarları */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, input, textarea, button {
    font-family: 'Inter', sans-serif !important;
}

/* Hesabım sayfası flexbox konteynerinin dikey esnemesini engelle */
.woocommerce-account .woocommerce {
    align-items: flex-start;
}

/* Hesabım sayfasındaki özel bir paragraf için font düzeltmesi (Daha spesifik seçici ile) */
body.woocommerce-account .hentry .ba-dashboard-welcome p {
    font-family: 'Inter', sans-serif !important;
}

/*--------------------------------------------------------------
# Global Footer Styles
--------------------------------------------------------------*/
.site-footer-main {
    background-color: #3D4E85;
    color: #ffffff;
    padding: 80px 0 60px;
    transform: translatex(0px) translatey(0px);
    font-family: 'Open Sans', sans-serif !important;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 20px;
    align-items: start;
}

.footer-widget .footer-logo img {
    max-height: 40px;
    margin-bottom: 20px;
}

.footer-widget p {
    font-size: 15px;
    line-height: 1.7;
    color: #ccc;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif !important;
}

.footer-grid .footer-widget:not(:last-child) {
    border-right: 1px solid rgba(228, 11, 255, 0.5) !important;
    padding-right: 30px !important;
}

.footer-grid .footer-widget:first-child p {
    font-size: 17px !important;
}

#ba-landing-footer .footer-widget h3, .site-footer-main .footer-widget h3 {
    text-transform: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #253254 !important; /* Yazı rengi beyaz olarak güncellendi */
}

.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-widget ul li {
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5em !important;
}

.footer-widget ul a {
    text-decoration: none;
    color: #ccc;
    transition: color 0.3s ease;
    font-family: 'Open Sans', sans-serif !important;
}

.footer-widget ul a:hover {
    color: #fff;
}

.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a {
    color: #fff;
    display: inline-block;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #3D4E85;
    padding: 25px 0;
    text-align: center;
    font-size: 14px;
    color: #aaa;
}

.footer-bottom p {
    margin: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
}

/* Responsive Footer */
@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .footer-grid .footer-widget:not(:last-child) {
        border-right: none !important;
        padding-right: 0 !important;
        border-bottom: 1px solid rgba(228, 11, 255, 0.5) !important;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

/* Hesabım sayfasındaki gereksiz menü öğelerini gizle (URL Attribute Targeting) */
.woocommerce-account .woocommerce-account-navigation a[href*="/orders/"],
.woocommerce-account .woocommerce-account-navigation a[href*="/recently-viewed/"] {
    display: none !important;
}

/* Hesabım sayfası sağdaki navigasyon menüsü için stiller (Nükleer Çözüm) */
.woocommerce-account .woocommerce-MyAccount-navigation.ba-styled-nav {
    margin-top: 115px !important;
    padding: 15px !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    height: fit-content !important; /* Bu kural, menünün uzamasını engellemek için korunuyor. */
    /* Düzeni bozan ve eklenti tarafından yönetilmesi gereken kurallar kaldırıldı. */
}

/* Menü Linkleri Genel Stil */
.woocommerce-account .ba-styled-nav ul li a {
    padding: 12px 15px !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Aktif Menü Öğesi */
.woocommerce-account .ba-styled-nav ul li.is-active > a {
    background-color: #f0f4ff !important;
    color: #253254 !important;
    font-weight: 600 !important;
}

/* Fareyle Üzerine Gelme Efekti (Aktif olmayanlar için) */
.woocommerce-account .ba-styled-nav ul li:not(.is-active) a:hover {
    background-color: #f8f9fa !important;
}

/* Oturumu Kapat Linki */
.woocommerce-account .ba-styled-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid #e9ecef !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.woocommerce-account .ba-styled-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #dc3545 !important;
    background-color: transparent !important;
}

/* Kontrol Paneli Başlığı Stili */
.woocommerce-account .ba-account-nav-header h3 {
    font-family: 'Alegreya Sans SC', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #253254 !important;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

/* Hesabım Sayfası Modernizasyon */
/* 1. Gradyan Arka Plan */
body.woocommerce-account {
    background: linear-gradient(120deg, #f6f9ff 0%, #eef1f5 100%) !important;
}

/* 2. Özellik Kartları İkon Konteyneri (Arka planı sil & ortala) */
.woocommerce-account .feature-item .feature-icon {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 2.1 Özellik Kartları İkon Stili (Font Awesome'ı Hedefleyerek) */
.woocommerce-account .feature-item .feature-icon i {
    font-size: 42px !important; /* İkonu büyüt */
    color: #4a69bb !important; /* Yeni ikon rengi */
    line-height: 1;
}

/* Kart linklerinin altındaki çizgiyi kaldır (Kapsamlı Çözüm) */
.woocommerce-account .feature-item-link,
.woocommerce-account .feature-item-link:hover,
.woocommerce-account .feature-item-link * { /* İçindeki tüm elementleri de hedef al */
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
