/*
Theme Name: PCBDunyasi White
Author: Babus & Kanki
Version: 2.0
*/

:root {
    /* --- RENK PALETİ (Premium White) --- */
    --bg-body: #ffffff;          /* Ana Arkaplan: Kar Beyazı */
    --bg-light: #f8f9fc;         /* Hafif Gri (Bölümler için) */
    --bg-card: #ffffff;          /* Kart Arkaplanı */
    
    --text-main: #1a1a1a;        /* Ana Yazılar: Tam Siyah Değil */
    --text-muted: #666666;       /* Açıklamalar: Gri */
    
    /* --- SENİN MAVİ --- */
    --primary: #007bff;          /* Canlı Tekno Mavi */
    --primary-dark: #0056b3;     /* Hover Rengi (Koyu Mavi) */
    --accent-gold: #ffc107;      /* Ufak detaylar için sarı (opsiyonel) */

    /* --- GÖLGELER (Premium Hissiyat) --- */
    --shadow-soft: 0 10px 40px rgba(0,0,0,0.05);
    --shadow-hover: 0 15px 50px rgba(0,0,0,0.1);
    
    --radius: 12px;              /* Yuvarlatılmış köşeler */
    --max-width: 1200px;
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    margin: 0;
    line-height: 1.6;
}

a { text-decoration: none; color: inherit; transition: 0.3s; }
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 20px; }

/* --- HEADER DÜZENLEMESİ (Beyaz için) --- */
.site-header {
    background: rgba(255, 255, 255, 0.95); /* Buzlu Beyaz */
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    z-index: 1000;
}
/* Logo ve Menü Renkleri */
.brand-text b { color: #000 !important; } 
.nav-links a { color: var(--text-main) !important; font-weight: 600; }
.nav-links a:hover { color: var(--primary) !important; background: rgba(0,123,255,0.05) !important; }
.header-cart-link { color: var(--text-main) !important; border-color: #eee !important; }

/* --- BUTONLAR (Mavi) --- */
.btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 99px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.btn.primary {
    background-color: var(--primary);
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,123,255,0.3); /* Mavi Gölge */
}

.btn.primary:hover {
    background-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,123,255,0.4);
}

.btn.outline {
    background: transparent;
    border: 2px solid var(--primary);
    color: var(--primary);
}
.btn.outline:hover {
    background: var(--primary);
    color: #fff;
}

/* --- HERO SECTION --- */
.hero-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); /* Çok hafif gri geçiş */
    text-align: center;
}
.hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #111;
}
.hero-desc {
    font-size: 1.2rem;
    color: var(--text-muted);
    max-width: 700px;
    margin: 0 auto 30px;
}

/* --- KARTLAR (Hizmetler & Ürünler) --- */
.feature-grid, .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 50px 0;
}

.card-box {
    background: var(--bg-card);
    padding: 30px;
    border-radius: var(--radius);
    border: 1px solid #f0f0f0;
    box-shadow: var(--shadow-soft);
    transition: 0.3s;
    text-align: center;
}
.card-box:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: var(--primary); /* Hoverda mavi çerçeve */
}
.card-icon {
    font-size: 40px;
    color: var(--primary);
    margin-bottom: 20px;
}
.card-title { font-size: 1.4rem; margin-bottom: 10px; font-weight: 700; }
.card-text { color: var(--text-muted); font-size: 0.95rem; }

/* --- BÖLÜMLER --- */
.section-padding { padding: 80px 0; }
.section-bg-light { background-color: var(--bg-light); }
.section-title-wrap { text-align: center; margin-bottom: 50px; }
.section-title { font-size: 2.5rem; font-weight: 700; color: #111; }
.section-subtitle { color: var(--primary); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }

/* --- PCB CTA --- */
.pcb-banner {
    background: var(--primary);
    color: #fff;
    padding: 60px 0;
    border-radius: 20px;
    text-align: center;
    margin: 40px auto;
    background-image: linear-gradient(45deg, var(--primary) 0%, #00d2ff 100%);
}
.pcb-banner h2 { color: #fff; margin-bottom: 15px; }
.pcb-banner p { color: rgba(255,255,255,0.9); margin-bottom: 25px; font-size: 1.1rem; }
.pcb-banner .btn { background: #fff; color: var(--primary); }
.pcb-banner .btn:hover { background: #f0f0f0; }
/* =========================================
   HEADER DÜZELTMELERİ (JİLET GİBİ YAP)
   ========================================= */

/* 1. Header Şeridi */
.site-header {
    background: rgba(255, 255, 255, 0.95); /* Buzlu Beyaz */
    border-bottom: 1px solid #e5e5e5;
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03); /* Çok hafif gölge */
}

/* 2. İçerik Hizalama (Logo - Menü - Butonlar yan yana) */
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px; /* Header yüksekliği sabit olsun */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 3. Logo Ayarı */
.brand {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0; /* Logo sıkışmasın */
}
.brand img {
    height: 40px;
    width: auto;
}

/* 4. Menü Linkleri (YAN YANA DİZME OPERASYONU) */
.nav-links {
    display: flex;
    gap: 30px;
    margin: 0 20px;
    padding: 0;
    list-style: none; /* O siyah noktaları yok et */
}

/* WordPress bazen <ul> basar, bazen direkt <li> basar. İkisini de kapsayalım */
.nav-links ul, 
.nav-links div {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-links li {
    display: inline-block; /* Yan yana durun */
    margin: 0;
    padding: 0;
    list-style: none; /* Nokta yok! */
}

.nav-links a {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-links a:hover {
    color: var(--primary); /* Mavi olsun */
}

/* 5. Sağ Taraf (Sepet & Buton) */
.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
}

.header-cart-link {
    font-size: 20px;
    color: #333 !important;
    position: relative;
    margin-right: 10px;
}

.header-cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--primary);
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 6. Mobil Menü (GİZLE BUNU!) */
/* Masaüstünde o kocaman mavi butonu ve paneli görmemeliyiz */
.mobile-panel {
    display: none; /* Gizli başlasın */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.site-header.open .mobile-panel {
    display: block; /* Sadece JS 'open' classı eklerse gözüksün */
}

.nav-toggle {
    display: none; /* Masaüstünde hamburger menü olmasın */
}

/* =========================================
   FOOTER DÜZELTMELERİ
   ========================================= */
.site-footer {
    background: #111; /* Koyu Zemin */
    color: #bbb;
    padding: 60px 0 20px;
    margin-top: 60px;
}

.footer-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

.footer-logo img { height: 35px; margin-bottom: 20px; opacity: 0.8; }

.footer-nav {
    display: flex;
    flex-direction: column; /* Linkler alt alta */
    gap: 10px;
}
.footer-nav a { color: #bbb; text-decoration: none; transition: 0.3s; }
.footer-nav a:hover { color: #fff; padding-left: 5px; }

.footer-bottom {
    text-align: center;
    border-top: 1px solid #333;
    margin-top: 40px;
    padding-top: 20px;
    font-size: 12px;
    color: #666;
}

/* =========================================
   MOBİL İÇİN ÖZEL AYARLAR (TELEFONDA DÜZGÜN GÖRÜNSÜN)
   ========================================= */
@media (max-width: 900px) {
    .nav-links { display: none; } /* Mobilde üst menüyü gizle */
    .nav-toggle { display: block; border: none; background: transparent; cursor: pointer; }
    .nav-toggle span { display: block; width: 25px; height: 3px; background: #333; margin: 5px 0; }
    
    .mobile-panel .mobile-cta { margin-top: 20px; }
    .mobile-panel a {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
        color: #333;
        font-weight: 600;
    }
}
/* =========================================
   FOOTER (PREMIUM MAVİ VERSİYON)
   ========================================= */
.site-footer {
    /* Dümdüz mavi yerine premium geçişli mavi */
    background: linear-gradient(135deg, #007bff 0%, #004494 100%);
    color: #fff; /* Yazılar beyaz */
    padding: 60px 0 30px;
    margin-top: 80px;
    box-shadow: 0 -5px 20px rgba(0, 123, 255, 0.15); /* Üstten hafif mavi yansıma */
}

/* Footer İç Düzeni */
.footer-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

/* Logo (Eğer resimse beyazlığını artırır, yoksa yazı rengi) */
.footer-logo img { 
    height: 40px; 
    margin-bottom: 20px; 
    filter: brightness(0) invert(1); /* Logoyu otomatik beyaza çevirir */
    opacity: 0.9;
}

/* Linkler */
.footer-nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-nav a {
    color: rgba(255, 255, 255, 0.85); /* Hafif kırık beyaz */
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s ease;
    display: inline-block;
}

.footer-nav a:hover {
    color: #fff; /* Hoverda tam beyaz */
    transform: translateX(5px); /* Sağa hafif kayma efekti */
    text-shadow: 0 0 10px rgba(255,255,255,0.5);
}

/* En Alt Kısım (Telif Hakkı) */
.footer-bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.15); /* Çizgi de şeffaf beyaz */
    margin-top: 50px;
    padding-top: 25px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}
/* =========================================
   MAĞAZA (SHOP) DÜZENİ
   ========================================= */

/* Genel Yapı */
.shop-wrapper {
    padding: 60px 0;
    min-height: 80vh;
}

.shop-header {
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}
.shop-title { font-size: 2rem; margin: 0; color: #111; }
.shop-subtitle { color: #666; margin-top: 5px; }

/* Izgara Düzeni (Sol Panel + Sağ Ürünler) */
.shop-layout {
    display: grid;
    grid-template-columns: 280px 1fr; /* Sol 280px, Sağ kalan alan */
    gap: 40px;
    align-items: start;
}

/* --- SOL PANEL (Filtreler) --- */
.shop-sidebar {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

.widget { margin-bottom: 30px; }
.widget-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary); /* Mavi çizgi */
    display: inline-block;
}

/* Kategori Listesi Düzeni */
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    font-size: 14px;
    color: #555;
    display: flex;
    justify-content: space-between;
}
.widget ul li a { color: #333; font-weight: 500; }
.widget ul li a:hover { color: var(--primary); padding-left: 5px; }

/* --- SAĞ TARAF (Ürün Kartları) --- */
/* WooCommerce varsayılan listesini temizle */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); /* Responsive Grid */
    gap: 25px;
    padding: 0;
    margin: 0;
    list-style: none !important; /* O noktaları yok et */
}

.woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: 0.3s;
    position: relative;
    list-style: none;
    margin: 0; /* Woo'nun margini sıfırla */
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-color: var(--primary);
}

/* Ürün Resmi */
.woocommerce ul.products li.product img {
    width: 100%;
    height: 180px;
    object-fit: contain; /* Resmi kesme, sığdır */
    margin-bottom: 15px;
}

/* Ürün Başlığı */
.woocommerce ul.products li.product h2 {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin: 0 0 10px;
    line-height: 1.4;
    min-height: 42px; /* Başlıklar eşit dursun */
}

/* Fiyat */
.woocommerce ul.products li.product .price {
    display: block;
    color: var(--primary);
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 15px;
}
.woocommerce ul.products li.product .price del { color: #999; font-size: 12px; margin-right: 5px; }

/* Sepete Ekle Butonu */
.woocommerce ul.products li.product .button {
    display: block;
    background: var(--primary);
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.woocommerce ul.products li.product .button:hover {
    background: #0056b3;
    color: #fff;
}

/* Responsive */
@media (max-width: 900px) {
    .shop-layout { grid-template-columns: 1fr; } /* Mobilde tek sütun */
    .shop-sidebar { margin-bottom: 30px; }
}
/* --- HEADER EKLEMELER --- */
.site-header { background: rgba(255,255,255,0.98); border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 999; }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: 70px; }
.nav-links { display: flex; gap: 25px; }
.nav-links a { font-weight: 600; color: #444; font-size: 14px; text-transform: uppercase; }
.nav-links a:hover { color: var(--primary); }
.header-actions { display: flex; align-items: center; gap: 15px; }
.header-icon-link { font-size: 20px; color: #333; position: relative; transition: 0.3s; }
.header-icon-link:hover { color: var(--primary); }
.header-cart-count { position: absolute; top: -8px; right: -8px; background: var(--primary); color: #fff; font-size: 10px; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

/* --- INDEX HERO --- */
.hero-section { padding: 80px 0; background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); }
.hero-container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.hero-title { font-size: 3.5rem; line-height: 1.1; margin: 15px 0; color: #222; font-weight: 800; }
.hero-title .highlight { color: var(--primary); }
.hero-btns { margin-top: 30px; display: flex; gap: 15px; }
.floating-img { max-width: 100%; animation: float 6s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }

/* --- SERVICES --- */
.services-section { padding: 60px 0; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.feature-card { background: #fff; padding: 30px; border-radius: 12px; border: 1px solid #eee; text-align: center; transition: 0.3s; }
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-color: var(--primary); }
.feature-icon { font-size: 40px; color: var(--primary); margin-bottom: 15px; }

/* --- PCB BANNER (MAVİ) --- */
.pcb-cta-section { padding: 40px 0; }
.pcb-banner-box { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); border-radius: 20px; padding: 50px; text-align: center; color: #fff; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(0,123,255,0.25); }
.pcb-bg-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 20px 20px; }
.pcb-content { position: relative; z-index: 2; }
.badge-white { background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.pcb-content h2 { font-size: 2.5rem; margin: 15px 0; }
.btn-glow { display: inline-block; background: #fff; color: var(--primary); padding: 15px 40px; border-radius: 50px; font-weight: 800; margin-top: 20px; box-shadow: 0 0 20px rgba(255,255,255,0.4); text-decoration: none; transition: 0.3s; }
.btn-glow:hover { transform: scale(1.05); box-shadow: 0 0 30px rgba(255,255,255,0.6); }
.pcb-mini-features { margin-top: 25px; display: flex; justify-content: center; gap: 20px; font-size: 0.9rem; opacity: 0.9; }

/* --- VİTRİN --- */
.showcase-section { padding: 60px 0; background: #f9f9f9; }
.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 25px; }
.product-card-home { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #eee; transition: 0.3s; }
.product-card-home:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.p-img-box { height: 200px; padding: 20px; display: flex; align-items: center; justify-content: center; }
.p-img-box img { max-height: 100%; max-width: 100%; object-fit: contain; }
.p-info { padding: 15px; border-top: 1px solid #f5f5f5; }
.p-info h4 { font-size: 1rem; margin: 0 0 5px; color: #333; }
.p-price { font-weight: 800; color: var(--primary); }

/* --- JOIN (ÜYELİK) --- */
.join-section { padding: 60px 0; background: #222; color: #fff; margin-top: 40px; }
.join-container { display: flex; justify-content: space-between; align-items: center; }
.white-btn { background: #fff; color: #000; padding: 12px 30px; border-radius: 99px; font-weight: 700; text-decoration: none; }
.white-btn:hover { background: #eee; }

/* Responsive */
@media (max-width: 900px) {
    .hero-container, .join-container { flex-direction: column; text-align: center; }
    .hero-img { margin-top: 30px; }
    .nav-links, .desktop-only { display: none; }
    .nav-toggle { display: block; }
}
/* =========================================
   FOOTER TASARIMI (TEKNO DARK)
   ========================================= */
.site-footer {
    background: #0b0e14; /* Çok koyu lacivert/siyah */
    color: #a0a0a0;
    padding-top: 70px;
    font-size: 14px;
    border-top: 3px solid var(--primary); /* Üstte mavi ince çizgi */
}

.footer-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
    padding-bottom: 50px;
}

/* Kolon Başlıkları */
.footer-col h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Logo ve Açıklama */
.footer-logo img { max-height: 40px; margin-bottom: 20px; filter: brightness(0) invert(1); }
.footer-desc { line-height: 1.6; margin-bottom: 20px; max-width: 280px; }

/* İletişim Bilgileri */
.footer-contact a, .footer-contact span {
    display: block;
    color: #a0a0a0;
    margin-bottom: 10px;
    text-decoration: none;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-contact a:hover { color: #fff; padding-left: 5px; }
.footer-contact i { color: var(--primary); width: 20px; }

/* Link Menüleri */
.footer-menu { display: flex; flex-direction: column; gap: 10px; }
.footer-menu a {
    color: #a0a0a0;
    text-decoration: none;
    transition: 0.3s;
}
.footer-menu a:hover {
    color: var(--primary);
    transform: translateX(5px);
}

/* Sosyal Medya İkonları */
.footer-social { display: flex; gap: 10px; }
.footer-social a {
    width: 36px; height: 36px;
    background: rgba(255,255,255,0.05);
    display: flex; align-items: center; justify-content: center;
    border-radius: 6px;
    color: #fff;
    transition: 0.3s;
    text-decoration: none;
}
.footer-social a:hover {
    background: var(--primary);
    transform: translateY(-3px);
}

/* Alt Şerit (Copyright) */
.footer-bottom {
    background: #050608; /* Daha da koyu zemin */
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.payment-icons { font-size: 24px; color: #555; display: flex; gap: 15px; }

/* SABİT WHATSAPP BUTONU */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #25d366;
    color: #fff;
    width: 60px; height: 60px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 32px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    z-index: 9999;
    transition: 0.3s;
    text-decoration: none;
}
.whatsapp-float:hover {
    background: #128c7e;
    transform: scale(1.1);
}

/* Mobil Ayarı */
@media (max-width: 768px) {
    .bottom-inner { flex-direction: column; text-align: center; }
    .footer-col { text-align: center; }
    .footer-contact a, .footer-contact span { justify-content: center; }
    .footer-social { justify-content: center; }
}
/* =========================================
   ÜYELİK VE HESAP SAYFASI TASARIMI
   ========================================= */
.auth-wrapper {
    background: #f4f6f9;
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

/* --- GİRİŞ EKRANI (SPLIT LAYOUT) --- */
.auth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
    min-height: 600px;
}

/* Sol Taraf (Mavi Alan) */
.auth-visual {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    padding: 60px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.visual-content { position: relative; z-index: 2; }
.visual-tag { background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 30px; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.auth-visual h2 { font-size: 2.5rem; margin: 20px 0; font-weight: 800; line-height: 1.1; }
.auth-visual p { opacity: 0.9; font-size: 1.1rem; line-height: 1.6; margin-bottom: 40px; }

.visual-features .v-feat { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; font-weight: 600; }
.visual-features .v-feat i { background: rgba(255,255,255,0.2); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

.visual-bg-circle {
    position: absolute; bottom: -100px; right: -100px;
    width: 400px; height: 400px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
}

/* Sağ Taraf (Formlar) */
.auth-forms { padding: 60px; display: flex; flex-direction: column; justify-content: center; }
.form-header { text-align: center; margin-bottom: 30px; }
.form-header h3 { font-size: 1.8rem; margin: 0 0 5px; color: #222; }
.form-header p { color: #888; margin: 0; }

/* --- WOOCOMMERCE FORM Override --- */
.woocommerce-form-login, .woocommerce-form-register { border: none !important; padding: 0 !important; margin: 0 !important; }
.u-column1, .u-column2 { width: 100% !important; float: none !important; margin-bottom: 20px; }

/* Inputları Güzelleştir */
.woocommerce form .form-row input.input-text {
    background: #f9f9f9; border: 1px solid #e1e1e1; padding: 15px; border-radius: 10px; font-size: 1rem; color: #333; transition: 0.3s;
}
.woocommerce form .form-row input.input-text:focus { background: #fff; border-color: var(--primary); outline: none; }
.woocommerce form .form-row label { font-weight: 600; color: #444; margin-bottom: 8px; display: block; }

/* Butonu Güzelleştir */
.woocommerce button.button {
    width: 100%; background: var(--primary) !important; color: #fff !important; padding: 15px !important; border-radius: 10px !important; font-weight: 700 !important; text-transform: uppercase; margin-top: 10px; transition: 0.3s !important;
}
.woocommerce button.button:hover { background: #004494 !important; transform: translateY(-2px); }

/* --- İÇERİDEKİ PANEL (DASHBOARD) --- */
.dashboard-header { margin-bottom: 40px; display: flex; align-items: center; }
.user-welcome { display: flex; align-items: center; gap: 20px; }
.user-avatar img { border-radius: 50%; border: 3px solid #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

/* Panel Grid Yapısı (Sol Menü - Sağ İçerik) */
.woocommerce-MyAccount-navigation { float: left; width: 25%; margin-right: 5%; }
.woocommerce-MyAccount-content { float: left; width: 70%; }

/* Sol Menü Linkleri */
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #eee; }
.woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #f5f5f5; }
.woocommerce-MyAccount-navigation ul li a {
    display: block; padding: 15px 20px; color: #555; font-weight: 600; transition: 0.2s; text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li a:hover { background: #f8f9fa; color: var(--primary); padding-left: 25px; }
.woocommerce-MyAccount-navigation ul li.is-active a { background: var(--primary); color: #fff; }

/* Sağ Taraf Tabloları */
.woocommerce-MyAccount-content table.shop_table {
    border: none; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.03); background: #fff;
}
.woocommerce-MyAccount-content table.shop_table th { background: #f8f9fa; color: #333; padding: 15px; border-bottom: 2px solid #eee; }
.woocommerce-MyAccount-content table.shop_table td { padding: 15px; border-bottom: 1px solid #eee; color: #666; }
.woocommerce-MyAccount-content p { color: #555; line-height: 1.6; }

/* Responsive */
@media (max-width: 900px) {
    .auth-grid { grid-template-columns: 1fr; }
    .auth-visual { display: none; }
    .auth-forms { padding: 30px 20px; }
    .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content { width: 100%; float: none; }
    .woocommerce-MyAccount-navigation { margin-bottom: 30px; }
}
/* =========================================================
   MODERN SEPET TASARIMI - CARD LAYOUT
   (Renkleri Koruyarak Düzen Değişikliği)
   ========================================================= */

/* 1. GENEL YERLEŞİM */
.woocommerce-cart .woocommerce {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    gap: 40px;
    align-items: flex-start;
}

.woocommerce-cart .woocommerce:before, 
.woocommerce-cart .woocommerce:after { display: none; }


/* 2. SOL TARAF: ÜRÜN LİSTESİ - CARD YAPISI */
.woocommerce-cart-form {
    flex: 1;
    width: 65% !important; 
    background: #ffffff !important;
    padding: 0 !important; /* Padding'i kaldırdık, her kart kendi içinde olacak */
    border-radius: 12px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

/* TABLO BAŞLIKLARINI GİZLE */
.shop_table.cart thead {
    display: block !important;
    background: #f9f9f9;
    border-radius: 12px 12px 0 0;
    padding: 15px 30px;
}

.shop_table.cart thead tr {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.shop_table.cart th {
    background: transparent !important;
    color: #999 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 0 !important;
    border: none !important;
    flex: 1;
    text-align: center;
}

.shop_table.cart th.product-remove { flex: 0 0 40px; }
.shop_table.cart th.product-thumbnail { flex: 0 0 120px; text-align: left; }
.shop_table.cart th.product-name { flex: 2; text-align: left; }
.shop_table.cart th.product-price { flex: 0 0 120px; }
.shop_table.cart th.product-quantity { flex: 0 0 100px; }
.shop_table.cart th.product-subtotal { flex: 0 0 120px; text-align: right; }


/* TBODY: HER ÜRÜN BİR CARD */
.shop_table.cart tbody {
    display: block !important;
}

.shop_table.cart tbody tr {
    display: flex !important;
    align-items: center;
    padding: 30px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    position: relative;
    transition: background 0.2s;
}

.shop_table.cart tbody tr:hover {
    background: #fafafa !important;
}

.shop_table.cart tbody tr:last-child {
    border-bottom: none !important;
}

/* HÜCRELERİ YAN YANA DİZ */
.shop_table.cart td {
    padding: 0 !important;
    border: none !important;
    display: flex;
    align-items: center;
}

/* Silme Butonu - Sol Üst Köşe */
.shop_table.cart td.product-remove {
    flex: 0 0 40px;
    justify-content: flex-start;
}

.shop_table.cart td.product-remove a.remove {
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #cc0000 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
}

.shop_table.cart td.product-remove a.remove:hover {
    background: #cc0000 !important;
    border-color: #cc0000 !important;
    color: #fff !important;
}

/* Ürün Resmi */
.shop_table.cart td.product-thumbnail {
    flex: 0 0 120px;
    padding-right: 20px !important;
}

.shop_table.cart .product-thumbnail img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
}

/* Ürün Adı + Detaylar */
.shop_table.cart td.product-name {
    flex: 2;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px;
}

.shop_table.cart .product-name a {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-decoration: none;
    margin-bottom: 8px;
    display: block;
}

/* EBAT, TESLİMAT, NOT gibi meta bilgileri */
.shop_table.cart .product-name .wc-item-meta,
.shop_table.cart .product-name dl {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.6;
    margin: 0;
}

.shop_table.cart .product-name dt {
    font-weight: 600 !important;
    display: inline;
    margin-right: 5px;
}

.shop_table.cart .product-name dd {
    display: inline;
    margin: 0;
}

.shop_table.cart .product-name p {
    margin: 5px 0 0 !important;
    font-size: 13px !important;
    color: #666 !important;
}

/* Fiyat */
.shop_table.cart td.product-price {
    flex: 0 0 120px;
    justify-content: center;
}

.shop_table.cart td.product-price .amount {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* Miktar */
.shop_table.cart td.product-quantity {
    flex: 0 0 100px;
    justify-content: center;
}

.shop_table.cart td.product-quantity .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop_table.cart td.product-quantity input.qty {
    width: 60px !important;
    height: 40px !important;
    text-align: center;
    border: 1px solid #ddd !important;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 600;
}

/* Ara Toplam */
.shop_table.cart td.product-subtotal {
    flex: 0 0 120px;
    justify-content: flex-end;
}

.shop_table.cart td.product-subtotal .amount {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #007bff !important;
}


/* 3. ALT BAR (KUPON & GÜNCELLEME) */
.shop_table.cart tfoot {
    display: block !important;
}

.shop_table.cart tfoot tr {
    display: block !important;
}

td.actions {
    padding: 30px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background: #fafafa !important;
    border: none !important;
    gap: 20px;
    border-radius: 0 0 12px 12px;
}

/* Kupon Alanı */
.coupon {
    display: flex !important;
    align-items: center;
    flex: 1;
}

.coupon input#coupon_code {
    border: 1px solid #ddd !important;
    padding: 0 15px !important;
    height: 45px !important;
    min-width: 200px;
    border-radius: 6px 0 0 6px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.coupon button.button {
    background: #333 !important;
    color: #fff !important;
    height: 45px !important;
    padding: 0 25px !important;
    border-radius: 0 6px 6px 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    border: none !important;
    cursor: pointer;
    transition: 0.3s;
}

.coupon button.button:hover {
    background: #000 !important;
}

/* Sepeti Güncelle Butonu */
.woocommerce-cart button[name="update_cart"].button {
    background: #fff !important;
    color: #555 !important;
    border: 1px solid #ddd !important;
    height: 45px !important;
    padding: 0 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    margin-left: auto !important;
    box-shadow: none !important;
    transition: 0.3s;
    cursor: pointer;
}

.woocommerce-cart button[name="update_cart"].button:hover {
    background: #f8f9fa !important;
    color: #333 !important;
    border-color: #bbb !important;
}

.woocommerce-cart button[name="update_cart"].button:disabled {
    opacity: 0.5;
    cursor: default;
}


/* 4. SAĞ TARAF: ÖZET KUTUSU */
.cart-collaterals {
    width: 32% !important;
    flex: 0 0 32%;
}

.cart_totals {
    background: #fff;
    padding: 30px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    border-radius: 12px;
    width: 100% !important;
    float: none !important;
}

.cart_totals h2 {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.cart_totals table {
    width: 100%;
}

.cart_totals table th { 
    text-align: left; 
    padding: 15px 0; 
    color: #999; 
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cart_totals table td { 
    text-align: right; 
    padding: 15px 0; 
    color: #111; 
    font-weight: 700; 
    border-bottom: 1px solid #f5f5f5; 
}

/* Genel Toplam */
.cart_totals .order-total th,
.cart_totals .order-total td {
    border-top: 2px solid #eee;
    border-bottom: none;
    padding-top: 20px;
    font-size: 20px;
    color: #007bff;
}

/* 5. ÖDEME BUTONU VE WRAPPER - ULTRA GÜÇLÜ */
.cart_totals .wc-proceed-to-checkout,
.woocommerce .cart_totals .wc-proceed-to-checkout,
.woocommerce-page .cart_totals .wc-proceed-to-checkout {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
}

.cart_totals .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page .cart_totals .wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout .button.checkout-button,
.wc-proceed-to-checkout a.button.alt {
    background-color: #000 !important; /* SİYAH */
    color: #fff !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 6px !important; 
    font-size: 13px !important; 
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 6px !important;
    margin: 20px 0 0 0 !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    border: none !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

.cart_totals .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button:hover,
.wc-proceed-to-checkout .button.checkout-button:hover,
.wc-proceed-to-checkout a.button.alt:hover {
    background-color: #007bff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0,123,255,0.3) !important;
}


/* 6. MOBİL UYUM */
@media (max-width: 991px) {
    .woocommerce-cart .woocommerce {
        flex-direction: column !important;
    }
    
    .woocommerce-cart-form, .cart-collaterals {
        width: 100% !important;
        flex: 0 0 100%;
    }
    
    /* Başlıkları gizle */
    .shop_table.cart thead {
        display: none !important;
    }
    
    /* Kartları dikey yap */
    .shop_table.cart tbody tr {
        flex-direction: column;
        align-items: flex-start !important;
        padding: 20px !important;
    }
    
    .shop_table.cart td {
        width: 100% !important;
        flex: 0 0 auto !important;
        margin-bottom: 10px;
    }
    
    .shop_table.cart td.product-thumbnail {
        padding-right: 0 !important;
    }
    
    td.actions {
        flex-direction: column;
        align-items: stretch;
    }
    
    .coupon { 
        width: 100%; 
        margin-bottom: 15px; 
    }
    
    .coupon input#coupon_code { 
        width: 100% !important; 
    }
    
    .woocommerce-cart button[name="update_cart"].button { 
        width: 100%; 
        margin: 0; 
    }
}


/* =========================================================
   ÖDEME SAYFASI (CHECKOUT) - KUPONSUZ & DÜZGÜN HİZALI
   ========================================================= */

/* 1. KUPON KODU ALANINI KOMPLE GİZLE (SİL) */
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon,
.checkout_coupon {
    display: none !important;
}

/* 2. ANA FORM YAPISI (Masaüstü için Yan Yana Diz) */
@media (min-width: 992px) {
    /* Formun kendisini Flex yapıyoruz */
    form.checkout.woocommerce-checkout {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 40px;
        align-items: flex-start;
        max-width: 1300px;
        margin: 0 auto;
    }

    /* SOL TARAF: Fatura Detayları */
    #customer_details {
        flex: 1; /* Esnek genişlik */
        width: 60% !important; /* Geniş alan */
        background: #fff;
        padding: 40px;
        border-radius: 12px;
        border: 1px solid #e1e1e1;
        box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    }

    /* SAĞ TARAF: Sipariş Özeti ve Ödeme */
    #order_review_heading, 
    #order_review {
        flex: 0 0 35%; /* Sabit %35 genişlik */
        width: 35% !important;
        max-width: 35% !important;
    }
    
    /* Başlığı gizle, kutunun içine kendi başlığımızı koyarız */
    #order_review_heading { display: none; }

    /* Ödeme Kutusu Tasarımı */
    #order_review {
        background: #fff;
        padding: 30px;
        border: 1px solid #e1e1e1;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        position: sticky;
        top: 100px; /* Sayfa kayınca sabit kalsın */
    }
}

/* 3. MOBİL UYUM (Telefonda Alt Alta İnsin) */
@media (max-width: 991px) {
    form.checkout.woocommerce-checkout {
        display: block !important;
    }
    #customer_details, #order_review {
        width: 100% !important;
        margin-bottom: 30px;
        background: #fff;
        padding: 20px;
        border-radius: 10px;
    }
}

/* 4. FORM ELEMANLARI (Güzelleştirme) */
#customer_details h3 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection--single {
    padding: 12px 15px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 6px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
}

.woocommerce form .form-row input.input-text:focus {
    background-color: #fff !important;
    border-color: #007bff !important;
}

/* 5. ÖDEME TABLOSU VE BUTON */
.woocommerce-checkout-review-order-table {
    margin-bottom: 20px;
    border: none !important;
}
.woocommerce-checkout-review-order-table th {
    padding: 15px 0;
    color: #777;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.woocommerce-checkout-review-order-table td {
    padding: 15px 0;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #f5f5f5;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    border-top: 2px solid #eee;
    border-bottom: none;
    color: #007bff;
    font-size: 20px;
    padding-top: 20px;
}

/* ÖDEME KUTUSU (Gri Alan) */
#payment {
    background: #f8f9fa !important;
    border-radius: 8px;
    padding: 20px !important;
}
#payment ul.payment_methods {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/* SİPARİŞİ ONAYLA BUTONU */
#place_order {
    width: 100%;
    background-color: #007bff !important; /* Mavi */
    color: #fff !important;
    padding: 18px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-radius: 8px !important;
    transition: 0.3s;
    margin-top: 10px;
    box-shadow: 0 5px 15px rgba(0,123,255,0.3);
}
#place_order:hover {
    background-color: #000 !important; /* Siyah Hover */
    transform: translateY(-2px);
}
/* =========================================================
   SEPET SAYFASI - BİLDİRİM ŞERİTLERİNİ GİZLE
   ========================================================= */

/* Sepet sayfasındaki Yeşil (Başarılı) ve Mavi (Bilgi) kutularını uçur */
.woocommerce-cart .woocommerce-message, 
.woocommerce-cart .woocommerce-info {
    display: none !important;
}

/* Eğer sepet boşsa çıkan "Sepetiniz şu anda boş" yazısını daha şık yap (Gizlemek yerine ortalar) */
/* Eğer tamamen gizlemek istersen yukarıdaki kod yeterli. Ama boş sepette buton kalsın dersen: */
.woocommerce-cart .cart-empty {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin: 50px 0 30px;
}

.woocommerce-cart .return-to-shop {
    text-align: center;
    margin-bottom: 50px;
}

.woocommerce-cart .return-to-shop .button {
    background-color: #007bff !important;
    color: #fff !important;
    padding: 15px 30px !important;
    border-radius: 6px !important;
    text-transform: uppercase;
    font-weight: 700;
}
.woocommerce-cart .return-to-shop .button:hover {
    background-color: #000 !important;
}



/* =========================================================
   HESABIM SAYFASI (DASHBOARD) - DÜZELTME & GİZLEME
   ========================================================= */

/* 1. LAYOUT SABİTLEME (Flexbox'a Geçiş) */
/* Float yapısını eziyoruz, modern kutu yapısına geçiyoruz */
.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 40px;
    align-items: flex-start; /* Yukarı hizala */
}

/* Floatları temizle */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
}

/* Sol Menü Genişliği */
.woocommerce-MyAccount-navigation {
    flex: 0 0 280px; /* Sabit genişlik */
    margin-right: 0 !important;
}

/* Sağ İçerik Genişliği */
.woocommerce-MyAccount-content {
    flex: 1; /* Kalan tüm alanı kapla */
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

/* 2. "İNDİRMELER" SEKMESİNİ GİZLE */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* 3. MENÜ TASARIMI (Daha Şık Hale Getirelim) */
.woocommerce-MyAccount-navigation ul {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #f0f0f0;
}
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
    padding: 18px 25px !important;
    font-weight: 600;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.2s;
}

/* Aktif Sekme Rengi (Mavi) */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #f8fbff !important;
    color: #007bff !important;
    border-left: 4px solid #007bff;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f8f9fa;
    color: #007bff;
}

/* 4. MOBİL UYUM */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        flex-direction: column; /* Mobilde alt alta */
    }
    .woocommerce-MyAccount-navigation {
        flex: 0 0 100%;
        width: 100% !important;
        margin-bottom: 30px;
    }
}
/* =========================================================
   ÖDEME SAYFASI - ÜSTTEKİ HATALARI GİZLE
   (Zaten inputların altında uyarı çıktığı için)
   ========================================================= */

.woocommerce-checkout .woocommerce-NoticeGroup-checkout, 
.woocommerce-checkout ul.woocommerce-error {
    display: none !important;
}
/* =========================================================
   MOBİL İÇİN ÖZEL REFAH PAKETİ (MODAL + SEPET + ÖDEME)
   ========================================================= */

@media only screen and (max-width: 900px) {

    /* --- 1. MODAL DÜZELTMESİ (Telefonda Kaybolmasın) --- */
    
    /* Modalı en üste taşı ve sabitle */
    #productModal {
        z-index: 999999 !important; /* Header'ın üstüne çıksın */
        padding: 0 !important;
        align-items: flex-end !important; /* Aşağıdan çıksın (Bottom Sheet Havası) */
    }

    /* Modal Kutusu */
    #productModal .modal-content {
        width: 100% !important;
        max-width: 100% !important;
        height: 85vh !important; /* Ekranın %85'ini kaplasın */
        max-height: 85vh !important;
        border-radius: 20px 20px 0 0 !important; /* Sadece üst köşeler oval */
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    /* Kapat Butonu (Daha ulaşılabilir olsun) */
    #productModal .modal-content button[onclick="closeModal()"] {
        top: 15px !important;
        right: 15px !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
        z-index: 100 !important;
    }

    /* İçerik Düzeni (Resim Üstte, Bilgi Altta) */
    .modal-grid {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        overflow-y: auto !important; /* Kaydırma açık */
    }

    /* Resim Alanı */
    .modal-img-container {
        height: 250px !important; /* Sabit yükseklik */
        flex: 0 0 auto !important;
        padding: 20px !important;
        background: #f8f9fa !important;
    }
    .main-img-box { height: 100% !important; }

    /* Bilgi Alanı */
    .modal-info {
        padding: 25px 20px 100px 20px !important; /* Alttan boşluk bırak (Buton için) */
        overflow: visible !important; /* İçerik taşsın, grid kaydırsın */
    }

    /* Başlık ve Fiyat */
    #modalTitle { font-size: 1.5rem !important; }
    #modalPrice { font-size: 1.8rem !important; }

    /* Aksiyon Butonları (Sabit Alt Bar) */
    .modal-actions {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #fff !important;
        padding: 15px 20px !important;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.05) !important;
        display: flex !important;
        gap: 10px !important;
        z-index: 99 !important;
    }
    #modalAddBtn { flex: 2 !important; }
    .modal-actions a { flex: 1 !important; }


    /* --- 2. SEPET SAYFASI (Kart Görünümü) --- */
    
    .woocommerce-cart .woocommerce { display: block !important; }
    
    /* Tablo Başlıklarını Yok Et */
    .shop_table.cart thead { display: none !important; }

    /* Her Ürünü Bir Karta Çevir */
    .shop_table.cart tbody tr.cart_item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important; /* Resim | İçerik */
        gap: 15px !important;
        background: #fff !important;
        border: 1px solid #eee !important;
        border-radius: 12px !important;
        padding: 15px !important;
        margin-bottom: 15px !important;
        position: relative !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
    }

    /* Resim Hücresi */
    .shop_table.cart td.product-thumbnail {
        grid-row: 1 / 3; /* 2 satır kapla */
        border: none !important;
        padding: 0 !important;
    }
    .shop_table.cart td.product-thumbnail img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover;
        border-radius: 8px !important;
    }

    /* Ürün Adı */
    .shop_table.cart td.product-name {
        border: none !important;
        padding: 0 !important;
        align-self: start;
    }
    .shop_table.cart td.product-name a {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #222 !important;
    }

    /* Fiyat ve Miktar */
    .shop_table.cart td.product-price, 
    .shop_table.cart td.product-subtotal { display: none !important; } /* Gereksizleri gizle */

    .shop_table.cart td.product-quantity {
        grid-column: 2 !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Silme Butonu (X) - Sağ Üst */
    .shop_table.cart td.product-remove {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
    }

    /* Kupon ve Güncelle Butonları */
    td.actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 0 !important;
        border: none !important;
    }
    .coupon { width: 100% !important; display: flex !important; }
    .coupon input { flex: 1 !important; }
    
    /* Sepet Toplamları (Sağ Tarafı Alta Al) */
    .cart-collaterals { width: 100% !important; margin-top: 30px !important; }


    /* --- 3. ÖDEME SAYFASI (Formları Rahatlat) --- */
    
    .woocommerce-checkout .woocommerce { display: block !important; }

    #customer_details, #order_review {
        width: 100% !important;
        float: none !important;
        padding: 20px !important; /* Mobilde daha az padding */
    }

    /* Form Satırları */
    .col2-set .col-1, .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
    }

    /* Input Yükseklikleri (Parmakla kolay basılsın) */
    .woocommerce form .form-row input.input-text, 
    .select2-container .select2-selection--single {
        height: 50px !important; /* Daha yüksek */
    }
}
/* =========================================================
   MOBİL SIĞDIRMA VE HİZALAMA (KESMEK YOK, DÜZELTME VAR)
   ========================================================= */

@media (max-width: 991px) {

    /* 1. TÜM KAPLAYICILARI EKRANA ZORLA SIĞDIR */
    .container, .wrap, .site-header, .site-footer, 
    .header-inner, .navbar, #main-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important; /* Taşan içeriği sıkıştır */
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 2. HEADER & MENÜ (HAMBURGER TARAFI) */
    .site-header .header-inner {
        display: flex !important;
        flex-wrap: nowrap !important; /* Yan yana kalsınlar */
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* Logo ve Menü İkonu Arasını Aç, Taşmayı Önle */
    .site-branding, .site-logo {
        flex: 1 !important; /* Esnek alan */
        min-width: 0 !important; /* Küçülebilir olsun */
    }
    .site-branding img, .site-logo img {
        max-width: 150px !important; /* Logo çok büyükse küçült */
        height: auto !important;
    }

    /* Sağdaki İkonlar (Sepet, Hamburger) */
    .header-actions, .mobile-menu-toggle {
        flex: 0 0 auto !important; /* Sabit kalsın */
        margin-left: 10px !important;
    }

    /* 3. SEPET & ÖDEME FORM TAŞMALARI */
    .woocommerce table.shop_table {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important; /* Tabloyu blok yap */
    }
    
    /* Inputlar ve Alanlar */
    .woocommerce-page .col2-set .col-1, 
    .woocommerce-page .col2-set .col-2,
    .woocommerce form .form-row {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        box-sizing: border-box !important;
    }

    .woocommerce input.input-text, 
    .woocommerce textarea, 
    .select2-container {
        width: 100% !important;
        max-width: 100% !important; /* Asla taşmasın */
        box-sizing: border-box !important; /* Padding dahil */
    }

    /* 4. MODAL HİZALAMA (ORTALA VE SIĞDIR) */
    #productModal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 999999 !important;
        padding: 10px !important; /* Kenardan boşluk */
        /* Varsayılan olarak kapalı, JS açacak */
        /* display: none; komutunu sildim çünkü JS kontrol ediyor */
        align-items: center !important; /* Dikey ortala */
        justify-content: center !important; /* Yatay ortala */
        background: rgba(0,0,0,0.8) !important; /* Arka planı koyu yap */
    }

    /* Modal İçerik Kutusu */
    #productModal .modal-content {
        width: 100% !important;
        max-width: 400px !important; /* Çok geniş olmasın */
        height: auto !important;
        max-height: 90vh !important; /* Ekrandan taşmasın */
        margin: 0 auto !important;
        border-radius: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important; /* İçerik taşarsa gizle */
        box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    }

    /* Modal İçeriği Kaydırılabilir Yap (Taşarsa) */
    .modal-right {
        overflow-y: auto !important;
        max-height: 50vh !important;
    }
}
/* =========================================================
   TEKNOROBOT: MODAL, SEPET & ÖDEME FİNAL DÜZELTME
   ========================================================= */

/* GENEL AYARLAR (Taşmaları Önleyici Temel) */
* { box-sizing: border-box; } /* Her şey kutunun içine dahil olsun */

body {
    overflow-x: hidden; /* Yatay kaydırmayı engelle */
    background-color: #f4f6f9 !important;
}

img { max-width: 100%; height: auto; } /* Resimler asla taşmasın */

/* =========================================================
   1. SORUN: MODAL (GARAJ MODAL) DÜZELTMESİ
   (Sekilsiz duruşu gitti, tam ortaya ve jilet gibi oldu)
   ========================================================= */

#garajModal {
    display: none; /* JS ile açılır */
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Arka planı biraz daha soft karart */
    backdrop-filter: blur(5px); /* Arkayı bulanıklaştır (Modern Etki) */
    
    /* MERKEZLEME SİHİRBAZI */
    display: flex; 
    align-items: center; /* Dikeyde Ortala */
    justify-content: center; /* Yatayda Ortala */
    padding: 20px; /* Kenarlardan boşluk bırak, yapışmasın */
}

/* Modal Kutusu */
#garajModal .garaj-content {
    background: #fff;
    width: 900px;
    max-width: 100%; /* Ekrana sığsın */
    height: auto; /* İçeriğe göre uzasın */
    max-height: 90vh; /* Ekranın %90'ını geçmesin */
    border-radius: 16px; /* Yumuşak köşeler */
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: row; /* Yan yana diz */
    overflow: hidden;
    position: relative;
    animation: zoomIn 0.3s ease;
}

@keyframes zoomIn { from {transform: scale(0.95); opacity: 0;} to {transform: scale(1); opacity: 1;} }

/* Sol Taraf (Resim) */
.garaj-left {
    flex: 1;
    background: #f8fbff; /* Çok açık mavi zemin */
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
}

/* Sağ Taraf (Bilgi & Butonlar) */
.garaj-right {
    flex: 1.2;
    padding: 40px;
    overflow-y: auto; /* İçerik çoksa kaydır */
    display: flex;
    flex-direction: column;
}

/* Modal Footer (Butonlar) */
.garaj-footer {
    margin-top: auto; /* En alta it */
    display: flex;
    gap: 15px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}

/* Mobilde Modal (Bottom Sheet Gibi) */
@media (max-width: 768px) {
    #garajModal { padding: 0; align-items: flex-end; } /* Alttan başlat */
    #garajModal .garaj-content {
        flex-direction: column;
        height: 85vh;
        max-height: 85vh;
        border-radius: 20px 20px 0 0;
    }
    .garaj-left { height: 250px; flex: none; }
    .garaj-right { flex: 1; padding: 25px; }
}


/* =========================================================
   2. SORUN: SEPET KISMI (TAŞMA VE TASARIM)
   (Soft, kaliteli ve taşmayan yapı)
   ========================================================= */

.woocommerce-cart .woocommerce {
    max-width: 1200px;
    margin: 40px auto;
    display: flex;
    gap: 30px;
    align-items: flex-start;
    flex-wrap: wrap; /* Sığmazsa alt satıra geçsin (Taşmayı önler) */
}

/* Sol Taraf: Ürün Tablosu Kutusu */
.woocommerce-cart-form {
    flex: 1 1 600px; /* En az 600px olsun, yoksa alta geçsin */
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03); /* Soft Gölge */
    border: 1px solid #f0f0f0;
}

/* Tabloyu Dizginle (Taşmayı Önleyen Kod) */
.shop_table {
    width: 100%;
    table-layout: auto; /* İçeriğe göre esne */
    border-collapse: collapse;
    margin: 0;
}

.shop_table th {
    font-size: 13px;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.shop_table td {
    padding: 20px 10px;
    border-bottom: 1px solid #f9f9f9;
    vertical-align: middle;
}

/* Ürün Resmi & İsmi */
.product-thumbnail img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #eee;
}
.product-name a {
    color: #333;
    font-weight: 600;
    font-size: 15px;
    display: block;
    line-height: 1.4;
}

/* Adet Kutusu (Taşmayı Önle) */
.quantity input {
    width: 50px !important;
    padding: 5px !important;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* Kupon ve Güncelle Butonları (Yan Yana Sığdırma) */
.actions {
    padding-top: 20px !important;
    display: flex;
    flex-wrap: wrap; /* Sığmazsa alta geçsin */
    gap: 15px;
    justify-content: space-between;
}

.coupon {
    display: flex;
    gap: 10px;
    flex: 1;
    min-width: 250px;
}
.coupon input {
    flex: 1;
    min-width: 0; /* İçeriği sıkıştırabilsin */
    border: 1px solid #eee !important;
    padding: 12px !important;
}

/* SAĞ TARAF: ÖZET KUTUSU (SOFT TASARIM) */
.cart-collaterals {
    flex: 1 1 300px; /* En az 300px genişlik */
}

.cart_totals {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    position: sticky;
    top: 20px;
}

.cart_totals h2 {
    font-size: 18px;
    color: #007bff;
    border-bottom: 2px solid #f5f5f5;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* Ödeme Butonu (Taşmasın) */
.wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;
    background: #007bff !important;
    color: #fff !important;
    padding: 16px !important;
    text-align: center;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    margin-top: 20px;
    transition: 0.3s;
}
.wc-proceed-to-checkout a.checkout-button:hover {
    background: #0056b3 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,123,255,0.2);
}


/* =========================================================
   3. SORUN: ÖDEME KISMI (TAŞMA VE DÜZEN)
   (Inputlar ve kutular sınırlara uyacak)
   ========================================================= */

.woocommerce-checkout .woocommerce {
    max-width: 1200px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap; /* Sığmazsa alta at */
    gap: 30px;
}

/* Sol Taraf: Form */
#customer_details {
    flex: 1 1 600px;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    border: 1px solid #f0f0f0;
}

/* Inputları Terbiye Et (Taşmayı Önleyen Kod) */
.woocommerce form .form-row {
    margin: 0 0 20px;
    padding: 0;
    width: 100%; /* Satıra yayıl */
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection--single {
    width: 100% !important; /* Asla taşmasın */
    max-width: 100% !important;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 12px 15px;
    height: 50px; /* Yükseklik standardı */
    box-sizing: border-box; /* Padding dahil hesapla */
}

/* İki Sütunlu Alanlar (Ad/Soyad) Yan Yana */
.col2-set .col-1, .col2-set .col-2 {
    float: none;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
/* Mobilde alt alta */
@media(max-width: 768px) {
    .col2-set .col-1, .col2-set .col-2 { width: 100%; display: block; }
}


/* Sağ Taraf: Ödeme Özeti */
#order_review_heading, #order_review {
    flex: 1 1 350px;
    width: 100%; /* Flex içinde esne */
}

#order_review {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    border: 2px solid #007bff; /* Mavi çerçeve (Vurgu) */
    box-shadow: 0 10px 30px rgba(0, 123, 255, 0.1);
}

/* Sipariş Tablosu */
.woocommerce-checkout-review-order-table {
    width: 100%;
    margin-bottom: 20px;
}
.woocommerce-checkout-review-order-table td, 
.woocommerce-checkout-review-order-table th {
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

/* Ödeme Yöntemleri Kutusu */
#payment {
    background: #f8fbff;
    padding: 20px;
    border-radius: 8px;
}

/* Siparişi Onayla Butonu */
#place_order {
    width: 100%;
    padding: 18px;
    font-size: 16px;
    background: #28a745 !important; /* Güven Yeşili */
    margin-top: 15px;
}
/* =========================================================
   TEKNOROBOT: SEPET FİNAL RÖTUŞLARI (MAVİ EFEKT & DÜZEN)
   ========================================================= */

/* 1. MAVİ EFEKTİ SEPETE UYARLAMA */
/* Hem ürün listesine (sol) hem sepet toplamına (sağ) o havalı efekti veriyoruz */
.woocommerce-cart-form, 
.cart-collaterals .cart_totals {
    border: 2px solid #007bff !important; /* Mavi Çerçeve */
    box-shadow: 0 10px 30px rgba(0, 123, 255, 0.15) !important; /* Mavi Glow Gölge */
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden; /* İçerik taşarsa gizle */
}

/* 2. KUPON VE BUTON TAŞMASINI ENGELLEME */
.woocommerce-cart table.cart td.actions {
    display: flex;
    flex-wrap: wrap; /* Sığmazsa alta geçsin (Taşmayı önler) */
    gap: 15px;
    justify-content: space-between;
    padding: 20px !important;
}

.woocommerce-cart .coupon {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    float: none !important;
    width: 100%; /* Mobilde tam genişlik */
    max-width: 400px; /* Masaüstünde çok uzamasın */
}

.woocommerce-cart .coupon input#coupon_code {
    flex: 1; /* Boşluğu doldur */
    min-width: 120px;
    width: auto !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    height: 45px !important; /* Butonla aynı boy olsun */
    margin: 0 !important;
}

.woocommerce-cart .coupon button {
    height: 45px !important;
    padding: 0 25px !important;
    background-color: #6c757d !important; /* Gri ton */
}

/* Sepeti Güncelle Butonunu Hizala */
button[name="update_cart"] {
    margin-left: auto; /* En sağa it */
    background-color: #007bff !important;
    height: 45px !important;
}

/* 3. SEPET TOPLAMLARI (O BEYAZ KUTU GÖRÜNTÜSÜNÜ DÜZELTME) */
.cart_totals table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    margin: 0 !important;
}

.cart_totals th, .cart_totals td {
    background: transparent !important; /* Arka plan beyazlığını sil */
    border: none !important;
    padding: 15px 0 !important;
    display: block !important; /* Flex için blok yap */
    width: auto !important;
}

/* Satırları Flex Yapıp Sağa Sola Yaslama */
.cart_totals tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Başlıkları ve Değerleri Ayarlama */
.cart_totals th {
    font-weight: 600;
    color: #666;
    text-align: left;
}

.cart_totals td {
    text-align: right;
    font-weight: 700;
    color: #333;
}

/* En Alttaki Genel Toplam Kısmı */
.cart_totals .order-total {
    border-top: 2px solid #eee;
    margin-top: 10px;
}
.cart_totals .order-total th, 
.cart_totals .order-total td {
    color: #007bff !important; /* Mavi Yazı */
    font-size: 20px !important;
    font-weight: 800 !important;
    padding-top: 20px !important;
    border: none !important;
}
/* =========================================================
   TEKNOROBOT: KUPON ALANI FİNAL DÜZENLEMESİ (50/50 + ALT)
   ========================================================= */

/* 1. GENEL KAPSAYICI (Gri Alanı Temizle ve Hizala) */
.woocommerce-cart table.cart td.actions {
    display: flex !important;
    flex-direction: column !important; /* İçindekileri alt alta diz */
    gap: 15px !important; /* Satırlar arası boşluk */
    padding: 20px !important;
    background: #fff !important; /* Gri arka plan varsa beyaza çevir */
}

/* 2. ÜST SATIR: KUPON KODU VE UYGULA BUTONU (50/50) */
.woocommerce-cart .coupon {
    display: flex !important;
    width: 100% !important;
    gap: 10px !important; /* Input ile buton arası boşluk */
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Input (Kupon Yazılan Yer) */
.woocommerce-cart .coupon input#coupon_code {
    flex: 1 !important; /* %50 Genişlik kaplasın */
    width: 50% !important; 
    min-width: 0 !important;
    height: 50px !important; /* Yükseklik standardı */
    margin: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 0 15px !important;
}

/* Kuponu Uygula Butonu */
.woocommerce-cart .coupon button {
    flex: 1 !important; /* %50 Genişlik kaplasın */
    width: 50% !important;
    height: 50px !important;
    background-color: #6c757d !important; /* Gri ton (Karışmasın diye) */
    margin: 0 !important;
}

/* 3. ALT SATIR: SEPETİ GÜNCELLE BUTONU (Tam Genişlik) */
button[name="update_cart"] {
    width: 100% !important; /* Kutuyu boydan boya kaplasın */
    height: 50px !important;
    background-color: #007bff !important; /* Tekno Mavi */
    margin: 0 !important;
    margin-top: 5px !important; /* Hafif üstten boşluk */
    float: none !important;
    opacity: 1 !important; /* Pasif görünümünü düzelt */
    cursor: pointer !important;
}

/* Güncelle butonu pasifken (disabled) bile güzel görünsün */
button[name="update_cart"]:disabled {
    background-color: #007bff !important;
    opacity: 0.7 !important;
    color: #fff !important;
}
/* =========================================================
   TEKNOROBOT: MAĞAZA (GARAJ) SAYFASI TAMİR KİTİ
   ========================================================= */

/* 1. KAPSAYICIYI TOPARLA (Sayfa Kenarlara Yayılmasın) */
.store-hero .hero-inner,
.products-section .wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* 2. KAHRAMAN ALANI (Üst Kısım) */
.store-hero {
    background: #f8f9fa !important;
    padding-top: 40px !important;
    text-align: left !important;
}

.store-hero h1 {
    color: #222 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* 3. ÜRÜN IZGARASINI (GRID) DÜZELT */
.product-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; /* Kartları ideal genişliğe çek */
    gap: 30px !important;
    padding-top: 40px !important;
    padding-bottom: 80px !important;
    width: 100% !important;
}

/* 4. ÜRÜN KARTINI ŞEKLE SOK */
.product-card {
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    height: 100% !important; /* Hepsi eşit boyda olsun */
}

.product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border-color: #007bff !important;
}

/* 5. RESİM ALANINI DÜZELT (Patlamayı Önleyen Yer) */
.card-image {
    width: 100% !important;
    height: 250px !important; /* Resim alanı sabitlensin */
    padding: 20px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid #f9f9f9 !important;
}

.card-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* Resmi kutuya sığdır, kesme */
}

/* 6. KART DETAYLARI VE BUTONLAR */
.card-details {
    padding: 20px !important;
    flex-grow: 1; /* İçeriği aşağı it */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.card-details h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.4 !important;
}

.card-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: auto !important; /* En alta yapıştır */
}

.card-bottom .price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #007bff !important; /* Tekno Mavi Fiyat */
}

.card-bottom .btn-sm {
    background: #f1f3f5 !important;
    color: #333 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 8px 15px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    transition: 0.2s !important;
}

.card-bottom .btn-sm:hover {
    background: #007bff !important;
    color: #fff !important;
}

/* 7. FİLTRE BUTONLARI (ORTALA) */
.filter-bar {
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    padding: 15px 0 !important;
}

.filter-scroll {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.filter-btn {
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #555 !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.filter-btn.active, .filter-btn:hover {
    background: #007bff !important;
    color: #fff !important;
    border-color: #007bff !important;
}

/* MOBİL İÇİN AYAR */
@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: 1fr !important; /* Mobilde tek sütun */
    }
    .filter-scroll {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        padding-bottom: 5px !important;
        white-space: nowrap !important;
    }
}
/* CSV ÜRÜNLERİ İÇİN MOBİL SEPET RESİM AYARI */
@media (max-width: 900px) {
    .shop_table.cart td.product-thumbnail img {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important; /* Zorla yer aç */
        object-fit: cover !important;
        border-radius: 8px !important;
        display: block !important;
    }
}



/* =========================================================
   TEKNOROBOT: MOBİL SEPET RESMİ & ÖDEME RESMİ DÜZELTMESİ
   ========================================================= */

/* 1. MOBİLDE SEPET FOTOĞRAFINI ZORLA GÖSTER */
@media (max-width: 900px) {
    
    /* Tablo satırını esnek kutu yap (Resim solda, yazı sağda) */
    .woocommerce-cart .shop_table.cart tr.cart_item {
        display: flex !important;
        flex-direction: row !important; /* Yan yana diz */
        align-items: flex-start !important;
        position: relative !important;
        padding-left: 100px !important; /* Resim için yer aç */
        min-height: 100px;
    }

    /* Resim Kutusunu En Sola Sabitle */
    .woocommerce-cart .shop_table.cart td.product-thumbnail {
        display: block !important;
        position: absolute !important;
        top: 15px !important;
        left: 10px !important;
        width: 80px !important;
        height: 80px !important;
        padding: 0 !important;
        border: none !important;
        margin: 0 !important;
    }

    /* Resmin Kendisi */
    .woocommerce-cart .shop_table.cart td.product-thumbnail img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover !important; /* Kutuyu doldur */
        border-radius: 8px !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Ürün İsmi ve Detaylar (Sağa Kaydır) */
    .woocommerce-cart .shop_table.cart td.product-name {
        width: 100% !important;
        padding-left: 0 !important;
    }
}

/* 2. ÖDEME SAYFASI RESİM AYARI (Tablo İçin) */
.checkout-product-img {
    float: left;
    margin-right: 15px;
    border-radius: 6px;
    border: 1px solid #eee;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

/* Tablo hücresini hizala */
.woocommerce-checkout-review-order-table td.product-name {
    vertical-align: middle;
}
/* =========================================================
   TEKNOROBOT: MOBİL SEPET İÇERİK DÜZENLEMESİ (FİNAL)
   ========================================================= */

@media (max-width: 900px) {

    /* 1. KART YAPISINI SABİTLE */
    .woocommerce-cart .shop_table.cart tr.cart_item {
        display: flex !important;
        flex-wrap: wrap !important;
        position: relative !important;
        padding: 15px 15px 15px 110px !important; /* Soldan 110px boşluk bırak (Resim için) */
        min-height: 120px !important;
        align-items: flex-start !important;
        border-bottom: 1px solid #eee !important;
    }

    /* 2. RESMİ SOLA ÇİVİLE */
    .woocommerce-cart .shop_table.cart td.product-thumbnail {
        position: absolute !important;
        top: 15px !important;
        left: 10px !important;
        width: 85px !important;
        height: 85px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
    
    .woocommerce-cart .shop_table.cart td.product-thumbnail img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    }

    /* 3. ÜRÜN İSMİ VE DETAYLAR (RESMİN SAĞINA) */
    .woocommerce-cart .shop_table.cart td.product-name {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 5px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border: none !important;
    }

    /* Ürün Başlığı */
    .woocommerce-cart .shop_table.cart td.product-name a {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #222 !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
        display: block !important;
        padding-right: 30px !important; /* Silme butonu için yer bırak */
    }

    /* Meta Veriler (Katman, Renk vs.) - Alt Alta Düzgün */
    .woocommerce-cart .shop_table.cart td.product-name .wc-item-meta,
    .woocommerce-cart .shop_table.cart td.product-name dl.variation {
        font-size: 12px !important;
        color: #666 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        line-height: 1.5 !important;
    }
    
    /* Meta içindeki p etiketlerini düzelt */
    .woocommerce-cart .shop_table.cart td.product-name p {
        margin: 0 0 2px 0 !important;
        display: block !important;
    }

    /* 4. FİYAT VE MİKTAR (İSMİN ALTINA HİZALA) */
    /* Fiyatı göster */
    .woocommerce-cart .shop_table.cart td.product-price {
        display: block !important;
        width: 100% !important;
        padding: 5px 0 !important;
        border: none !important;
        color: #007bff !important;
        font-weight: 800 !important;
        font-size: 15px !important;
    }

    /* Miktar Kutusu */
    .woocommerce-cart .shop_table.cart td.product-quantity {
        display: block !important;
        width: 100% !important;
        padding: 5px 0 !important;
        border: none !important;
    }

    /* 5. SİLME BUTONU (SAĞ ÜST KÖŞE) */
    .woocommerce-cart .shop_table.cart td.product-remove {
        position: absolute !important;
        top: 10px !important;
        right: 5px !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        border: none !important;
        z-index: 10;
    }
}

/* =========================================================
   TEKNOROBOT: BOŞ SEPET SAYFASI TASARIMI
   ========================================================= */

.cart-empty.woocommerce-info {
    background: #fff !important;
    color: #333 !important;
    padding: 60px 20px !important;
    text-align: center;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
}

/* Sepet İkonu Ekleyelim */
.cart-empty.woocommerce-info:before {
    content: '\f217'; /* FontAwesome Sepet İkonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 80px;
    color: #eee;
    margin-bottom: 20px;
}

/* "Mağazaya Dön" Butonu */
.return-to-shop {
    text-align: center;
    margin-bottom: 50px;
}
.return-to-shop .button {
    background-color: #007bff !important;
    padding: 15px 40px !important;
    border-radius: 50px !important; /* Yuvarlak buton */
    font-size: 16px !important;
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
    transition: 0.3s;
}
.return-to-shop .button:hover {
    background-color: #0056b3 !important;
    transform: translateY(-3px);
}
/* =========================================================
   TEKNOROBOT: SEPET VE ÖDEME BAŞLIKLARI (HEADER)
   ========================================================= */

/* Sepet ve Ödeme sayfalarındaki başlığı özelleştir */
.woocommerce-cart .page-title,
.woocommerce-checkout .page-title {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #007bff !important; /* Tekno Mavi */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 15px;
    display: inline-block; /* Çizgi sadece yazı kadar olsun */
    width: 100%;
}

/* Mobilde biraz küçültelim çok bağırmasın */
@media (max-width: 768px) {
    .woocommerce-cart .page-title,
    .woocommerce-checkout .page-title {
        font-size: 22px !important;
        margin-bottom: 20px !important;
    }
}
/* Boş Sepet Öneri Kartları Hover Efekti */
.product-card-home:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-color: #007bff !important;
}
/* =========================================================
   BOŞ SEPET ORTALAMA FİX (SAĞA KAYMAYI ENGELLE)
   ========================================================= */

/* Eğer sayfada "cart-empty" (boş sepet) sınıfı varsa, o yan yana düzeni iptal et */
.woocommerce-cart .woocommerce:has(.cart-empty),
.woocommerce-cart .woocommerce:has(.return-to-shop) {
    display: flex !important;
    flex-direction: column !important; /* Yan yana değil, alt alta diz */
    align-items: center !important;    /* Tam ortala */
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Öneri Grid'ini (Ürünleri) Ortala */
.woocommerce-cart .woocommerce:has(.cart-empty) .products-grid {
    justify-content: center !important;
    width: 100% !important;
    max-width: 1000px !important; /* Çok genişleyip dağılmasın */
    margin: 0 auto !important;
}

/* Başlık ve Yazıları Ortala */
.woocommerce-cart .woocommerce:has(.cart-empty) h3,
.woocommerce-cart .woocommerce:has(.cart-empty) p {
    text-align: center !important;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Eğer tek ürün varsa (soba borusu gibi) o da sola yapışmasın */
.woocommerce-cart .woocommerce:has(.cart-empty) .product-card-home {
    margin: 0 auto;
}
/* =========================================================
   TEKNOROBOT: MOBİL FİNAL RÖTUŞLARI (V2)
   ========================================================= */

@media (max-width: 991px) {

    /* 1. BOŞ SEPET DÜZELTMESİ (Sağa Kaymayı Engelle) */
    /* Masaüstündeki sağa yaslama kuralını eziyoruz */
    .woocommerce-cart .woocommerce:has(.cart-empty),
    .woocommerce-cart .woocommerce:has(.return-to-shop) {
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
    }
    
    /* Öneri Gridini Ortala */
    .woocommerce-cart .products-grid {
        grid-template-columns: 1fr 1fr !important; /* Mobilde 2'li olsun */
        gap: 15px !important;
        width: 100% !important;
    }
    
    /* 2. O GICIK İKİ NOKTAYI (:) SİLME */
    /* Genellikle dl elementinden veya tablo pseudo'sundan gelir */
    .shop_table.cart dl.variation dt::after { content: "" !important; }
    .shop_table.cart td::before { content: "" !important; display: none !important; } 
    /* Eğer metin olarak varsa bunu gizle: */
    .shop_table.cart td.product-thumbnail { font-size: 0 !important; } /* Hücredeki boş metni gizle */
    .shop_table.cart td.product-thumbnail img { font-size: 14px !important; } /* Resmi geri getir */

    /* 3. MODAL GÜZELLEŞTİRME (Bottom Sheet Style) */
    #productModal .modal-content {
        border-radius: 25px 25px 0 0 !important; /* Üstler daha oval */
        box-shadow: 0 -10px 40px rgba(0,0,0,0.2) !important;
        padding-bottom: 30px !important; /* Alttan iPhone çentiği için boşluk */
    }
    
    /* Üstüne küçük bir tutma çubuğu (Drag Handle) ekleyelim */
    #productModal .modal-content::before {
        content: "";
        display: block;
        width: 50px;
        height: 5px;
        background: #e0e0e0;
        border-radius: 10px;
        margin: 10px auto 15px; /* Ortala */
    }

    /* 4. FOOTER RENGİNİ GRİ YAP (Simsiyah olmasın) */
    .footer-bottom {
        background-color: #f8f9fa !important; /* Açık Gri */
        color: #555 !important;
        border-top: 1px solid #eee !important;
    }
    .footer-bottom .payment-icons { color: #333 !important; }

    /* 5. MOBİL GİRİŞ EKRANI (CANLANDIRMA) */
    .auth-forms {
        background: #fff !important;
        border-radius: 20px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; /* Gölge ekle */
        border-top: 5px solid #007bff !important; /* Üste mavi çizgi */
        margin-top: 20px !important;
    }
    .form-header h3 { color: #007bff !important; font-weight: 800 !important; }
}




/* =========================================================
   TEKNOROBOT: HATA GÖSTERİCİ (DEBUG MODU)
   Bunu ekle ki gizli bir hata varsa görelim
   ========================================================= */

/* Hata ve Mesaj Kutularını Zorla Göster */
.woocommerce-error, 
.woocommerce-message, 
.woocommerce-info {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    background-color: #e74c3c !important; /* Hata ise Kırmızı */
    color: #fff !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    border-radius: 8px !important;
    z-index: 999999 !important;
    position: relative !important;
}

/* Ödeme Alanındaki Mesaj Kutusu */
.woocommerce-NoticeGroup {
    display: block !important;
}

/* =========================================================
   TEKNOROBOT: SİPARİŞ ALINDI SAYFASI (FİNAL TASARIM)
   ========================================================= */

/* 1. O SAÇMA "EYLEMLER" (ÖDEME/VAZGEÇ) SATIRINI SİL */
.woocommerce-table--order-details tfoot tr:last-child {
    display: none !important; /* En alttaki satırı (Eylemler) gizle */
}

/* Garanti olsun diye butonları da nokta atışı vuruyoruz */
.woocommerce-order-details a.button.pay,
.woocommerce-order-details a.button.cancel {
    display: none !important;
}

/* 2. ANA KUTUYU GÜZELLEŞTİR (Modern Kart Görünümü) */
.woocommerce-order {
    max-width: 900px;
    margin: 50px auto;
    background: #fff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08); /* Hafif gölge */
    border: 1px solid #eee;
    text-align: center;
}

/* 3. BAŞARILI MESAJI (Yeşil Tik ve Büyük Yazı) */
.woocommerce-thankyou-order-received {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #28a745 !important; /* Başarı Yeşili */
    margin-bottom: 40px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* Yeşil Tik İkonu (CSS ile oluşturuyoruz) */
.woocommerce-thankyou-order-received:before {
    content: '\f00c'; /* FontAwesome Check İkonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: #28a745;
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    box-shadow: 0 10px 20px rgba(40, 167, 69, 0.3);
    margin-bottom: 10px;
}

/* 4. SİPARİŞ BİLGİLERİ (Yan Yana Kutucuklar) */
ul.order_details {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    list-style: none;
    padding: 30px 0;
    margin-bottom: 40px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background: #fcfcfc;
    border-radius: 8px;
}

ul.order_details li {
    text-transform: uppercase;
    font-size: 11px;
    color: #888;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: none !important; /* Varsayılan çizgileri kaldır */
    text-align: center;
}

ul.order_details li strong {
    display: block;
    font-size: 18px;
    color: #333;
    margin-top: 8px;
    font-weight: 800;
}

/* 5. TABLO TASARIMI (Detaylar) */
.woocommerce-order-details {
    text-align: left;
    margin-top: 40px;
}

.woocommerce-order-details__title {
    font-size: 20px;
    color: #007bff; /* Tekno Mavi */
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-weight: 800;
}

.woocommerce-table--order-details {
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-table--order-details th {
    background: #f9f9f9;
    color: #555;
    font-weight: 700;
    padding: 15px !important;
}

.woocommerce-table--order-details td {
    padding: 15px !important;
    color: #333;
}

/* Toplam Fiyatı Vurgula */
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th, /* Actions'ı gizleyince sondan 2. satır total olur */
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
    color: #007bff;
    font-size: 18px;
    font-weight: 900;
    background: #fff;
}

/* Mobilde Düzenleme */
@media (max-width: 768px) {
    .woocommerce-order { padding: 20px; margin: 20px 10px; }
    ul.order_details { flex-direction: column; gap: 15px; }
    .woocommerce-thankyou-order-received { font-size: 20px !important; }
}



/* =========================================================
   HESABIM SAYFASI: GİZLENEN HATALARI GÖSTER
   ========================================================= */

/* Sadece "Hesabım" sayfasında hata kutularını görünür yap */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #fff !important;
    color: #333 !important;
    border-left: 5px solid #e74c3c !important; /* Kırmızı Çizgi */
    padding: 15px !important;
    margin-bottom: 20px !important;
}

/* Şifre ipucu yazısını da gösterelim */
.woocommerce-password-hint {
    display: block !important;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
}
/* =========================================================
   1. KURUMSAL SAYFA TASARIMI (GERİ GETİRME)
   ========================================================= */
.kurumsal-container {
    max-width: 1100px;
    margin: 40px auto;
    font-family: sans-serif;
    padding: 0 15px;
}

/* Başlık */
.kurumsal-header {
    text-align: center;
    margin-bottom: 50px;
}
.kurumsal-header h1 {
    font-size: 36px;
    font-weight: 800;
    color: #333;
    margin-bottom: 15px;
}
.kurumsal-header p {
    font-size: 18px;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
}

/* 3'lü Kutu Yapısı (Grid) */
.kurumsal-grid {
    display: flex; /* Flex ile yan yana zorla */
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-bottom: 60px;
}

.k-box {
    flex: 1;
    min-width: 280px; /* Mobilde küçülmesin */
    background: #fff;
    padding: 40px 30px;
    border-radius: 16px;
    text-align: center;
    border: 2px solid #eee; /* İnce gri çizgi */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.k-box:hover {
    transform: translateY(-10px);
    border-color: #007bff; /* Hoverda mavi çerçeve */
    box-shadow: 0 20px 40px rgba(0,123,255,0.15);
}

.k-box i {
    font-size: 45px;
    color: #007bff;
    margin-bottom: 25px;
    display: block;
}

.k-box h3 { font-size: 22px; font-weight: 700; color: #222; margin-bottom: 15px; }
.k-box p { font-size: 15px; color: #777; line-height: 1.6; }

/* Aksiyon Alanı (CTA) */
.kurumsal-cta {
    background: #f8f9fa;
    padding: 50px;
    border-radius: 20px;
    text-align: center;
    border: 2px dashed #ddd;
    margin-top: 40px;
}
.kurumsal-cta h2 { font-size: 28px; font-weight: 800; margin-bottom: 10px; }

/* Butonlar */
.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.btn-whatsapp, .btn-mail {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    transition: 0.3s;
    color: #fff !important;
}

.btn-whatsapp { background-color: #25D366; box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3); }
.btn-whatsapp:hover { transform: scale(1.05); background-color: #1ebe57; }

.btn-mail { background-color: #333; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.btn-mail:hover { transform: scale(1.05); background-color: #000; }

.small-note { display: block; margin-top: 20px; font-size: 13px; color: #999; }


/* =========================================================
   2. İLETİŞİM SAYFASI (ZORBA VERSİYON - ONAYLI)
   ========================================================= */

.iletisim-container {
    max-width: 1200px;
    margin: 40px auto;
    font-family: sans-serif;
    padding: 0 15px;
}

.iletisim-header { text-align: center; margin-bottom: 40px; }
.iletisim-header h1 { color: #007bff; font-weight: 800; margin-bottom: 10px; }

/* ANA YAPI: FLEXBOX (ZORLA YAN YANA) */
.iletisim-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    align-items: flex-start !important;
}

.iletisim-left {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.iletisim-right {
    flex: 0 0 57% !important;
    max-width: 57% !important;
}

/* KART TASARIMLARI */
.i-card {
    display: flex !important;
    align-items: center !important;
    background: #fff;
    border: 2px solid #007bff !important;
    border-radius: 12px;
    padding: 20px;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.i-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 123, 255, 0.2);
}

.icon-box {
    width: 50px !important;
    height: 50px !important;
    background: #e7f1ff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 20px !important;
    font-size: 22px !important;
    color: #007bff !important;
    flex-shrink: 0 !important;
}
.icon-box i { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }

.text-box h3 { margin: 0 0 5px 0 !important; font-size: 18px; color: #333; }
.text-box p { margin: 0 !important; font-size: 14px; color: #666; }
.sub-text { font-size: 11px; color: #007bff; font-weight: bold; display: block; margin-top: 3px; }

/* ÇALIŞMA SAATLERİ */
.hours-box {
    background: #007bff !important;
    color: #fff !important;
    padding: 25px;
    border-radius: 12px;
    border: 2px solid #007bff;
}
.hours-box h4 { color: #fff !important; margin-bottom: 15px !important; display: flex; align-items: center; gap: 10px; }
.hours-box ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.hours-box li { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 8px 0; font-size: 14px; }
.hours-box li:last-child { border: none; }

/* HARİTA ÇERÇEVESİ */
.map-frame iframe {
    width: 100% !important;
    height: 550px !important;
    border-radius: 15px !important;
    border: 3px solid #007bff !important;
    padding: 5px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* MOBİL UYUM */
@media (max-width: 900px) {
    .iletisim-row { flex-direction: column !important; }
    .iletisim-left, .iletisim-right { flex: 0 0 100% !important; max-width: 100% !important; }
    .map-frame iframe { height: 350px !important; }
    .kurumsal-grid { flex-direction: column; }
}
/* Menüyü ZORLA göster */
.mobile-panel.active {
    display: block !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Perdeyi ZORLA göster */
.menu-overlay.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* =========================================================
   PCBDUNYASI: HESABIM / ÜYELİK WOOCOMMERCE BİLDİRİM DÜZELTMESİ
   (Bildirim kutusu flex item olup menüyü bozmasın)
   ========================================================= */

.woocommerce-account .woocommerce {
    flex-wrap: wrap !important;
}

.woocommerce-account .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce > .woocommerce-NoticeGroup {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: -1;
    margin-bottom: 14px !important;
}

.page-template-page-uyelik .woo-custom-form .woocommerce-notices-wrapper,
.page-template-page-uyelik .woo-custom-form .woocommerce-NoticeGroup {
    width: 100%;
    margin: 0 0 14px 0 !important;
}

.page-template-page-uyelik .woo-custom-form .woocommerce-error,
.page-template-page-uyelik .woo-custom-form .woocommerce-message,
.page-template-page-uyelik .woo-custom-form .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
    position: static !important;
    z-index: auto !important;
    list-style: none !important;
    margin: 0 0 14px 0 !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #1f2937 !important;
}

.page-template-page-uyelik .woo-custom-form .woocommerce-error,
.woocommerce-account .woocommerce-error {
    border-left: 4px solid #e11d48 !important;
}

.page-template-page-uyelik .woo-custom-form .woocommerce-message,
.woocommerce-account .woocommerce-message {
    border-left: 4px solid #16a34a !important;
}

.page-template-page-uyelik .woo-custom-form .woocommerce-info,
.woocommerce-account .woocommerce-info {
    border-left: 4px solid #2563eb !important;
}

.page-template-page-uyelik .woo-custom-form .woocommerce-error li,
.page-template-page-uyelik .woo-custom-form .woocommerce-message li,
.page-template-page-uyelik .woo-custom-form .woocommerce-info li,
.woocommerce-account .woocommerce-error li,
.woocommerce-account .woocommerce-message li,
.woocommerce-account .woocommerce-info li {
    margin: 0 !important;
    padding: 0 !important;
}

.page-template-page-uyelik .woo-custom-form .u-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
}

.page-template-page-uyelik .woo-custom-form .u-column1,
.page-template-page-uyelik .woo-custom-form .u-column2 {
    margin: 0 !important;
}

@media (max-width: 900px) {
    .page-template-page-uyelik .woo-custom-form .u-columns {
        grid-template-columns: 1fr;
    }
}

.page-template-page-uyelik .woo-custom-form .woocommerce-error::before,
.page-template-page-uyelik .woo-custom-form .woocommerce-message::before,
.page-template-page-uyelik .woo-custom-form .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before {
    position: static !important;
    margin-right: 8px;
}

/* =========================================================
   PCBDUNYASI: ÜYELİK SAYFASI GÖRSEL TOPARLAMA (LOGIN/REGISTER)
   - Sağ panel daralma / üst üste binik görünüm düzeltmesi
   - Login / Register kart görünümü
   ========================================================= */

.auth-wrapper .auth-grid {
    max-width: 1120px;
    min-height: 620px;
    grid-template-columns: minmax(360px, 0.95fr) minmax(520px, 1.15fr);
}

.auth-wrapper .auth-visual {
    padding: 48px 42px;
}

.auth-wrapper .auth-visual h2 {
    font-size: 2.15rem;
    margin: 16px 0 14px;
}

.auth-wrapper .auth-visual p {
    font-size: 1rem;
    margin-bottom: 24px;
}

.auth-wrapper .auth-forms {
    padding: 38px 34px;
    justify-content: flex-start;
}

.auth-wrapper .form-header {
    margin-bottom: 16px;
    text-align: left;
}

.auth-wrapper .form-header h3 {
    font-size: 1.6rem;
    margin-bottom: 4px;
}

.auth-wrapper .woo-custom-form {
    width: 100%;
}

/* Woo login/register kolonlarını gerçekten yan yana zorla */
.auth-wrapper .woo-custom-form .u-columns,
.auth-wrapper .woo-custom-form #customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    width: 100%;
    margin: 0;
}

.auth-wrapper .woo-custom-form .u-column1,
.auth-wrapper .woo-custom-form .u-column2,
.auth-wrapper .woo-custom-form .col-1,
.auth-wrapper .woo-custom-form .col-2 {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 16px 14px;
    border: 1px solid #edf1f6;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.auth-wrapper .woo-custom-form h2 {
    margin: 0 0 12px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #1f2937;
}

.auth-wrapper .woo-custom-form .form-row {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.auth-wrapper .woo-custom-form .form-row label {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 6px;
}

.auth-wrapper .woo-custom-form input.input-text,
.auth-wrapper .woo-custom-form textarea,
.auth-wrapper .woo-custom-form .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Daha önce globalde inputlara display:flex verilmişti; burada normale çek */
.auth-wrapper .woo-custom-form .woocommerce form .form-row input.input-text,
.auth-wrapper .woo-custom-form .form-row input.input-text {
    display: block !important;
    height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
}

.auth-wrapper .woo-custom-form .password-input {
    width: 100%;
}

.auth-wrapper .woo-custom-form .show-password-input,
.auth-wrapper .woo-custom-form .woocommerce-password-hint {
    font-size: 12px;
}

.auth-wrapper .woo-custom-form .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font-size: 12px;
}

.auth-wrapper .woo-custom-form .woocommerce-form-login__rememberme input {
    margin: 0;
}

.auth-wrapper .woo-custom-form .lost_password,
.auth-wrapper .woo-custom-form .woocommerce-privacy-policy-text,
.auth-wrapper .woo-custom-form .woocommerce-password-strength {
    font-size: 12px;
    line-height: 1.45;
    color: #6b7280;
    margin-top: 6px;
}

.auth-wrapper .woo-custom-form .woocommerce-password-strength {
    padding: 6px 8px;
    border-radius: 8px;
}

.auth-wrapper .woo-custom-form button.button {
    height: 42px;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    margin-top: 6px;
    font-size: 12px;
    letter-spacing: .2px;
}

/* Notice kutusu form kartlarının üstünde düzgün dursun */
.auth-wrapper .woo-custom-form .woocommerce-notices-wrapper,
.auth-wrapper .woo-custom-form .woocommerce-NoticeGroup {
    grid-column: 1 / -1;
}

/* Büyük tablet / küçük laptopta sıkışmayı önle */
@media (max-width: 1100px) {
    .auth-wrapper {
        padding: 24px 0;
    }

    .auth-wrapper .auth-grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .auth-wrapper .auth-visual {
        display: none;
    }

    .auth-wrapper .auth-forms {
        padding: 26px 20px;
    }

    .auth-wrapper .woo-custom-form .u-columns,
    .auth-wrapper .woo-custom-form #customer_login {
        grid-template-columns: 1fr;
    }
}