/*=====================================
  ARNHOPİA ÖZEL WOOCOMMERCE STİLLERİ
=====================================*/


/* ===== WOOCOMMERCE GENEL ÜRÜN GRİDLERİ (Kategori, Anasayfa vb.) ===== */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    padding: 15px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(142, 97, 60, 0.15);
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link img,
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link img {
    border-radius: 12px 12px 0 0;
    object-fit: cover;
    width: 100%;
    display: block;
}


/* ===== WOOCOMMERCE SEPET, ÖDEME VE HESABIM SAYFALARI (Kenarlıkları Oval Yap) ===== */

/* --- Sepet Sayfası --- */
.woocommerce-cart-form,
.cart-collaterals {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.woocommerce-cart-form table.shop_table {
    border: none;
    border-radius: 0;
}
.woocommerce-cart-form table.shop_table td,
.woocommerce-cart-form table.shop-table th {
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
}


/* --- Ödeme Sayfası --- */
/* WooCommerce ödeme sayfasındaki ana formu ve tüm alanları hedefliyoruz */

/* Ana formun kendisi */
.woocommerce form.checkout {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px;
    margin: 20px 0; /* Üst ve alttan hafif boşluk */
}

/* Form içindeki bölümler */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-account-fields,
.woocommerce-checkout-payment {
    background: #fafafa; /* İç alanları hafif farklılaştıralım ki belli olsun */
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

/* Form içindeki input'lar */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
    transition: border-color 0.3s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #8e613c;
    outline: none;
}

/* Sipariş özeti (sağdaki sidebar) */
.woocommerce-checkout-review-order {
    background: #f8f5f2;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
}
.woocommerce-checkout-review-order table {
    border: none;
    border-radius: 0;
}
.woocommerce-checkout-review-order table th,
.woocommerce-checkout-review-order table td {
    border-bottom: 1px solid #e0e0e0;
}

/* --- Hesabım Sayfası --- */
.woocommerce-MyAccount-navigation li,
.woocommerce-MyAccount-content {
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 15px;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation li a {
    border-radius: 6px;
    padding: 10px 15px;
    display: block;
    transition: background-color 0.3s;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
    background-color: #f8f5f2;
    color: #8e613c;
}

/* ===== WOOCOMMERCE ÜRÜN DETAY SAYFASI ===== */

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img,
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    border-radius: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 8px;
}

.woocommerce div.product form.cart .quantity input[type="number"],
.woocommerce-page div.product form.cart .quantity input[type="number"] {
    border-radius: 20px;
    padding: 0 15px;
}

.woocommerce div.product form.cart .quantity .plus,
.woocommerce div.product form.cart .quantity .minus,
.woocommerce-page div.product form.cart .quantity .plus,
.woocommerce-page div.product form.cart .quantity .minus {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}


/* ===== MOBİL UYUMLULUK ===== */

@media (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        border-radius: 12px;
        padding: 10px;
    }
    .woocommerce ul.products li.product .woocommerce-LoopProduct-link img,
    .woocommerce-page ul.products li.product .woocommerce-LoopProduct-link img {
        border-radius: 10px 10px 0 0;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {
        border-radius: 12px;
    }
}