/* ============================================================
   WooCommerce — Mesnevi Gümüş
   ============================================================ */

/* GENEL WOO SARMALAYICI */
.woo-wrap{padding:3rem 0}
.woo-main{flex:1;min-width:0}

/* ============================================================
   MAĞAZA LİSTESİ
   ============================================================ */
.woocommerce-products-header{margin-bottom:2rem}
.woocommerce-products-header h1{font-size:clamp(1.6rem,3vw,2.2rem)}
.woocommerce-result-count{color:var(--metin-ince);font-size:.86rem;margin-bottom:1rem}
.woocommerce-ordering select{padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.88rem;outline:none;transition:border-color var(--t-hizli);background:#fff;cursor:pointer}
.woocommerce-ordering select:focus{border-color:var(--yesil)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none!important}
.products>li.product{margin:0!important;padding:0!important;float:none!important}

/* ============================================================
   ÜRÜN DETAY
   ============================================================ */
.single-product-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}

/* Galeri */
.urun-galeri{}
.galeri-ana{border-radius:var(--r-md);overflow:hidden;background:var(--bg-section);aspect-ratio:1;position:relative}
.galeri-ana img{width:100%;height:100%;object-fit:cover}
.galeri-kucukler{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.galeri-kucuk{width:72px;height:72px;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--t-hizli);flex-shrink:0}
.galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.galeri-kucuk:hover,.galeri-kucuk.aktif{border-color:var(--yesil)}

/* Özet */
.urun-ozet{}
.urun-kategori{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zeytin);margin-bottom:.5rem;display:block}
.urun-baslik{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.75rem}
.urun-puan-wrap{display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.urun-yorum-link{font-size:.82rem;color:var(--metin-ince);transition:color var(--t-hizli)}
.urun-yorum-link:hover{color:var(--yesil)}
.urun-fiyat-wrap{margin-bottom:1.4rem;padding:14px 18px;background:var(--bg-section);border-radius:var(--r-sm);border-left:4px solid var(--yesil)}
.urun-fiyat-wrap .woocommerce-Price-amount{font-size:2rem;font-weight:700;color:var(--yesil)}
.urun-fiyat-wrap del{margin-left:10px;opacity:.6}
.urun-fiyat-wrap del .woocommerce-Price-amount{font-size:1.1rem;font-weight:400;color:var(--metin-ince)}
.urun-kisaca{font-size:.96rem;line-height:1.75;color:var(--metin-ince);margin-bottom:1.6rem}

/* Ekle Formu */
.urun-ekle-form{margin-bottom:1.6rem}
.qty-wrap{display:flex;align-items:center;gap:12px;margin-bottom:1rem}
.qty-label{font-weight:600;font-size:.88rem;color:var(--metin)}
.qty-kontrol{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.qty-btn{width:36px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;transition:all var(--t-hizli);border:none;font-size:1.1rem;font-weight:700;color:var(--metin)}
.qty-btn:hover{background:var(--yesil);color:#fff}
.qty-input{width:52px;height:38px;border:none;text-align:center;font-size:.95rem;font-weight:600;outline:none;border-left:1px solid var(--border);border-right:1px solid var(--border)}
.btn-sepete-detay{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--yesil);color:#fff;border:none;border-radius:var(--r-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--t-normal)}
.btn-sepete-detay:hover{background:var(--siyah);transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,92,46,.3)}

/* Garanti Kutusu */
.urun-garanti{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.2rem;padding:14px;background:var(--bg-section);border-radius:var(--r-sm)}
.ug-uye{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--metin-ince)}
.ug-uye svg{color:var(--yesil);flex-shrink:0}

/* GÜVEN BLOĞU */
.urun-guven-blok{margin-top:1.4rem;border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.ugb-satir{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border);font-size:.85rem}
.ugb-satir:last-child{border-bottom:none}
.ugb-satir:hover{background:var(--bg-section)}
.ugb-satir svg{color:var(--yesil);flex-shrink:0;width:18px;height:18px}
.ugb-satir strong{display:block;font-size:.85rem;color:var(--siyah);font-weight:600}
.ugb-satir span{display:block;font-size:.76rem;color:var(--metin-ince);margin-top:1px}

/* Meta */
.urun-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.83rem;color:var(--metin-ince);display:flex;flex-direction:column;gap:4px}
.urun-meta span strong{color:var(--metin)}

/* Sekmeler */
.urun-sekmeler{margin-top:3rem}
.urun-sekme-basliklar{display:flex;border-bottom:2px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}
.urun-sekme-btn{padding:10px 22px;font-size:.9rem;font-weight:600;color:var(--metin-ince);border:none;background:none;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all var(--t-hizli)}
.urun-sekme-btn:hover{color:var(--metin)}
.urun-sekme-btn.aktif{color:var(--yesil);border-bottom-color:var(--yesil)}
.urun-sekme-icerik{display:none}
.urun-sekme-icerik.aktif{display:block}
.urun-sekme-icerik h3{font-size:1.1rem;margin-bottom:.75rem}
.urun-sekme-icerik p{color:var(--metin-ince);line-height:1.75;margin-bottom:.75rem}

/* İlgili Ürünler */
.ilgili-urunler{margin-top:4rem}
.ilgili-urunler h2{margin-bottom:2rem}
.ilgili-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}

/* ============================================================
   SEPET
   ============================================================ */
.woocommerce-cart .woo-wrap{max-width:1100px}
table.shop_table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--golge)}
table.shop_table th{background:var(--bg-section);padding:13px 16px;text-align:left;font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--metin-ince);border-bottom:2px solid var(--border)}
table.shop_table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}
table.shop_table .product-thumbnail img{width:72px;height:72px;object-fit:cover;border-radius:var(--r-sm)}
table.shop_table .product-name a{font-weight:600;color:var(--metin);transition:color var(--t-hizli)}
table.shop_table .product-name a:hover{color:var(--yesil)}
table.shop_table .quantity input{width:62px;padding:7px;border:1.5px solid var(--border);border-radius:var(--r-sm);text-align:center;font-size:.92rem}
.btn-sepet-guncelle,.woocommerce button[name="update_cart"]{padding:9px 20px;background:var(--bg-section);border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.86rem;font-weight:600;cursor:pointer;transition:all var(--t-hizli)}
.btn-sepet-guncelle:hover,.woocommerce button[name="update_cart"]:hover{border-color:var(--yesil);color:var(--yesil)}
.cart_totals{background:#fff;border-radius:var(--r-md);padding:1.5rem;box-shadow:var(--golge);margin-top:2rem}
.cart_totals h2{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals table th,.cart_totals table td{padding:9px 0;border-bottom:1px solid var(--border);font-size:.92rem}
.cart_totals .order-total .woocommerce-Price-amount{font-size:1.3rem;font-weight:700;color:var(--yesil)}
.wc-proceed-to-checkout .checkout-button{display:block;text-align:center;padding:14px;background:var(--yesil);color:#fff;border-radius:var(--r-sm);font-size:1rem;font-weight:700;margin-top:1rem;transition:all var(--t-normal)}
.wc-proceed-to-checkout .checkout-button:hover{background:var(--siyah);transform:translateY(-2px)}

/* ============================================================
   ÖDEME
   ============================================================ */
.woocommerce-checkout .woo-wrap{max-width:1100px}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.woocommerce-checkout .col-1,.woocommerce-checkout .col-2{background:#fff;padding:1.5rem;border-radius:var(--r-md);box-shadow:var(--golge)}
.woocommerce-checkout h3{font-size:1.1rem;margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}
.woocommerce-checkout .form-row{margin-bottom:1rem}
.woocommerce-checkout .form-row label{display:block;font-size:.86rem;font-weight:600;margin-bottom:5px;color:var(--metin)}
.woocommerce-checkout .form-row input,.woocommerce-checkout .form-row select,.woocommerce-checkout .form-row textarea{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.92rem;transition:border-color var(--t-hizli);outline:none;background:#fff}
.woocommerce-checkout .form-row input:focus,.woocommerce-checkout .form-row select:focus,.woocommerce-checkout .form-row textarea:focus{border-color:var(--yesil);box-shadow:0 0 0 3px rgba(30,92,46,.1)}
#order_review{background:#fff;padding:1.5rem;border-radius:var(--r-md);box-shadow:var(--golge);margin-top:2rem}
.woocommerce-checkout-payment{background:var(--bg-section);padding:1.2rem;border-radius:var(--r-sm);margin-top:1rem}
.woocommerce-checkout-payment ul.payment_methods{list-style:none;margin-bottom:1rem}
.woocommerce-checkout-payment ul.payment_methods li{padding:8px 0;border-bottom:1px solid var(--border)}
#place_order{width:100%;padding:14px;background:var(--yesil);color:#fff;border:none;border-radius:var(--r-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--t-normal)}
#place_order:hover{background:var(--siyah)}

/* ============================================================
   HESAP SAYFASI
   ============================================================ */
.woocommerce-account .woo-wrap{max-width:1000px}
.woocommerce-MyAccount-navigation{background:#fff;border-radius:var(--r-md);padding:1rem;box-shadow:var(--golge);margin-bottom:1.5rem}
.woocommerce-MyAccount-navigation ul{list-style:none}
.woocommerce-MyAccount-navigation ul li a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-sm);color:var(--metin);font-size:.9rem;font-weight:500;transition:all var(--t-hizli)}
.woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-MyAccount-navigation ul li.is-active a{background:rgba(30,92,46,.08);color:var(--yesil);font-weight:700;padding-left:20px}
.woocommerce-MyAccount-content{background:#fff;border-radius:var(--r-md);padding:2rem;box-shadow:var(--golge)}
.woocommerce-MyAccount-content h2{margin-bottom:1.5rem}
table.woocommerce-orders-table{width:100%;border-collapse:collapse}
table.woocommerce-orders-table th{background:var(--bg-section);padding:10px 14px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--metin-ince);border-bottom:2px solid var(--border)}
table.woocommerce-orders-table td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:.9rem}
.woocommerce-orders-table .view{display:inline-block;padding:5px 13px;border:1.5px solid var(--yesil);color:var(--yesil);border-radius:var(--r-tam);font-size:.78rem;font-weight:700;transition:all var(--t-hizli)}
.woocommerce-orders-table .view:hover{background:var(--yesil);color:#fff}

/* Sipariş durumu rozetleri */
.woocommerce-order-status-completed{background:#d1edda;color:#155724;padding:3px 9px;border-radius:var(--r-tam);font-size:.75rem;font-weight:700}
.woocommerce-order-status-processing{background:#cce5ff;color:#004085;padding:3px 9px;border-radius:var(--r-tam);font-size:.75rem;font-weight:700}
.woocommerce-order-status-pending{background:#fff3cd;color:#856404;padding:3px 9px;border-radius:var(--r-tam);font-size:.75rem;font-weight:700}
.woocommerce-order-status-cancelled,.woocommerce-order-status-failed{background:#fdecea;color:#721c24;padding:3px 9px;border-radius:var(--r-tam);font-size:.75rem;font-weight:700}

/* Hesap form */
.woocommerce-EditAccountForm .form-row{margin-bottom:1rem}
.woocommerce-EditAccountForm label{display:block;font-size:.86rem;font-weight:600;margin-bottom:4px}
.woocommerce-EditAccountForm input{width:100%;max-width:420px;padding:9px 13px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.92rem;outline:none;transition:border-color var(--t-hizli)}
.woocommerce-EditAccountForm input:focus{border-color:var(--yesil)}
.woocommerce-Button{padding:10px 24px;background:var(--yesil);color:#fff;border:none;border-radius:var(--r-sm);font-weight:700;cursor:pointer;transition:background var(--t-hizli)}
.woocommerce-Button:hover{background:var(--siyah)}

/* STOK DURUM */
.in-stock{color:var(--yesil);font-weight:700;font-size:.88rem}
.out-of-stock{color:var(--kirmizi);font-weight:700;font-size:.88rem}

/* RESPONSIVE */
@media(max-width:1024px){.products{grid-template-columns:repeat(3,1fr)}.ilgili-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  .products{grid-template-columns:repeat(2,1fr)}
  .single-product-wrap{grid-template-columns:1fr}
  .ilgili-grid{grid-template-columns:repeat(2,1fr)}
  .woocommerce-checkout .col2-set{grid-template-columns:1fr}
}
@media(max-width:480px){.products{grid-template-columns:1fr}.ilgili-grid{grid-template-columns:1fr}}

/* ============================================================
   EK MOBİL İYİLEŞTİRMELERİ
   ============================================================ */
@media (max-width: 768px) {
    .single-product-wrap {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .urun-baslik {
        font-size: 1.5rem !important;
        line-height: 1.25 !important;
    }
    .urun-fiyat-wrap {
        font-size: 1.3rem !important;
    }
    .galeri-ana img {
        width: 100% !important;
        height: auto !important;
    }
    .galeri-kucukler {
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 8px !important;
    }
    .galeri-kucuk {
        flex: 0 0 70px !important;
        width: 70px !important;
        height: 70px !important;
    }

    /* Ürün grid */
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Ürün sekmeler */
    .urun-sekme-basliklar {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        white-space: nowrap !important;
    }
    .urun-sekme-basliklar::-webkit-scrollbar { display: none !important; }
    .urun-sekme-btn {
        flex-shrink: 0 !important;
        font-size: .85rem !important;
        padding: 10px 16px !important;
    }

    /* Garanti kartları */
    .urun-garanti {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .ug-uye {
        padding: 10px !important;
        font-size: .8rem !important;
    }

    /* İlgili ürünler */
    .ilgili-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Mağaza (archive) */
    .woo-wrap {
        padding: 20px 16px !important;
    }

    /* Breadcrumb */
    .breadcrumb {
        font-size: .78rem !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .breadcrumb::-webkit-scrollbar { display: none !important; }
}

@media (max-width: 480px) {
    .urun-baslik { font-size: 1.3rem !important; }
    .urun-ekle-form {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .qty-wrap, .btn-sepete-detay {
        width: 100% !important;
    }
    .btn-sepete-detay {
        justify-content: center !important;
    }
    ul.products {
        grid-template-columns: 1fr !important;
    }
    .ilgili-grid {
        grid-template-columns: 1fr !important;
    }
    .urun-garanti {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .urun-guven-blok { margin-top: 1rem; }
    .ugb-satir { padding: 10px 13px; }
    .ugb-satir strong { font-size: .82rem; }
    .ugb-satir span { font-size: .73rem; }
}

/* ── GALERİ ZOOM & LİGHTBOX ── */
.galeri-ana { cursor: zoom-in; }
.galeri-ana img { transition: transform .3s ease; }
.galeri-ana:hover img { transform: scale(1.03); }
.galeri-zoom-btn {
  position: absolute; bottom: 12px; right: 12px;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,.9); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.15); z-index: 5;
  transition: background .2s, transform .2s;
}
.galeri-zoom-btn:hover { background: #fff; transform: scale(1.1); }

.mg-lightbox {
  position: fixed; inset: 0; z-index: 9999;
  display: none; align-items: center; justify-content: center;
}
.mg-lightbox:not([hidden]) { display: flex; }
.mg-lb-overlay {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.92); backdrop-filter: blur(4px);
}
.mg-lb-icerik {
  position: relative; z-index: 2;
  max-width: 90vw; max-height: 90vh;
  display: flex; align-items: center; justify-content: center;
}
.mg-lb-icerik img {
  max-width: 90vw; max-height: 85vh;
  object-fit: contain; border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  animation: lbGoster .2s ease;
}
@keyframes lbGoster { from { opacity:0; transform:scale(.95); } to { opacity:1; transform:scale(1); } }
.mg-lb-kapat {
  position: absolute; top: 20px; right: 20px; z-index: 10;
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.2);
  color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.mg-lb-kapat:hover { background: rgba(255,255,255,.2); }
.mg-lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;
  width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.2);
  color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.mg-lb-nav:hover { background: rgba(255,255,255,.25); }
.mg-lb-prev { left: 20px; }
.mg-lb-next { right: 20px; }
.mg-lb-sayac {
  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
  color: rgba(255,255,255,.6); font-size: .82rem; z-index: 10;
}
@media (max-width:600px) {
  .mg-lb-prev { left: 8px; }
  .mg-lb-next { right: 8px; }
  .mg-lb-nav { width: 38px; height: 38px; }
}
