/* ============================================================
   ÖDEME SAYFASI — Trendalan custom checkout CSS
   HTML yapısı: form.woocommerce-checkout > div.tr-co-g
     div.tr-co-g > div (sol) + div.tr-co-r (sağ)
   ============================================================ */

body.woocommerce-checkout { background: #f5f5f5 !important; }
.woocommerce-checkout .entry-title { display: none !important; }

/* Sayfa sarmalayıcısı (.tr-wc-wrap) normalde 1240px'de sınırlı — ödeme
   sayfası daha geniş bir çerçeve kullansın diye burada genişletiyoruz. */
body.woocommerce-checkout .tr-wc-wrap { max-width: 1400px !important; }






.tr-co-g > *:nth-child(n+3) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


form.woocommerce-checkout > #customer_details,
form.woocommerce-checkout > #order_review_heading,
form.woocommerce-checkout > #order_review {
    display: none !important;
}

.tr-co-g #order_review {
    display: block !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* ---- customer_details (sol kolon içinde) ---- */
#customer_details { overflow: visible !important; }
#customer_details::before,
#customer_details::after { display: none !important; }
#customer_details .col-1,
#customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    clear: both !important;
    padding: 0 !important;
}

/* ---- order_review (sağ kolon) ---- */
#order_review_heading { display: none !important; }
.tr-co-r #order_review {
    position: static !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* ---- BILLING / SHIPPING KARTLARI ---- */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    background: #fff !important;
    border: 1.5px solid #e8eaed !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
}
.woocommerce-additional-fields { margin-bottom: 0 !important; }

.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
.woocommerce-additional-fields > h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1a1d23 !important;
    margin: 0 !important;
    padding: 20px 24px 16px !important;
    border-bottom: 1.5px solid #f0f0f0 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
}


.woocommerce-additional-fields__field-wrapper { padding: 16px 24px !important; }

.woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-shipping-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1 !important;
}
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-shipping-fields__field-wrapper .form-row-first,
.woocommerce-shipping-fields__field-wrapper .form-row-last {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    clear: none !important;
    grid-column: auto !important;
}

/* ---- FORM-ROW GENEL ---- */
.woocommerce-checkout .form-row {
    float: none !important;
    width: 100% !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.woocommerce-checkout .form-row label {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #6b7280 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
}
.woocommerce-checkout .form-row .required { color: #e23744 !important; }

/* ---- INPUT / SELECT / TEXTAREA ---- */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 13px 16px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    color: #1a1d23 !important;
    background: #fff !important;
    height: auto !important;
    margin: 0 !important;
    outline: none !important;
    transition: border-color .15s, box-shadow .15s !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #f5821f !important;
    box-shadow: 0 0 0 3px rgba(245,130,31,.12) !important;
}
.woocommerce-checkout .form-row textarea {
    resize: vertical !important;
    min-height: 80px !important;
}

/* ---- SELECT2 ---- */
.woocommerce-checkout .select2-container .select2-selection--single {
    height: auto !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 13px 16px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
    padding: 0 !important;
    font-size: 15px !important;
    color: #1a1d23 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 14px !important;
}
.woocommerce-checkout .select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--open .select2-selection--single {
    border-color: #f5821f !important;
    box-shadow: 0 0 0 3px rgba(245,130,31,.12) !important;
}

/* ---- SİPARİŞ ÖZETİ TABLOSU ---- */
.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}
.woocommerce-checkout-review-order-table thead th {
    background: #f7f8fa !important;
    padding: 11px 18px !important;
    font-size: 10.5px !important;
    text-transform: uppercase !important;
    letter-spacing: .6px !important;
    color: #9ca3af !important;
    font-weight: 700 !important;
    border-bottom: 1.5px solid #e8eaed !important;
    text-align: left !important;
}
.woocommerce-checkout-review-order-table thead th:last-child { text-align: right !important; }
.woocommerce-checkout-review-order-table tbody td {
    padding: 12px 18px !important;
    font-size: 13.5px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    color: #1a1d23 !important;
    vertical-align: middle !important;
}
.woocommerce-checkout-review-order-table tbody td.product-total {
    text-align: right !important;
    font-weight: 700 !important;
    color: #f5821f !important;
}
.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table tfoot tr td {
    padding: 10px 18px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    color: #8a909e !important;
}
.woocommerce-checkout-review-order-table tfoot td { text-align: right !important; }
.woocommerce-checkout-review-order-table tfoot .shipping td { color: #16a34a !important; font-weight: 700 !important; }
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td {
    padding: 14px 18px !important;
    background: #f7f8fa !important;
    border-top: 2px solid #e8eaed !important;
    border-bottom: none !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    color: #1a1d23 !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total td {
    color: #f5821f !important;
    font-size: 18px !important;
}

/* ---- ÖDEME YÖNTEMİ ---- */
#payment { padding: 14px 18px !important; }
#payment ul.wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
}
#payment li.wc_payment_method {
    border: 1.5px solid #e8eaed !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
}
#payment li.wc_payment_method > label {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 12px 14px !important;
    cursor: pointer !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    background: #fff !important;
    margin: 0 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
}
#payment li.wc_payment_method input[type="radio"] {
    accent-color: #f5821f !important;
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0 !important;
}
#payment .payment_box {
    background: #f7f8fa !important;
    padding: 10px 14px !important;
    border-top: 1px solid #e8eaed !important;
    font-size: 12.5px !important;
    color: #8a909e !important;
}
#payment .woocommerce-info {
    background: #fffbeb !important;
    border: 1.5px solid #fde68a !important;
    border-radius: 8px !important;
    padding: 10px 13px !important;
    color: #92400e !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
}
#payment .woocommerce-info::before { display: none !important; }
.woocommerce-privacy-policy-text {
    font-size: 11.5px !important;
    color: #9ca3af !important;
    text-align: center !important;
    margin: 8px 0 !important;
    line-height: 1.6 !important;
}
.woocommerce-privacy-policy-text a { color: #f5821f !important; }

#place_order {
    display: block !important;
    width: 100% !important;
    padding: 15px !important;
    background: #f5821f !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    transition: .15s !important;
}
#place_order:hover { background: #e06a00 !important; }

/* ---- KUPON ---- */
.woocommerce-checkout .woocommerce-info {
    background: #f0f9ff !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    padding: 11px 16px !important;
    font-size: 13.5px !important;
    color: #0369a1 !important;
    margin: 0 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.woocommerce-checkout .woocommerce-info::before { display: none !important; }
.woocommerce-checkout .woocommerce-info a { color: #f5821f !important; font-weight: 700 !important; text-decoration: none !important; }
form.checkout_coupon {
    background: #fff !important;
    border: 1.5px solid #e8eaed !important;
    border-radius: 10px !important;
    padding: 13px 16px !important;
    margin: 0 0 16px !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}
form.checkout_coupon .form-row { flex: 1 !important; display: block !important; }
form.checkout_coupon input {
    width: 100% !important;
    padding: 11px 14px !important;
    border: 1.5px solid #e8eaed !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    outline: none !important;
}
form.checkout_coupon input:focus { border-color: #f5821f !important; }
form.checkout_coupon .button {
    padding: 11px 20px !important;
    background: #1a2a4a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    font-family: inherit !important;
    transition: .15s !important;
}
form.checkout_coupon .button:hover { background: #f5821f !important; }

/* ---- SHIP-TO-DIFFERENT ---- */
#ship-to-different-address label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1a1d23 !important;
    padding: 16px 24px !important;
    margin: 0 !important;
}
#ship-to-different-address input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    accent-color: #f5821f !important;
    flex-shrink: 0 !important;
}

/* ---- MOBÄ°L ---- */
@media (max-width: 768px) {
    .tr-co-g {
        grid-template-columns: 1fr !important;
    }
    .tr-co-r { position: static !important; }
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
}