/**
 * Tapan Tekstil Cart Styles
 */

.tapan-cart,
.tapan-cart-empty {
    animation: tapanFadeIn 0.4s ease-out;
}

@keyframes tapanFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== Classic Cart Template ===== */

.tapan-cart .tapan-cart-line-price ins,
.tapan-cart .tapan-cart-line-subtotal ins {
    text-decoration: none !important;
}

.tapan-cart .product-quantity .quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.tapan-cart .product-quantity .quantity .qty {
    width: 48px !important;
    height: 36px !important;
    text-align: center !important;
    border: none !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    background: white !important;
    padding: 0 !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
    outline: none !important;
}

.tapan-cart .product-quantity .quantity .qty::-webkit-outer-spin-button,
.tapan-cart .product-quantity .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tapan-cart .product-thumbnail img,
.tapan-cart .woocommerce-cart-form__cart-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

.tapan-cart .woocommerce-cart-form__cart-item .remove {
    font-size: 0 !important;
    text-decoration: none !important;
}

.tapan-cart .woocommerce-cart-form__cart-item .remove:hover,
.tapan-cart .woocommerce-cart-form__cart-item .remove:focus {
    text-decoration: none !important;
}

.cart_totals .wc-proceed-to-checkout .checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    background-color: #0a4580 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.9375rem !important;
    border-radius: 0.75rem !important;
    border: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.cart_totals .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #072d56 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    transform: translateY(-1px) !important;
}

.cart_totals .shipping-calculator-button {
    color: #0a4580 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

.cart_totals .shipping-calculator-form {
    margin-top: 0.75rem;
}

.cart_totals .shipping-calculator-form .input-text,
.cart_totals .shipping-calculator-form select {
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    font-size: 0.875rem !important;
    margin-bottom: 0.5rem !important;
    background: #fff !important;
}

/* Klasik sepet: kargo satırı / yöntem listesi */
.tapan-cart .cart_totals .woocommerce-shipping-methods,
.tapan-cart .cart_totals ul#shipping_method {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.tapan-cart .cart_totals .woocommerce-shipping-methods li,
.tapan-cart .cart_totals ul#shipping_method li {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    font-size: 0.8125rem !important;
    line-height: 1.45 !important;
}

.tapan-cart .cart_totals .woocommerce-shipping-methods li:last-child,
.tapan-cart .cart_totals ul#shipping_method li:last-child {
    margin-bottom: 0 !important;
}

/* ===== WooCommerce Cart Block ===== */

/* Klasik temada alignwide genişliği sayfa kabından taşmasın */
main .wp-block-woocommerce-cart.alignwide {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.wp-block-woocommerce-cart {
    animation: tapanFadeIn 0.4s ease-out;
}

/* Sipariş özeti başlığı (yeni blok yapısı: order summary heading) */
.wp-block-woocommerce-cart .wc-block-cart__totals-title,
.wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block {
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 1rem 0 !important;
    padding: 0.75rem 1rem !important;
    background: linear-gradient(to bottom, #f9fafb, #f3f4f6) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    letter-spacing: -0.01em !important;
}

.wp-block-woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
    margin-top: 0 !important;
}

/* Ürün adı — mağaza primary vurgusu */
.wp-block-woocommerce-cart .wc-block-components-product-name {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #111827 !important;
}

.wp-block-woocommerce-cart a.wc-block-components-product-name:hover {
    color: #0c54a0 !important;
}

/* Ürün meta / kısa açıklama */
.wp-block-woocommerce-cart .wc-block-components-product-metadata {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    line-height: 1.45 !important;
    margin-top: 0.35rem !important;
}

.wp-block-woocommerce-cart .wc-block-components-product-metadata p {
    margin: 0 !important;
}

/* Birim fiyat */
.wp-block-woocommerce-cart .wc-block-cart-item__prices .wc-block-components-formatted-money-amount {
    font-size: 0.8125rem !important;
    color: #4b5563 !important;
}

.wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2rem !important;
    align-items: flex-start !important;
}

.wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-main {
    flex: 2 !important;
    min-width: 0 !important;
}

.wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar {
    flex: 1 !important;
    min-width: 300px !important;
    max-width: 380px !important;
}

/* Sol taraf: Urun listesi karti */
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-main,
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout > :first-child:not(.wc-block-components-sidebar) {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    padding: 0 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items {
    border: none !important;
    background: #fff !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items table {
    border: none !important;
    margin: 0 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items th,
.wp-block-woocommerce-cart .wc-block-cart-items td {
    border: none !important;
}

.wp-block-woocommerce-cart thead,
.wp-block-woocommerce-cart thead tr,
.wp-block-woocommerce-cart thead th,
.wp-block-woocommerce-cart thead td,
.wp-block-woocommerce-cart .wc-block-cart-items__header,
.wp-block-woocommerce-cart .wc-block-cart-items__header *,
.wp-block-woocommerce-cart .wc-block-cart-items__header-product,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product,
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
    visibility: visible !important;
}
.wc-block-cart thead,
.wc-block-cart thead tr,
.wc-block-cart thead th,
.wc-block-cart thead td,
.wc-block-cart-items__header-product {
    background-color: #f9fafb !important;
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #6b7280 !important;
}

.wp-block-woocommerce-cart table.wc-block-cart-items {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items__row {
    padding: 1.25rem !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: #fff !important;
}

.wp-block-woocommerce-cart .wc-block-cart-items__row:last-child {
    border-bottom: none !important;
}

/* Sag taraf: Toplam karti */
.wp-block-woocommerce-cart .wc-block-components-sidebar {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Kupon, kargo, alt toplam, toplam satirlari */
.wp-block-woocommerce-cart .wc-block-components-totals-coupon,
.wp-block-woocommerce-cart .wc-block-components-totals-shipping,
.wp-block-woocommerce-cart .wc-block-components-totals-item {
    padding: 0.875rem 0 !important;
    margin: 0 !important;
    border-top: 1px solid #f3f4f6 !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-wrapper:first-child .wc-block-components-totals-item,
.wp-block-woocommerce-cart .wc-block-components-totals-wrapper:first-child .wc-block-components-totals-coupon,
.wp-block-woocommerce-cart .wc-block-components-totals-wrapper:first-child .wc-block-components-totals-shipping {
    border-top: none !important;
    padding-top: 0 !important;
}

/* Toplam (footer) - kalin border ile ayir */
.wp-block-woocommerce-cart .wc-block-components-totals-footer-item {
    padding: 1rem 0 0 !important;
    margin: 0.5rem 0 0 !important;
    border-top: 2px solid #e5e7eb !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #111827 !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    color: #0a4580 !important;
}

/* Odemeye git butonu */
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-components-checkout-step .wc-block-components-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    background-color: #0a4580 !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.9375rem !important;
    border-radius: 0.75rem !important;
    border: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    margin-top: 1rem !important;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart .wc-block-components-checkout-step .wc-block-components-button:hover {
    background-color: #072d56 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    transform: translateY(-1px) !important;
}

/* Kupon input */
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__content input {
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    padding: 0.625rem 0.875rem !important;
    font-size: 0.875rem !important;
    background: #fff !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-coupon__content input:focus {
    border-color: #0a4580 !important;
    box-shadow: 0 0 0 2px rgba(10, 69, 128, 0.15) !important;
    outline: none !important;
}

.wp-block-woocommerce-cart .wc-block-components-totals-coupon__content button {
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
}

/* Miktar input */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector {
    border: 2px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector input {
    background: #fff !important;
    font-weight: 600 !important;
    border: none !important;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector button {
    background: #f9fafb !important;
    border: none !important;
    color: #374151 !important;
}

.wp-block-woocommerce-cart .wc-block-components-quantity-selector button:hover {
    background: #f3f4f6 !important;
    color: #0a4580 !important;
}

/* Ürünü kaldır — Phosphor (JS ile SVG yerine enjekte) */
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
    color: #64748b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.3rem !important;
    border-radius: 0.375rem !important;
    transition: color 0.15s ease, background-color 0.15s ease !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover,
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link:focus {
    color: #dc2626 !important;
    background-color: #fef2f2 !important;
    text-decoration: none !important;
}

.wp-block-woocommerce-cart .wc-block-cart-item__remove-link .ph-trash {
    font-size: 0.9375rem !important;
    line-height: 1 !important;
}

/* Urun gorseli */
.wp-block-woocommerce-cart .wc-block-cart-item__image img {
    border-radius: 0.5rem !important;
    border: 1px solid #f3f4f6 !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    margin-bottom: 1rem!important;
    margin-top: 2rem!important;
}

/* Bos sepet - metin */
.wp-block-woocommerce-cart .wc-block-cart__empty-cart__title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
}

.wp-block-woocommerce-cart .wc-block-cart__empty-cart__title + .wp-block-separator {
    
}

.wp-block-woocommerce-cart .wc-block-cart__empty-cart__title + * + .wp-block-heading {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin-bottom: 2rem!important;
}

.wp-block-woocommerce-cart .wc-block-cart__empty-cart .wp-block-buttons {
    margin-top: 1.5rem !important;
}

.wp-block-woocommerce-cart .wc-block-cart__empty-cart .wp-block-buttons .wp-block-button__link {
    background-color: #0a4580 !important;
    color: #fff !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
}

.wp-block-woocommerce-cart .wc-block-cart__empty-cart .wp-block-buttons .wp-block-button__link:hover {
    background-color: #072d56 !important;
}

@media (max-width: 768px) {
    .wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
        flex-wrap: wrap !important;
    }

    .wp-block-woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}
