/* =============================================
   AMBALAJ TEMASI — assets/css/woocommerce.css
   WooCommerce özel stilleri
   ============================================= */

/* =============================================
   MAĞAZA (ARŞİV) SAYFASI
   ============================================= */
.woocommerce-mağaza-ust,
.woocommerce-archive-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--bosluk-6);
    padding-bottom: var(--bosluk-4);
    border-bottom: 1px solid var(--renk-gri-200);
    gap: var(--bosluk-4);
    flex-wrap: wrap;
}

.woocommerce-result-count {
    color: var(--renk-gri-600);
    font-size: var(--yazi-buyukluk-sm);
    margin: 0;
}

.woocommerce-ordering select {
    border: 1px solid var(--renk-gri-300);
    border-radius: var(--yaricap-lg);
    padding: var(--bosluk-2) var(--bosluk-8) var(--bosluk-2) var(--bosluk-3);
    font-size: var(--yazi-buyukluk-sm);
    color: var(--renk-gri-700);
    background: white;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%236C757D' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
    transition: var(--gecis-hizli);
}
.woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--renk-birincil);
    box-shadow: 0 0 0 3px rgba(232,93,4,0.1);
}

/* Ürün grid */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--bosluk-5);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.products li.product {
    margin: 0 !important;
    background: white;
    border-radius: var(--yaricap-2xl);
    overflow: hidden;
    box-shadow: var(--golge-sm);
    border: 1px solid var(--renk-gri-200);
    transition: var(--gecis-normal);
}
ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: var(--golge-xl);
    border-color: var(--renk-birincil);
}

/* =============================================
   ÜRÜN DETAY SAYFASI
   ============================================= */
.single-product div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bosluk-12);
    align-items: flex-start;
    margin-bottom: var(--bosluk-10);
}

/* Ürün galerisi */
.woocommerce-product-gallery {
    position: sticky;
    top: calc(var(--header-yukseklik) + 8px);
    margin-top: -16px;
    grid-column: 1;
}
.woocommerce-product-gallery__image {
    border-radius: var(--yaricap-2xl);
    overflow: hidden;
}

/* Ürün özeti */
.summary.entry-summary {
    grid-column: 2;
}

.product_title {
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
    font-weight: var(--yazi-agirlik-siyah) !important;
    color: var(--renk-gri-900) !important;
    margin-bottom: var(--bosluk-4) !important;
    line-height: 1.2 !important;
}

/* Fiyat */
.price {
    font-size: var(--yazi-buyukluk-3xl) !important;
    font-weight: var(--yazi-agirlik-kalin) !important;
    color: var(--renk-birincil) !important;
    margin-bottom: var(--bosluk-5) !important;
}
.price del {
    font-size: var(--yazi-buyukluk-xl) !important;
    color: var(--renk-gri-400) !important;
    font-weight: var(--yazi-agirlik-normal) !important;
}

/* Ürün meta */
.product_meta {
    border-top: 1px solid var(--renk-gri-200);
    border-bottom: 1px solid var(--renk-gri-200);
    padding: var(--bosluk-4) 0;
    margin: var(--bosluk-4) 0;
    font-size: var(--yazi-buyukluk-sm);
}
.product_meta span { display: block; margin-bottom: var(--bosluk-2); color: var(--renk-gri-600); }
.product_meta span.sku_wrapper,
.product_meta span.posted_in,
.product_meta span.tagged_as { display: block; }
.product_meta a { color: var(--renk-birincil); text-decoration: none; }
.product_meta a:hover { text-decoration: underline; }

/* Stok durumu */
.stock {
    font-size: var(--yazi-buyukluk-sm) !important;
    font-weight: var(--yazi-agirlik-yari) !important;
    padding: var(--bosluk-2) var(--bosluk-4) !important;
    border-radius: var(--yaricap-tam) !important;
    display: inline-block !important;
    margin-bottom: var(--bosluk-4) !important;
}
.in-stock { background: rgba(45,155,94,0.1) !important; color: var(--renk-basari) !important; }
.out-of-stock { background: rgba(230,57,70,0.1) !important; color: var(--renk-hata) !important; }

/* Sepete ekle formu */
form.cart {
    display: flex;
    align-items: center;
    gap: var(--bosluk-4);
    margin-bottom: var(--bosluk-6);
    flex-wrap: wrap;
}
.quantity { display: flex; align-items: center; gap: 0; }
.quantity .qty {
    width: 80px;
    border: 2px solid var(--renk-gri-300);
    border-radius: var(--yaricap-lg);
    padding: var(--bosluk-3) var(--bosluk-2);
    text-align: center;
    font-size: var(--yazi-buyukluk-md);
    font-weight: var(--yazi-agirlik-yari);
    color: var(--renk-gri-800);
    transition: var(--gecis-hizli);
}
.quantity .qty:focus {
    outline: none;
    border-color: var(--renk-birincil);
    box-shadow: 0 0 0 3px rgba(232,93,4,0.1);
}

/* Sepete ekle butonu */
.single_add_to_cart_button {
    background: var(--renk-birincil) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--yaricap-lg) !important;
    padding: var(--bosluk-3) var(--bosluk-8) !important;
    font-size: var(--yazi-buyukluk-md) !important;
    font-weight: var(--yazi-agirlik-yari) !important;
    cursor: pointer !important;
    transition: var(--gecis-normal) !important;
    box-shadow: var(--golge-birincil) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.single_add_to_cart_button:hover {
    background: var(--renk-birincil-koyu) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 40px rgba(232,93,4,0.35) !important;
}

/* WooCommerce sekmeleri + ilgili ürünler — grid dışına al */
.woocommerce-tabs,
.up-sells,
.related.products {
    grid-column: 1 / -1;
    clear: both;
    width: 100%;
}

/* Ürün sekmeleri */
.woocommerce-tabs ul.tabs {
    display: flex;
    gap: var(--bosluk-2);
    border-bottom: 2px solid var(--renk-gri-200);
    margin-bottom: var(--bosluk-6);
    padding: 0;
}
.woocommerce-tabs ul.tabs li {
    margin: 0;
    list-style: none;
}
.woocommerce-tabs ul.tabs li a {
    display: block;
    padding: var(--bosluk-3) var(--bosluk-5);
    color: var(--renk-gri-600);
    font-weight: var(--yazi-agirlik-orta);
    font-size: var(--yazi-buyukluk-sm);
    border-radius: var(--yaricap-lg) var(--yaricap-lg) 0 0;
    text-decoration: none;
    transition: var(--gecis-hizli);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
}
.woocommerce-tabs ul.tabs li a:hover { color: var(--renk-birincil); }
.woocommerce-tabs ul.tabs li.active a {
    color: var(--renk-birincil);
    border-bottom-color: var(--renk-birincil);
    font-weight: var(--yazi-agirlik-yari);
}

/* =============================================
   SEPET
   ============================================= */
.woocommerce-cart-form table.cart {
    width: 100%;
    border-collapse: collapse;
    border-radius: var(--yaricap-xl);
    overflow: hidden;
    box-shadow: var(--golge-sm);
}
table.cart thead tr th {
    background: var(--renk-gri-100);
    padding: var(--bosluk-4) var(--bosluk-5);
    text-align: left;
    font-size: var(--yazi-buyukluk-sm);
    font-weight: var(--yazi-agirlik-yari);
    color: var(--renk-gri-700);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--renk-gri-200);
}
table.cart tbody tr td {
    padding: var(--bosluk-5);
    border-bottom: 1px solid var(--renk-gri-100);
    vertical-align: middle;
}
table.cart tbody tr:last-child td { border-bottom: none; }

td.product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--yaricap-lg);
}
td.product-name a {
    font-weight: var(--yazi-agirlik-yari);
    color: var(--renk-gri-800);
    text-decoration: none;
}
td.product-name a:hover { color: var(--renk-birincil); }
td.product-price,
td.product-subtotal {
    font-weight: var(--yazi-agirlik-yari);
    color: var(--renk-birincil);
}

a.remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(230,57,70,0.1);
    color: var(--renk-hata) !important;
    border-radius: 50%;
    font-size: 1.2rem;
    text-decoration: none;
    transition: var(--gecis-hizli);
}
a.remove:hover { background: var(--renk-hata); color: white !important; }

/* Sepet güncelle butonu */
button[name="update_cart"] {
    background: var(--renk-gri-200) !important;
    color: var(--renk-gri-700) !important;
    border: none !important;
    border-radius: var(--yaricap-lg) !important;
    padding: var(--bosluk-3) var(--bosluk-6) !important;
    font-weight: var(--yazi-agirlik-orta) !important;
    cursor: pointer !important;
    transition: var(--gecis-hizli) !important;
}
button[name="update_cart"]:hover {
    background: var(--renk-gri-300) !important;
}

/* Sepet toplamı */
.cart-collaterals { margin-top: var(--bosluk-8); }
.cart_totals {
    background: white;
    border-radius: var(--yaricap-2xl);
    padding: var(--bosluk-6);
    box-shadow: var(--golge-md);
    border: 1px solid var(--renk-gri-200);
}
.cart_totals h2 {
    font-size: var(--yazi-buyukluk-xl) !important;
    margin-bottom: var(--bosluk-5) !important;
    padding-bottom: var(--bosluk-4) !important;
    border-bottom: 1px solid var(--renk-gri-200) !important;
}
.cart_totals table { width: 100%; }
.cart_totals table th,
.cart_totals table td {
    padding: var(--bosluk-3) 0;
    border-bottom: 1px solid var(--renk-gri-100);
    font-size: var(--yazi-buyukluk-sm);
}
.cart_totals table .order-total td { font-size: var(--yazi-buyukluk-xl) !important; font-weight: var(--yazi-agirlik-kalin) !important; color: var(--renk-birincil) !important; }
.wc-proceed-to-checkout .checkout-button {
    display: block !important;
    width: 100% !important;
    background: var(--renk-birincil) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--yaricap-lg) !important;
    padding: var(--bosluk-4) !important;
    font-size: var(--yazi-buyukluk-md) !important;
    font-weight: var(--yazi-agirlik-yari) !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: var(--gecis-normal) !important;
    margin-top: var(--bosluk-4) !important;
    box-shadow: var(--golge-birincil) !important;
}
.wc-proceed-to-checkout .checkout-button:hover {
    background: var(--renk-birincil-koyu) !important;
    transform: translateY(-2px) !important;
}

/* Boş sepet */
.bos-sepet-mesaj {
    text-align: center;
    padding: var(--bosluk-16) var(--bosluk-8);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--bosluk-4);
}
.bos-sepet-mesaj svg { color: var(--renk-gri-300); width: 80px; height: 80px; }
.bos-sepet-mesaj p { color: var(--renk-gri-500); font-size: var(--yazi-buyukluk-lg); }

/* =============================================
   ÖDEME SAYFASI
   ============================================= */
.woocommerce-checkout #payment {
    background: var(--renk-gri-100) !important;
    border-radius: var(--yaricap-2xl) !important;
    padding: var(--bosluk-6) !important;
}

.woocommerce form .form-row {
    margin-bottom: var(--bosluk-4) !important;
}
.woocommerce form .form-row label {
    font-size: var(--yazi-buyukluk-sm) !important;
    font-weight: var(--yazi-agirlik-orta) !important;
    color: var(--renk-gri-700) !important;
    margin-bottom: var(--bosluk-2) !important;
    display: block !important;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    width: 100% !important;
    border: 2px solid var(--renk-gri-300) !important;
    border-radius: var(--yaricap-lg) !important;
    padding: var(--bosluk-3) var(--bosluk-4) !important;
    font-size: var(--yazi-buyukluk-md) !important;
    color: var(--renk-gri-800) !important;
    background: white !important;
    transition: var(--gecis-hizli) !important;
    font-family: inherit !important;
}
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    outline: none !important;
    border-color: var(--renk-birincil) !important;
    box-shadow: 0 0 0 4px rgba(232,93,4,0.1) !important;
}

#place_order {
    background: var(--renk-birincil) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--yaricap-lg) !important;
    padding: var(--bosluk-4) var(--bosluk-8) !important;
    font-size: var(--yazi-buyukluk-lg) !important;
    font-weight: var(--yazi-agirlik-yari) !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: var(--gecis-normal) !important;
    box-shadow: var(--golge-birincil) !important;
}
#place_order:hover {
    background: var(--renk-birincil-koyu) !important;
    transform: translateY(-2px) !important;
}

/* =============================================
   HESABIM
   ============================================= */
.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: var(--bosluk-8);
    align-items: flex-start;
    min-width: 0;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation {
    background: white;
    border-radius: var(--yaricap-2xl);
    padding: var(--bosluk-4);
    box-shadow: var(--golge-sm);
    border: 1px solid var(--renk-gri-200);
    position: sticky;
    top: calc(var(--header-yukseklik) + 16px);
    min-width: 0;
    overflow: hidden;
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    padding: var(--bosluk-3) var(--bosluk-4);
    border-radius: var(--yaricap-lg);
    color: var(--renk-gri-700);
    font-size: var(--yazi-buyukluk-sm);
    font-weight: var(--yazi-agirlik-orta);
    text-decoration: none;
    transition: var(--gecis-hizli);
    gap: var(--bosluk-2);
}
.woocommerce-MyAccount-navigation li a:hover {
    background: rgba(232,93,4,0.06);
    color: var(--renk-birincil);
    padding-left: var(--bosluk-5);
}
.woocommerce-MyAccount-navigation li.is-active a {
    background: var(--renk-birincil);
    color: white;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--renk-hata);
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: rgba(230,57,70,0.1);
}

.woocommerce-MyAccount-content {
    background: white;
    border-radius: var(--yaricap-2xl);
    padding: var(--bosluk-8);
    box-shadow: var(--golge-sm);
    border: 1px solid var(--renk-gri-200);
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

/* Sipariş tablosu */
table.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
}
table.woocommerce-orders-table th {
    padding: var(--bosluk-3) var(--bosluk-4);
    background: var(--renk-gri-100);
    font-size: var(--yazi-buyukluk-xs);
    font-weight: var(--yazi-agirlik-yari);
    color: var(--renk-gri-600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: left;
}
table.woocommerce-orders-table td {
    padding: var(--bosluk-4);
    border-bottom: 1px solid var(--renk-gri-100);
    font-size: var(--yazi-buyukluk-sm);
    vertical-align: middle;
}
table.woocommerce-orders-table .button {
    background: var(--renk-birincil) !important;
    color: white !important;
    border-radius: var(--yaricap-md) !important;
    padding: var(--bosluk-1) var(--bosluk-3) !important;
    font-size: var(--yazi-buyukluk-xs) !important;
    text-decoration: none !important;
}

/* Bayi durumu */
.bayi-durum-badge {
    display: inline-block;
    background: rgba(45,155,94,0.1);
    color: var(--renk-basari);
    padding: var(--bosluk-1) var(--bosluk-3);
    border-radius: var(--yaricap-tam);
    font-size: var(--yazi-buyukluk-xs);
    font-weight: var(--yazi-agirlik-kalin);
}
.bayi-bilgileri-panel h2 { margin-bottom: var(--bosluk-6); }
.bayi-bilgileri-panel .woocommerce-table { width: 100%; }
.bayi-bilgileri-panel .woocommerce-table th,
.bayi-bilgileri-panel .woocommerce-table td {
    padding: var(--bosluk-3) var(--bosluk-4);
    border-bottom: 1px solid var(--renk-gri-100);
    font-size: var(--yazi-buyukluk-sm);
}
.bayi-bilgileri-panel .woocommerce-table th { color: var(--renk-gri-600); width: 40%; }

/* =============================================
   WC GENEL BİLDİRİMLER
   ============================================= */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: var(--yaricap-xl) !important;
    border-left: 4px solid !important;
    padding: var(--bosluk-4) var(--bosluk-5) !important;
    margin-bottom: var(--bosluk-5) !important;
    display: flex !important;
    align-items: center !important;
    gap: var(--bosluk-3) !important;
    flex-wrap: wrap !important;
}
.woocommerce-message {
    background: rgba(45,155,94,0.08) !important;
    border-color: var(--renk-basari) !important;
    color: #1a7a45 !important;
}
.woocommerce-info {
    background: rgba(27,73,101,0.08) !important;
    border-color: var(--renk-ikincil) !important;
    color: var(--renk-ikincil) !important;
}
.woocommerce-error {
    background: rgba(230,57,70,0.08) !important;
    border-color: var(--renk-hata) !important;
    color: #b71c1c !important;
}

/* Bayi kayıt form alanları */
.bayi-kayit-alanlari {
    margin: var(--bosluk-6) 0;
    padding: var(--bosluk-6);
    background: rgba(27,73,101,0.04);
    border: 1px solid rgba(27,73,101,0.1);
    border-radius: var(--yaricap-xl);
}
.bayi-kayit-baslik {
    color: var(--renk-ikincil);
    font-size: var(--yazi-buyukluk-lg);
    margin-bottom: var(--bosluk-2);
}
.bayi-kayit-aciklama {
    color: var(--renk-gri-600);
    font-size: var(--yazi-buyukluk-sm);
    margin-bottom: var(--bosluk-5);
    line-height: 1.6;
}

/* Responsive WC */
@media (max-width: 768px) {
    .single-product div.product {
        grid-template-columns: 1fr;
    }
    .woocommerce-product-gallery,
    .summary.entry-summary {
        grid-column: 1;
    }
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--bosluk-3) !important;
    }
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }
    .woocommerce-MyAccount-navigation { position: static; }
    form.cart { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
    ul.products { grid-template-columns: 1fr !important; }
}