/* Shofy — yalnızca checkout / hesap formları için ince düzeltmeler */

/* ── Logo boyutu: admin panelinden ayarlanabilir (varsayılan 35 px) ────────────── */
/* theme.json → customization → Logo → logo_max_height (px)                       */

.theme-shofy .logo img,
.theme-shofy .offcanvas__logo img {
    max-height: var(--theme-logo-max-height, 35px);
    width: auto;
    display: block;
}

.theme-shofy .tp-footer-logo img {
    max-height: var(--theme-logo-max-height, 35px);
    width: auto;
    display: block;
}

/* ── Ürün kartı görseli: dikey (portrait) alan + kırpmadan sığdır ────────────── */

/* Anasayfa kartı (tp-product-item / tp-product-thumb) */
.theme-shofy .tp-product-thumb {
    aspect-ratio: 3 / 4;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}
.theme-shofy .tp-product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* hover scale transition korunuyor */
}

/* Mağaza / shop kartı (tp-product-item-2 / tp-product-thumb-2) */
.theme-shofy .tp-product-thumb-2 {
    aspect-ratio: 3 / 4;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}
.theme-shofy .tp-product-thumb-2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.theme-shofy .page-checkout .billing-wrapper .form_control,
.theme-shofy .page-checkout .billing-wrapper select.kf-select {
    width: 100%;
}

.theme-shofy .page-checkout .checkout-form textarea.form_control {
    min-height: 120px;
    resize: vertical;
}

.theme-shofy .page-checkout .payment-method-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.theme-shofy .page-checkout .payment-method-wrapper ul li.form-check {
    padding: 10px 16px 10px 40px;
    margin-bottom: 15px;
    border: 1px solid var(--tp-border-1, #eaeaea);
    border-radius: 6px;
    cursor: pointer;
}

.theme-shofy .page-checkout .payment-method-wrapper li.is-active {
    border-color: var(--tp-theme-primary, #0989ff);
}

.theme-shofy .ps-field.is-error .form_control,
.theme-shofy .kf-field.is-error input,
.theme-shofy .kf-field.is-error select {
    border-color: #dc3545;
}

.theme-shofy .tp-shop-area .pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.theme-shofy .tp-shop-area .pagination ul li a.active {
    color: var(--tp-theme-primary, #0989ff);
}