/*
Theme Name: Ultra Modern Woo
Author: Gemini
Description: Swiper.js destekli, admin panelli ve tam e-ticaret uyumlu tema.
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root { --primary: #111; --accent: #2563eb; --bg-gray: #f8fafc; --border: #e2e8f0; }
body { font-family: 'Poppins', sans-serif; color: #333; margin: 0; padding: 0; background: #fff; line-height: 1.6; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
.container { max-width: 1320px; margin: 0 auto; padding: 0 20px; }
img { max-width: 100%; height: auto; display: block; }
del {font-size: 14px;}
/* -------------------------------------------------------------------------- */
/* HEADER & MENÜ (Fixlendi)                                                   */
/* -------------------------------------------------------------------------- */
header { padding: 15px 0; border-bottom: 1px solid var(--border); background: #fff; position: sticky; top: 0; z-index: 999; }
header .inner { display: flex; justify-content: space-between; align-items: center; }
header h1 { font-size: 20px; font-weight: 800; text-transform: uppercase; margin: 0; }

/* Masaüstü Menü */
.desktop-nav ul.desktop-menu-list { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; }
.desktop-nav ul.desktop-menu-list li a { font-size: 14px; font-weight: 600; color: #333; text-transform: uppercase; }
.desktop-nav ul.desktop-menu-list li a:hover { color: var(--accent); }

.header-actions { display: flex; align-items: center; gap: 20px; }
.action-btn { font-size: 18px; color: #111; position: relative; }
.cart-count { position: absolute; top: -8px; right: -8px; background: #ef4444; color: #fff; font-size: 10px; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.search-trigger { background: none; border: none; cursor: pointer; padding: 0; font-size: 18px; }
.mobile-toggle { display: none; background: none; border: none; font-size: 22px; cursor: pointer; padding: 0; }

/* -------------------------------------------------------------------------- */
/* MOBİL MENÜ (Off-Canvas)                                                    */
/* -------------------------------------------------------------------------- */
.mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1001; opacity: 0; visibility: hidden; transition: 0.3s; }
.mobile-menu-overlay.active { opacity: 1; visibility: visible; }
.mobile-side-menu { position: fixed; top: 0; left: -300px; width: 280px; height: 100%; background: #fff; z-index: 1002; transition: 0.4s; box-shadow: 5px 0 25px rgba(0,0,0,0.1); display: flex; flex-direction: column; }
.mobile-side-menu.active { left: 0; }
.mobile-header { padding: 20px; display: flex; justify-content: space-between; border-bottom: 1px solid #f1f1f1; background: #f8fafc; }
.mobile-content { padding: 20px; overflow-y: auto; }
.mobile-content ul { list-style: none; padding: 0; margin: 0; }
.mobile-content ul li { border-bottom: 1px solid #f9f9f9; }
.mobile-content ul li a { display: flex; justify-content: space-between; padding: 15px 0; font-size: 15px; font-weight: 600; color: #333; }
.mobile-content ul li a:after { content: '\f054'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; color: #cbd5e1; }

/* -------------------------------------------------------------------------- */
/* HERO SLIDER                                                                */
/* -------------------------------------------------------------------------- */
.hero-wrapper { display: grid; grid-template-columns: 1fr 1fr; min-height: 550px; background: var(--bg-gray); align-items: center; overflow: hidden; }
.hero-content { padding: 40px; }
.hero-content h2 { font-size: 48px; line-height: 1.1; margin-bottom: 20px; font-weight: 700; }
.hero-btn { background: var(--primary); color: #fff; padding: 15px 35px; border-radius: 50px; font-weight: 600; display: inline-block; }
.hero-right { height: 550px; width: 100%; position: relative; }
.heroSwiper { width: 100%; height: 100%; }
.heroSwiper .swiper-slide { height: 100% !important; width: 100% !important; background-size: cover !important; background-position: center !important; }

/* -------------------------------------------------------------------------- */
/* ARAMA & POPUP                                                              */
/* -------------------------------------------------------------------------- */
.search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.98); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; }
.search-overlay.active { opacity: 1; visibility: visible; }
.close-search { position: absolute; top: 30px; right: 30px; font-size: 40px; background: none; border: none; cursor: pointer; }
.search-container { width: 100%; max-width: 800px; text-align: center; }
.search-form { display: flex; border-bottom: 2px solid #ddd; }
.search-field { width: 100%; border: none; background: transparent; font-size: 24px; padding: 15px 0; outline: none; }
.search-submit { background: none; border: none; font-size: 24px; cursor: pointer; }

.kampanya-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999; display: none; align-items: center; justify-content: center; }
.kampanya-modal { width: 90%; max-width: 500px; position: relative; }
.kampanya-modal img { width: 100%; border-radius: 12px; }
.kampanya-kapat { position: absolute; top: -15px; right: -15px; width: 35px; height: 35px; background: #fff; border-radius: 50%; text-align: center; line-height: 35px; font-weight: bold; cursor: pointer; font-size: 20px; }

/* -------------------------------------------------------------------------- */
/* ÜRÜN KARTLARI & ÖZELLİKLER                                                 */
/* -------------------------------------------------------------------------- */
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 50px 0; border-bottom: 1px solid var(--border); }
.feature-box { display: flex; gap: 20px; padding: 20px; border-radius: 10px; border: 1px solid transparent; transition: 0.3s; }
.feature-box:hover { background: #fff; border-color: var(--border); box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
.f-icon { width: 50px; height: 50px; background: #eff6ff; color: var(--accent); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 20px; }

.product-section { padding: 50px 0; border-bottom: 1px solid #f1f1f1; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; }
.section-head h3 { font-size: 24px; font-weight: 700; margin: 0; }
.product-card { border: 1px solid #eee; border-radius: 12px; padding: 15px; background: #fff; text-align: center; transition: 0.3s; }
.product-card:hover { border-color: var(--accent); transform: translateY(-5px); }
.product-card img { border-radius: 8px; margin-bottom: 15px; width: 100%; height: 220px; object-fit: cover; }
.add-btn { background: #f1f5f9; color: var(--primary); padding: 10px 0; display: block; border-radius: 6px; font-weight: 600; font-size: 13px; }
.add-btn:hover { background: var(--primary); color: #fff; }

/* -------------------------------------------------------------------------- */
/* TEKİL ÜRÜN SAYFASI                                                         */
/* -------------------------------------------------------------------------- */
.woocommerce div.product { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; margin-top: 40px; align-items: start; }
.woocommerce-product-gallery__image { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }
.woocommerce-product-gallery__image img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.woocommerce span.onsale { position: absolute; top: -10px; left: -10px; background: #b91c1c; color: #fff; width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; z-index: 20; border: 3px solid #fff; transform: rotate(-15deg); }
.product_title { font-size: 34px; font-weight: 700; margin: 0 0 5px 0; line-height: 1.2; }
.star-rating { color: #f59e0b; font-size: 15px; }
p.price { display: flex; align-items: center; gap: 10px; margin-bottom: 25px; padding-top: 20px; border-top: 1px solid #f1f1f1; }
p.price ins { color: #2a2a2a; font-size: 30px; font-weight: 700; text-decoration: none; }
button.single_add_to_cart_button { background-color: #1f2937 !important; color: #fff !important; padding: 0 50px !important; height: 50px !important; border-radius: 6px !important; font-weight: 600 !important; border: none !important; }

/* -------------------------------------------------------------------------- */
/* RESPONSIVE                                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    .hero-wrapper { grid-template-columns: 1fr; }
    .hero-right { height: 350px; }
    .features-grid, .woocommerce div.product { grid-template-columns: 1fr; }
    
    /* Mobil Menü Mantığı */
    .desktop-nav, .desktop-only { display: none !important; }
    .mobile-toggle { display: block; }
}


/* -------------------------------------------------------------------------- */
/* MAĞAZA ARŞİV DÜZENİ (SIDEBAR + ÜRÜNLER)                                    */
/* -------------------------------------------------------------------------- */

/* Izgara Yapısı */
.shop-layout-grid {
    display: grid;
    grid-template-columns: 280px 1fr; /* Sol 280px, Sağ kalan alan */
    gap: 40px;
    align-items: start;
}

/* Sidebar Genel Stil */
.shop-sidebar .widget {
    margin-bottom: 40px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 30px;
}
.shop-sidebar .widget:last-child { border: none; }

.widget-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

/* Liste Stilleri (Kategoriler vb.) */
.shop-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.shop-sidebar ul li {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shop-sidebar ul li a {
    color: #555;
    font-size: 15px;
    font-weight: 500;
}
.shop-sidebar ul li a:hover {
    color: var(--accent);
    padding-left: 5px; /* Kayma efekti */
}
.count {
    background: #f1f5f9;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    color: #666;
}

/* Fiyat Filtresi (WooCommerce Slider) Özelleştirme */
.widget_price_filter .price_slider {
    background: #e2e8f0;
    margin-bottom: 20px;
}
.widget_price_filter .price_slider_bar {
    background: var(--accent);
}
.widget_price_filter .price_slider_handle {
    background: #fff;
    border: 2px solid var(--accent);
}
.price_label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.widget_price_filter button.button {
    font-size: 13px;
    padding: 8px 20px !important;
    float: right;
    background: var(--primary) !important;
    color: #fff !important;
}

/* Aktif Filtreler */
.widget_layered_nav_filters ul li {
    display: inline-block;
    margin-right: 10px;
}
.widget_layered_nav_filters ul li a {
    background: #f1f1f1;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid #ddd;
}
.widget_layered_nav_filters ul li a:before {
    content: '\f00d'; /* X ikonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #ef4444;
}

/* Mobil Uyum */
@media (max-width: 900px) {
    .shop-layout-grid {
        grid-template-columns: 1fr; /* Mobilde alt alta */
    }
    .shop-sidebar {
        order: 2; /* Mobilde filtreleri ürünlerin altına al (veya üstüne almak için order verme) */
        margin-top: 40px;
    }
}


/* --- Modern Product Meta (Seçenek 1) --- */
.product_meta {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eef2f6; /* Üstüne ince çizgi */
    display: flex;
    flex-direction: column;
    gap: 12px; /* Satırlar arası boşluk */
    font-size: 14px;
    color: #64748b;
}

/* Her bir satır için genel ayar */
.product_meta > span {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #334155;
}

/* Linklerin (Kategori isimleri) tasarımı */
.product_meta a {
    color: #2563eb; /* Tema ana renginiz */
    text-decoration: none;
    background: #eff6ff;
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: 5px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 13px;
}

.product_meta a:hover {
    background: #2563eb;
    color: #fff;
    transform: translateY(-2px);
}

/* SKU (Stok Kodu) Numarasının rengi */
.product_meta .sku {
    color: #64748b;
    margin-left: 5px;
    font-weight: 400;
    font-family: monospace; /* Kod gibi görünsün */
    font-size: 15px;
}

/* --- İKONLAR (FontAwesome ile) --- */

/* Stok Kodu Başına Barkod İkonu */
.sku_wrapper::before {
    content: "\f02a"; /* Barcode ikonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #94a3b8;
    width: 20px;
    text-align: center;
}

/* Kategori Başına Klasör İkonu */
.posted_in::before {
    content: "\f07b"; /* Folder ikonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #94a3b8;
    width: 20px;
    text-align: center;
}

/* Etiketler varsa ona da ikon (Opsiyonel) */
.tagged_as::before {
    content: "\f02b"; /* Tag ikonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #94a3b8;
    width: 20px;
    text-align: center;
}

/* --- Modern Sepet Alanı Tasarımı --- */

/* 1. Sepet Formunu Yan Yana Hizala */
.woocommerce div.product form.cart {
    display: flex;
    align-items: center; /* Dikeyde ortala */
    gap: 15px; /* Buton ve miktar arası boşluk */
    margin-bottom: 25px; /* Alt kısımla mesafe */
    flex-wrap: wrap;
}

/* 2. Miktar (Quantity) Kutusu */
.woocommerce div.product form.cart .quantity {
    float: none; /* Varsayılan sola yaslamayı iptal et */
    margin: 0;
}

.woocommerce div.product form.cart .quantity input.qty {
    width: 80px; /* Genişlik */
    height: 50px; /* Yükseklik */
    border: 2px solid #e2e8f0; /* Açık gri çerçeve */
    border-radius: 8px; /* Yuvarlak köşeler */
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    text-align: center;
    background-color: #f8fafc;
    transition: all 0.3s ease;
}

.woocommerce div.product form.cart .quantity input.qty:focus {
    border-color: #2563eb; /* Tıklayınca mavi olsun */
    background-color: #fff;
    outline: none;
}

/* 3. Sepete Ekle Butonu */
.woocommerce div.product form.cart .button {
    height: 50px; /* Miktar kutusuyla aynı boy */
    padding: 0 40px; /* Yanlardan dolgunluk */
    background-color: #2563eb; /* Tema Ana Rengi */
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); /* Hafif gölge */
    flex-grow: 1; /* Mobilde tam genişlik kaplasın */
    max-width: 300px; /* Çok da uzamasın */
}

/* Buton Hover Efekti */
.woocommerce div.product form.cart .button:hover {
    background-color: #1e40af; /* Daha koyu mavi */
    transform: translateY(-2px); /* Hafif yukarı kalksın */
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

/* Butonun yanına ikon ekleyelim (FontAwesome) */
.woocommerce div.product form.cart .button::before {
    content: "\f291"; /* Sepet ikonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
}


/* --- MODERN BLOG & SAYFA TASARIMI --- */

/* Kart Yapısı */
.modern-card {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

/* Başlık ve Meta */
.entry-title {
    font-size: 2rem;
    color: #1e293b;
    margin: 10px 0 20px 0;
    line-height: 1.3;
}
.post-meta-top {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 10px;
    display: flex;
    gap: 15px;
    align-items: center;
}
.post-meta-top .cat-link a {
    background: #eff6ff;
    color: #2563eb;
    padding: 4px 12px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}
.post-date i { margin-right: 5px; }

/* Görsel */
.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 25px;
}

/* Yazı İçeriği */
.entry-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #334155;
}
.entry-content p { margin-bottom: 20px; }
.entry-content h2, .entry-content h3 { color: #0f172a; margin-top: 30px; }
.entry-content blockquote {
    border-left: 4px solid #2563eb;
    margin: 20px 0;
    padding-left: 20px;
    font-style: italic;
    color: #475569;
}

/* Yazar Kutusu */
.author-box {
    background: #f1f5f9;
    padding: 25px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    border: 1px dashed #cbd5e1;
}
.author-avatar img {
    border-radius: 50%;
    border: 3px solid #fff;
}
.author-info h5 { margin: 0 0 5px 0; font-size: 18px; color: #1e293b; }
.author-info p { margin: 0 0 10px 0; font-size: 14px; color: #64748b; }
.author-link { font-size: 13px; color: #2563eb; font-weight: 600; text-decoration: none; }

/* Sidebar Widget */
.widget {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-bottom: 20px;
}
.widget-title {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #0f172a;
}
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f8fafc;
}
.widget ul li a { color: #475569; text-decoration: none; transition: 0.2s; }
.widget ul li a:hover { color: #2563eb; padding-left: 5px; }

/* Page.php Özel */
.page-content-style {
    max-width: 900px;
    margin: 0 auto; /* Sayfayı ortala */
}


/* --- Modern Arama Widget Tasarımı --- */

/* 1. Kapsayıcıyı Esnek (Flex) Yapalım */
.widget_search form > div {
    display: flex;
    position: relative;
    width: 100%;
}

/* 2. "Arama:" Etiketini Gizle (Sadece okuyucular için kalsın) */
.widget_search .screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* 3. Arama Kutusu (Input) */
.widget_search input[name="s"] {
    width: 100%;
    padding: 12px 15px;
    background-color: #f8fafc; /* Açık gri zemin */
    border: 2px solid #e2e8f0;
    border-right: none; /* Sağ çizgiyi kaldır (butonla birleşsin) */
    border-radius: 8px 0 0 8px; /* Sadece sol köşeleri yuvarla */
    font-size: 14px;
    color: #334155;
    outline: none;
    transition: all 0.3s ease;
}

/* Arama kutusuna tıklanınca */
.widget_search input[name="s"]:focus {
    background-color: #fff;
    border-color: #2563eb; /* Mavi çerçeve */
}

/* 4. "Ara" Butonu */
.widget_search input[type="submit"] {
    background-color: #2563eb; /* Tema Rengi */
    color: #fff;
    border: 2px solid #2563eb; /* Input ile aynı hizada olsun */
    padding: 0 20px;
    border-radius: 0 8px 8px 0; /* Sadece sağ köşeleri yuvarla */
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Buton Hover Efekti */
.widget_search input[type="submit"]:hover {
    background-color: #1e40af; /* Koyu mavi */
    border-color: #1e40af;
}

/* --- Modern Yorum Formu Tasarımı --- */

/* 1. Dış Kutu */
#respond {
    background: #f8fafc; /* Çok açık gri zemin */
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin-top: 50px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

/* 2. Başlık */
.comment-reply-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.comment-reply-title small a {
    color: #ef4444; /* İptal linki kırmızı olsun */
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

/* 3. Etiketler ve Yazılar */
.comment-form label {
    display: block;
    font-weight: 600;
    color: #475569;
    margin-bottom: 8px;
    font-size: 14px;
}

.logged-in-as {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 20px;
}
.logged-in-as a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

/* 4. Textarea ve Inputlar */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
    width: 100%;
    padding: 15px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-family: inherit;
    font-size: 15px;
    color: #334155;
    background: #fff;
    outline: none;
    transition: all 0.3s ease;
}

.comment-form textarea:focus,
.comment-form input:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.1); /* Mavi focus efekti */
}

/* 5. Gönder Butonu */
.form-submit input[type="submit"] {
    background-color: #2563eb;
    color: #fff;
    border: none;
    padding: 14px 35px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 10px;
}

.form-submit input[type="submit"]:hover {
    background-color: #1e40af;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37,99,235,0.3);
}

/* --- Modern Mağaza Üst Barı (Ultra Shop Header) --- */

/* 1. Kapsayıcı Kutu */
.ultra-shop-header {
    display: flex;
    justify-content: space-between; /* İki uca yasla */
    align-items: center; /* Dikey ortala */
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    flex-wrap: wrap; /* Mobilde alt alta geçebilsin */
    gap: 15px;
}

/* 2. Sonuç Sayısı Metni */
.woocommerce-result-count {
    margin: 0 !important; /* Varsayılan margin'i sıfırla */
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
}

/* 3. Sıralama Formu */
.woocommerce-ordering {
    margin: 0 !important;
}

/* 4. Select (Açılır Liste) Tasarımı */
.woocommerce-ordering select {
    appearance: none; /* Varsayılan tarayıcı stilini KOPAR */
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background-color: #f8fafc; /* Açık gri zemin */
    border: 1px solid #cbd5e1;
    border-radius: 50px; /* Hap şeklinde yuvarlak */
    padding: 10px 40px 10px 20px; /* Sağ tarafta ok için boşluk bırak */
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    
    /* Özel Ok İkonu (SVG - Base64) */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232563eb%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center; /* Oku sağa hizala */
    background-size: 16px;
}

/* Select Hover ve Focus Durumu */
.woocommerce-ordering select:hover {
    border-color: #2563eb; /* Mavi çerçeve */
    background-color: #fff;
}
.woocommerce-ordering select:focus {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    border-color: #2563eb;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .ultra-shop-header {
        flex-direction: column; /* Mobilde alt alta */
        align-items: flex-start;
    }
    .woocommerce-ordering, .woocommerce-ordering select {
        width: 100%; /* Mobilde tam genişlik */
    }
}


/* --- Modern ve Minimal Product Meta (Revize) --- */
.product_meta {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
    font-size: 14px;
    color: #64748b;
}

/* Her satır (SKU, Kategori, Etiket) için kutu yapısı */
.product_meta > span {
    display: flex;
    align-items: baseline; /* İkon ve yazıyı aynı hizada tut */
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9; /* Altlarına ince çizgi */
    flex-wrap: wrap; /* Mobilde sığmazsa aşağı geçsin */
    gap: 10px;
}

/* Satır başlıkları (Etiketler:, Kategoriler: vb.) */
.product_meta > span::before {
    /* İkonları burada tanımlıyoruz, aşağıda özelleştireceğiz */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #94a3b8; /* İkon rengi daha sönük olsun */
    width: 20px; 
}

/* Linklerin Tasarımı (Kategori ve Etiket butonları) */
.product_meta a {
    color: #475569; /* Koyu gri yazı */
    text-decoration: none;
    background: #f8fafc; /* Çok hafif gri zemin (Mavi değil) */
    border: 1px solid #e2e8f0; /* İnce çerçeve */
    padding: 4px 12px;
    border-radius: 6px; /* Tam yuvarlak değil, hafif kavisli */
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    display: inline-block;
}

/* Linklerin üzerine gelince */
.product_meta a:hover {
    background: #2563eb; /* Tema rengi */
    color: #fff;
    border-color: #2563eb;
    transform: translateY(-1px);
}

/* --- İKON AYARLARI --- */

/* SKU (Stok Kodu) */
.sku_wrapper::before { content: "\f02a"; } /* Barkod ikonu */

/* Kategoriler */
.posted_in::before { content: "\f07b"; } /* Klasör ikonu */

/* Etiketler */
.tagged_as::before { content: "\f02b"; } /* Etiket ikonu */

/* Marka (Eğer eklenti kullanıyorsan class adı değişebilir, genelde bu yapıda olur) */
.brand::before { content: "\f559"; } /* Madalya/Marka ikonu */

/* SKU Değeri (Link olmadığı için ayrı stil) */
.sku {
    font-family: monospace;
    font-size: 15px;
    color: #334155;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* -------------------------------------------------------------------------- */
/* EKSİK OLAN DROPDOWN (ALT MENÜ) KODLARI (BUNLARI EKLE)                      */
/* -------------------------------------------------------------------------- */

/* 1. Ana Menü Kapsayıcısı */
.desktop-nav ul.desktop-menu-list li {
    position: relative; /* Alt menüyü buna sabitlemek için şart */
}

/* 2. Alt Menü (Dropdown) Kutusu */
.desktop-nav ul.desktop-menu-list li ul.sub-menu {
    position: absolute; /* Akıştan çıkar, üzerine bindir */
    top: 100%; /* Tam düğmenin altında başlasın */
    left: 0;
    width: 260px; /* Standart genişlik, istersen artır */
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 15px 0;
    z-index: 1000;
    
    /* Gizleme Efektleri */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease;
    
    /* Hizalama */
    display: block; /* Flex yapısını bozmamak için */
    text-align: left;
}

/* 3. Mouse ile üzerine gelince (Hover) Göster */
.desktop-nav ul.desktop-menu-list li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 4. Alt Menü Linkleri */
.desktop-nav ul.desktop-menu-list li ul.sub-menu li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #f8fafc;
}
.desktop-nav ul.desktop-menu-list li ul.sub-menu li:last-child {
    border-bottom: none;
}

.desktop-nav ul.desktop-menu-list li ul.sub-menu li a {
    display: block;
    padding: 10px 20px;
    font-size: 13px;
    text-transform: capitalize; /* Sadece baş harfi büyük */
    font-weight: 500;
    color: #555;
    transition: 0.2s;
}

.desktop-nav ul.desktop-menu-list li ul.sub-menu li a:hover {
    background: #f1f5f9;
    color: var(--accent);
    padding-left: 25px; /* Hafif sağa kayma efekti */
}

/* -------------------------------------------------------------------------- */
/* MEGA MENÜ İÇİN EK (Eğer menü çok genişse ve sütunluysa bunu kullan)      */
/* -------------------------------------------------------------------------- */
/* Eğer temanın menü yapısında "mega-menu" class'ı varsa bu devreye girer */
.desktop-nav ul.desktop-menu-list li.mega-menu {
    position: static; /* Genişliği header'a göre ayarlar */
}
.desktop-nav ul.desktop-menu-list li.mega-menu > ul.sub-menu {
    width: 100%; /* Tüm genişliği kapla */
    left: 0;
    right: 0;
    display: flex; /* Yan yana sütunlar için */
    flex-wrap: wrap;
    padding: 30px;
}
.desktop-nav ul.desktop-menu-list li.mega-menu > ul.sub-menu > li {
    width: 25%; /* 4 sütun (İhtiyaca göre %20 veya %33 yapabilirsin) */
    border: none;
}
.desktop-nav ul.desktop-menu-list li.mega-menu > ul.sub-menu > li > a {
    font-weight: 800; /* Başlıklar kalın olsun */
    color: var(--primary);
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
}