/**
 * Tema buton değişkenleri — admin Tema ayarları → Buton yönetimi
 * EN SON yüklenir (header.php). :root değişkenleri inline style ile gelir.
 */

.btn,
.btn-primary,
.btn-secondary,
.btn-add-cart,
.btn-view,
.checkout-submit,
.smart-flow-card__next,
.checkout-step-next,
.cart-page__cta,
.category-filters__submit,
.category-filters__reset,
.products-filters__submit,
.products-filters__reset {
    min-height: var(--ui-btn-global-min-h, 44px);
    padding: var(--ui-btn-global-px, 12px 22px);
    font-size: var(--ui-btn-global-font, 15px);
    border-radius: var(--ui-btn-global-radius, 10px);
}

/* Ana buton */
.btn-primary,
.login-page__submit,
.register-page__submit,
.contact-form__submit,
.category-filters__submit,
.products-filters__submit {
    background: var(--ui-btn-primary-bg, var(--secondary-color));
    color: var(--ui-btn-primary-text, #fff);
    border: 2px solid var(--ui-btn-primary-bg, var(--secondary-color));
}

.btn-primary:hover,
.btn-primary:focus-visible,
.login-page__submit:hover,
.register-page__submit:hover,
.contact-form__submit:hover,
.category-filters__submit:hover,
.category-filters__submit:focus-visible,
.products-filters__submit:hover,
.products-filters__submit:focus-visible {
    background: var(--ui-btn-primary-hover-bg, var(--secondary-color));
    color: var(--ui-btn-primary-hover-text, #fff);
    border-color: var(--ui-btn-primary-hover-bg, var(--secondary-color));
}

/* WIP / 404 kart butonları */
.page-wip__actions .btn-primary {
    background: var(--ui-btn-primary-bg, var(--secondary-color));
    color: var(--ui-btn-primary-text, #fff);
    border: 2px solid var(--ui-btn-primary-bg, var(--secondary-color));
}

.page-wip__actions .btn-primary:hover,
.page-wip__actions .btn-primary:focus-visible {
    background: var(--ui-btn-primary-hover-bg, var(--secondary-color));
    color: var(--ui-btn-primary-hover-text, #fff);
    border-color: var(--ui-btn-primary-hover-bg, var(--secondary-color));
}

/* İkincil — açık zemin (hero/slider global .btn-secondary dokunulmaz) */
.checkout-aside .btn-secondary:not(.coupon-box__apply),
.checkout-aside__back.btn-secondary,
.order-track-page .btn.btn-secondary,
.page-wip__actions .btn-secondary,
.category-filters__reset,
.products-filters__reset.btn-secondary,
.payment-flow__btn--pdf,
.brand-products-page .no-products--brand .no-products__actions .btn-secondary,
.contact-form-card .btn-secondary,
.payment-flow__copy-btn.btn-secondary {
    background: var(--ui-btn-secondary-bg, transparent);
    color: var(--ui-btn-secondary-text, var(--primary-color));
    border: 2px solid var(--ui-btn-secondary-border, var(--primary-color));
}

.checkout-aside .btn-secondary:not(.coupon-box__apply):hover,
.checkout-aside__back.btn-secondary:hover,
.order-track-page .btn.btn-secondary:hover,
.page-wip__actions .btn-secondary:hover,
.category-filters__reset:hover,
.products-filters__reset.btn-secondary:hover,
.payment-flow__btn--pdf:hover,
.brand-products-page .no-products--brand .no-products__actions .btn-secondary:hover,
.contact-form-card .btn-secondary:hover,
.payment-flow__copy-btn.btn-secondary:hover {
    background: var(--ui-btn-secondary-hover-bg, var(--primary-color));
    color: var(--ui-btn-secondary-hover-text, #fff);
    border-color: var(--ui-btn-secondary-hover-bg, var(--primary-color));
}

/* Ödeme */
.checkout-submit,
.smart-flow-card__next,
.checkout-step-next,
.checkout-page.payment-flow:not(.order-track-page) .payment-flow__submit {
    background: var(--ui-btn-checkout-bg, var(--secondary-color));
    color: var(--ui-btn-checkout-text, #fff);
    border-color: var(--ui-btn-checkout-bg, var(--secondary-color));
    min-height: var(--ui-btn-checkout-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-checkout-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-checkout-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-checkout-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-checkout-radius, var(--ui-btn-global-radius, 10px));
}

.checkout-submit:hover,
.smart-flow-card__next:hover:not(:disabled),
.checkout-step-next:hover:not(:disabled),
.checkout-page.payment-flow:not(.order-track-page) .payment-flow__submit:hover {
    background: var(--ui-btn-checkout-hover-bg, var(--secondary-color));
    color: var(--ui-btn-checkout-hover-text, #fff);
    border-color: var(--ui-btn-checkout-hover-bg, var(--secondary-color));
}

/* Havale talimatları — siparişi takip et */
.checkout-page.payment-flow:not(.order-track-page) .payment-flow__btn.btn-primary {
    background: var(--ui-btn-payment-bank-bg, var(--secondary-color));
    color: var(--ui-btn-payment-bank-text, #fff);
    border-color: var(--ui-btn-payment-bank-bg, var(--secondary-color));
    min-height: var(--ui-btn-payment-bank-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-payment-bank-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-payment-bank-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-payment-bank-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-payment-bank-radius, var(--ui-btn-global-radius, 10px));
}

.checkout-page.payment-flow:not(.order-track-page) .payment-flow__btn.btn-primary:hover {
    background: var(--ui-btn-payment-bank-hover-bg, var(--secondary-color));
    color: var(--ui-btn-payment-bank-hover-text, #fff);
    border-color: var(--ui-btn-payment-bank-hover-bg, var(--secondary-color));
}

/* Sepet — ödemeye geç, boş sepet ve misafir banner (hesap favorileri boş CTA hariç) */
body .cart-page__cta--primary:not(.account-favorites-explore),
body .cart-page__cta--accent,
body a.cart-aside__checkout,
body .checkout-gate-banner__cta:not(.checkout-gate-banner__cta--ghost) {
    background: var(--ui-btn-cart-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-cart-text, #fff) !important;
    border: 2px solid var(--ui-btn-cart-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-cart-min-h, var(--ui-btn-global-min-h, 44px)) !important;
    padding: var(--ui-btn-cart-px, var(--ui-btn-global-px, 12px 22px)) !important;
    font-size: var(--ui-btn-cart-font, var(--ui-btn-global-font, 15px)) !important;
    gap: var(--ui-btn-cart-gap, var(--ui-btn-global-gap, 6px)) !important;
    border-radius: var(--ui-btn-cart-radius, var(--ui-btn-global-radius, 10px)) !important;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--ui-btn-cart-bg, var(--secondary-color)) 32%, transparent);
}

body .cart-page__cta--accent,
body a.cart-aside__checkout {
    width: 100%;
    box-sizing: border-box;
}

body .checkout-gate-banner__cta--outline {
    background: var(--ui-btn-cart-ghost-bg, #fff) !important;
    color: var(--ui-btn-cart-ghost-text, var(--primary-color)) !important;
    border: 2px solid var(--ui-btn-cart-ghost-border, var(--primary-color)) !important;
}

body .cart-page__cta--primary:not(.account-favorites-explore):hover,
body .cart-page__cta--accent:hover,
body a.cart-aside__checkout:hover,
body .checkout-gate-banner__cta:not(.checkout-gate-banner__cta--ghost):hover {
    background: var(--ui-btn-cart-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-cart-hover-text, #fff) !important;
    border-color: var(--ui-btn-cart-hover-bg, var(--secondary-color)) !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--ui-btn-cart-hover-bg, var(--secondary-color)) 38%, transparent);
}

body .checkout-gate-banner__cta--outline:hover,
body .checkout-gate-banner__cta--outline:focus-visible {
    background: var(--ui-btn-cart-ghost-hover-bg, var(--primary-color)) !important;
    color: var(--ui-btn-cart-ghost-hover-text, #fff) !important;
    border-color: var(--ui-btn-cart-ghost-hover-bg, var(--primary-color)) !important;
}

/* Rol bazlı boyut — sayfa butonları */
.btn-primary,
.login-page__submit,
.register-page__submit,
.contact-form__submit {
    min-height: var(--ui-btn-primary-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-primary-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-primary-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-primary-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-primary-radius, var(--ui-btn-global-radius, 10px));
}

.checkout-aside .btn-secondary:not(.coupon-box__apply) {
    min-height: var(--ui-btn-secondary-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-secondary-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-secondary-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-secondary-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-secondary-radius, var(--ui-btn-global-radius, 10px));
}

body .account-page .account-page__address-form-actions .btn.btn-secondary,
body .account-page .account-page__address-actions .btn.btn-secondary {
    min-height: var(--ui-btn-account-address-secondary-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-account-address-secondary-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-account-address-secondary-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-account-address-secondary-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-account-address-secondary-radius, var(--ui-btn-global-radius, 10px));
}

body .account-page .account-page__address-toolbar .btn-primary,
body .account-page .js-address-add {
    min-height: var(--ui-btn-account-address-primary-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-account-address-primary-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-account-address-primary-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-account-address-primary-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-account-address-primary-radius, var(--ui-btn-global-radius, 10px));
}

body .account-page .account-page__address-form-actions .btn-primary {
    min-height: var(--ui-btn-account-address-save-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-account-address-save-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-account-address-save-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-account-address-save-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-account-address-save-radius, var(--ui-btn-global-radius, 10px));
}

body .account-page .account-page__profile-actions .btn-primary,
body #profile-save-btn {
    min-height: var(--ui-btn-account-profile-save-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-account-profile-save-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-account-profile-save-font, var(--ui-btn-global-font, 15px));
    gap: var(--ui-btn-account-profile-save-gap, var(--ui-btn-global-gap, 6px));
    border-radius: var(--ui-btn-account-profile-save-radius, var(--ui-btn-global-radius, 10px));
}

/* Global buton preset */
body.ui-btn-soft .btn-primary,
body.ui-btn-soft .checkout-submit,
body.ui-btn-soft .smart-flow-card__next {
    border-radius: max(var(--ui-btn-primary-radius, 10px), 12px);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ui-btn-primary-bg, var(--secondary-color)) 26%, transparent);
}

body.ui-btn-outline .btn-primary,
body.ui-btn-outline .checkout-submit {
    background: transparent;
    color: var(--ui-btn-primary-bg, var(--secondary-color));
    border: 2px solid var(--ui-btn-primary-bg, var(--secondary-color));
}

body.ui-btn-outline .btn-primary:hover,
body.ui-btn-outline .checkout-submit:hover {
    background: var(--ui-btn-primary-bg, var(--secondary-color));
    color: var(--ui-btn-primary-hover-text, #fff);
}

/* ============================================================
   ÜRÜN KARTI BUTONLARI — tema boyut değişkenleri (kart bağlamı)
   ============================================================ */
body .product-buttons button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .product-card button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .products-slide button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .campaign-products-carousel button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .latest-products__item button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .products-showcase button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .product-card__showcase-cta.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body .product-buttons a.btn-add-cart.btn-price-on-request,
body .product-card a.btn-add-cart.btn-price-on-request,
body .product-card__showcase-cta.btn-add-cart.btn-price-on-request {
    background: var(--ui-btn-product-cart-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-product-cart-text, #fff) !important;
    border: 2px solid var(--ui-btn-product-cart-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-product-cart-min-h, 48px) !important;
    padding: var(--ui-btn-product-cart-px, 8px 10px) !important;
    font-size: var(--ui-btn-product-cart-font, 11px) !important;
    border-radius: var(--ui-btn-product-cart-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-product-cart-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
}

/* Fiyat sor CTA'ları — ayrı tema rolleri */
body .price-request-cta--quote,
body .product-buttons .price-request-cta--quote,
body .product-card .price-request-cta--quote,
body .price-request-ctas--detail .price-request-cta--quote,
body .price-request-ctas--showcase .price-request-cta--quote {
    background: var(--ui-btn-price-request-quote-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-price-request-quote-text, #fff) !important;
    border: 2px solid var(--ui-btn-price-request-quote-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-price-request-quote-min-h, 48px) !important;
    padding: var(--ui-btn-price-request-quote-px, 8px 10px) !important;
    font-size: var(--ui-btn-price-request-quote-font, 11px) !important;
    border-radius: var(--ui-btn-price-request-quote-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-price-request-quote-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
}

body .price-request-cta--whatsapp,
body .product-buttons .price-request-cta--whatsapp,
body .product-card .price-request-cta--whatsapp,
body .price-request-ctas--detail .price-request-cta--whatsapp,
body .price-request-ctas--showcase .price-request-cta--whatsapp {
    background: var(--ui-btn-price-request-whatsapp-bg, #25d366) !important;
    color: var(--ui-btn-price-request-whatsapp-text, #fff) !important;
    border: 2px solid var(--ui-btn-price-request-whatsapp-bg, #25d366) !important;
    min-height: var(--ui-btn-price-request-whatsapp-min-h, 48px) !important;
    padding: var(--ui-btn-price-request-whatsapp-px, 8px 10px) !important;
    font-size: var(--ui-btn-price-request-whatsapp-font, 11px) !important;
    border-radius: var(--ui-btn-price-request-whatsapp-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-price-request-whatsapp-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
}

body .price-request-cta--contact,
body .product-buttons .price-request-cta--contact,
body .product-card .price-request-cta--contact,
body .price-request-ctas--detail .price-request-cta--contact,
body .price-request-ctas--showcase .price-request-cta--contact {
    background: var(--ui-btn-price-request-contact-bg, var(--primary-color)) !important;
    color: var(--ui-btn-price-request-contact-text, #fff) !important;
    border: 2px solid var(--ui-btn-price-request-contact-bg, var(--primary-color)) !important;
    min-height: var(--ui-btn-price-request-contact-min-h, 48px) !important;
    padding: var(--ui-btn-price-request-contact-px, 8px 10px) !important;
    font-size: var(--ui-btn-price-request-contact-font, 11px) !important;
    border-radius: var(--ui-btn-price-request-contact-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-price-request-contact-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
}

body .price-request-cta--quote:hover,
body .product-buttons .price-request-cta--quote:hover,
body .product-card .price-request-cta--quote:hover,
body .price-request-ctas--detail .price-request-cta--quote:hover,
body .price-request-ctas--showcase .price-request-cta--quote:hover {
    background: var(--ui-btn-price-request-quote-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-price-request-quote-hover-text, #fff) !important;
    border-color: var(--ui-btn-price-request-quote-hover-bg, var(--secondary-color)) !important;
    filter: none;
}

body .price-request-cta--whatsapp:hover,
body .product-buttons .price-request-cta--whatsapp:hover,
body .product-card .price-request-cta--whatsapp:hover,
body .price-request-ctas--detail .price-request-cta--whatsapp:hover,
body .price-request-ctas--showcase .price-request-cta--whatsapp:hover {
    background: var(--ui-btn-price-request-whatsapp-hover-bg, #1ebe57) !important;
    color: var(--ui-btn-price-request-whatsapp-hover-text, #fff) !important;
    border-color: var(--ui-btn-price-request-whatsapp-hover-bg, #1ebe57) !important;
    filter: none;
}

body .price-request-cta--contact:hover,
body .product-buttons .price-request-cta--contact:hover,
body .product-card .price-request-cta--contact:hover,
body .price-request-ctas--detail .price-request-cta--contact:hover,
body .price-request-ctas--showcase .price-request-cta--contact:hover {
    background: var(--ui-btn-price-request-contact-hover-bg, var(--primary-color)) !important;
    color: var(--ui-btn-price-request-contact-hover-text, #fff) !important;
    border-color: var(--ui-btn-price-request-contact-hover-bg, var(--primary-color)) !important;
    filter: none;
}

body .price-request-cta--quote i {
    font-size: var(--ui-btn-price-request-quote-icon-size, 13px);
    flex-shrink: 0;
}

body .price-request-cta--whatsapp i {
    font-size: var(--ui-btn-price-request-whatsapp-icon-size, 13px);
    flex-shrink: 0;
}

body .price-request-cta--contact i {
    font-size: var(--ui-btn-price-request-contact-icon-size, 13px);
    flex-shrink: 0;
}

/* Ürün detay — kartlardan bağımsız rol */
body .product-detail-section .action-buttons button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):not(.btn-favorite),
body .product-detail-actions button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
body button.btn-add-cart-detail:not(.btn-out-of-stock):not(:disabled),
body button.btn-add-cart-large:not(.btn-out-of-stock):not(:disabled) {
    background: var(--ui-btn-product-detail-cart-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-product-detail-cart-text, #fff) !important;
    border: 2px solid var(--ui-btn-product-detail-cart-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-product-detail-cart-min-h, 46px) !important;
    padding: var(--ui-btn-product-detail-cart-px, 12px 22px) !important;
    font-size: var(--ui-btn-product-detail-cart-font, 15px) !important;
    gap: var(--ui-btn-product-detail-cart-gap, 6px) !important;
    border-radius: var(--ui-btn-product-detail-cart-radius, var(--ui-btn-global-radius, 10px));
    white-space: nowrap !important;
}

body .product-detail-section .action-buttons .btn-add-cart-detail i,
body .product-detail-actions .btn-add-cart i {
    font-size: var(--ui-btn-product-detail-cart-icon-size, 16px);
}

body .product-buttons button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .product-card button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .products-slide button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .campaign-products-carousel button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .latest-products__item button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .products-showcase button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .product-card__showcase-cta.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body .product-buttons a.btn-add-cart.btn-price-on-request:hover,
body .product-card a.btn-add-cart.btn-price-on-request:hover,
body .product-card__showcase-cta.btn-add-cart.btn-price-on-request:hover {
    background: var(--ui-btn-product-cart-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-product-cart-hover-text, #fff) !important;
    border-color: var(--ui-btn-product-cart-hover-bg, var(--secondary-color)) !important;
}

body .product-detail-section .action-buttons button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):not(.btn-favorite):hover,
body .product-detail-actions button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover,
body button.btn-add-cart-detail:not(.btn-out-of-stock):not(:disabled):hover,
body button.btn-add-cart-large:not(.btn-out-of-stock):not(:disabled):hover {
    background: var(--ui-btn-product-detail-cart-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-product-detail-cart-hover-text, #fff) !important;
    border-color: var(--ui-btn-product-detail-cart-hover-bg, var(--secondary-color)) !important;
}

body a.btn-view,
body .product-buttons a.btn-view,
body .product-card a.btn-view,
body .products-slide a.btn-view,
body .campaign-products-carousel a.btn-view,
body .latest-products__item a.btn-view,
body .products-showcase a.btn-view {
    background: var(--ui-btn-product-view-bg, var(--primary-color)) !important;
    color: var(--ui-btn-product-view-text, #fff) !important;
    border: 2px solid var(--ui-btn-product-view-bg, var(--primary-color)) !important;
    min-height: var(--ui-btn-product-view-min-h, 38px) !important;
    padding: var(--ui-btn-product-view-px, 8px 10px) !important;
    font-size: var(--ui-btn-product-view-font, 11px) !important;
    border-radius: var(--ui-btn-product-view-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-product-view-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
}

body .product-buttons .btn-add-cart i,
body .product-buttons .btn-view i,
body .product-card .btn-add-cart i,
body .product-card .btn-view i {
    flex-shrink: 0;
    font-size: var(--ui-btn-product-cart-icon-size, 13px);
}

body .product-buttons .btn-view i,
body .product-card .btn-view i {
    font-size: var(--ui-btn-product-view-icon-size, 13px);
}

/* Mobil — ürün kartı butonları bir kademe küçülür */
@media (max-width: 767px) {
    body .product-buttons button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .product-card button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .products-slide button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .campaign-products-carousel button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .latest-products__item button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .products-showcase button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .product-card__showcase-cta.btn-add-cart:not(.btn-out-of-stock):not(:disabled) {
        min-height: var(--ui-btn-product-cart-min-h-mobile, var(--ui-btn-product-cart-min-h, 32px)) !important;
        padding: var(--ui-btn-product-cart-px-mobile, var(--ui-btn-product-cart-px, 6px 8px)) !important;
        font-size: var(--ui-btn-product-cart-font-mobile, var(--ui-btn-product-cart-font, 10px)) !important;
        gap: var(--ui-btn-product-cart-gap-mobile, var(--ui-btn-product-cart-gap, 3px)) !important;
    }

    body .price-request-cta--quote,
    body .product-buttons .price-request-cta--quote,
    body .product-card .price-request-cta--quote {
        min-height: var(--ui-btn-price-request-quote-min-h-mobile, var(--ui-btn-price-request-quote-min-h, 32px)) !important;
        padding: var(--ui-btn-price-request-quote-px-mobile, var(--ui-btn-price-request-quote-px, 6px 8px)) !important;
        font-size: var(--ui-btn-price-request-quote-font-mobile, var(--ui-btn-price-request-quote-font, 10px)) !important;
        gap: var(--ui-btn-price-request-quote-gap-mobile, var(--ui-btn-price-request-quote-gap, 3px)) !important;
    }

    body .price-request-cta--whatsapp,
    body .product-buttons .price-request-cta--whatsapp,
    body .product-card .price-request-cta--whatsapp {
        min-height: var(--ui-btn-price-request-whatsapp-min-h-mobile, var(--ui-btn-price-request-whatsapp-min-h, 32px)) !important;
        padding: var(--ui-btn-price-request-whatsapp-px-mobile, var(--ui-btn-price-request-whatsapp-px, 6px 8px)) !important;
        font-size: var(--ui-btn-price-request-whatsapp-font-mobile, var(--ui-btn-price-request-whatsapp-font, 10px)) !important;
        gap: var(--ui-btn-price-request-whatsapp-gap-mobile, var(--ui-btn-price-request-whatsapp-gap, 3px)) !important;
    }

    body .price-request-cta--contact,
    body .product-buttons .price-request-cta--contact,
    body .product-card .price-request-cta--contact {
        min-height: var(--ui-btn-price-request-contact-min-h-mobile, var(--ui-btn-price-request-contact-min-h, 32px)) !important;
        padding: var(--ui-btn-price-request-contact-px-mobile, var(--ui-btn-price-request-contact-px, 6px 8px)) !important;
        font-size: var(--ui-btn-price-request-contact-font-mobile, var(--ui-btn-price-request-contact-font, 10px)) !important;
        gap: var(--ui-btn-price-request-contact-gap-mobile, var(--ui-btn-price-request-contact-gap, 3px)) !important;
    }

    body .product-buttons a.btn-view,
    body .product-card a.btn-view,
    body .products-slide a.btn-view,
    body .campaign-products-carousel a.btn-view,
    body .latest-products__item a.btn-view,
    body .products-showcase a.btn-view {
        min-height: var(--ui-btn-product-view-min-h-mobile, var(--ui-btn-product-view-min-h, 32px)) !important;
        padding: var(--ui-btn-product-view-px-mobile, var(--ui-btn-product-view-px, 6px 8px)) !important;
        font-size: var(--ui-btn-product-view-font-mobile, var(--ui-btn-product-view-font, 10px)) !important;
        gap: var(--ui-btn-product-view-gap-mobile, var(--ui-btn-product-view-gap, 3px)) !important;
    }

    body .product-detail-section .action-buttons button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):not(.btn-favorite),
    body .product-detail-actions button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body button.btn-add-cart-detail:not(.btn-out-of-stock):not(:disabled),
    body button.btn-add-cart-large:not(.btn-out-of-stock):not(:disabled) {
        min-height: var(--ui-btn-product-detail-cart-min-h-mobile, var(--ui-btn-product-detail-cart-min-h, 40px)) !important;
        padding: var(--ui-btn-product-detail-cart-px-mobile, var(--ui-btn-product-detail-cart-px, 10px 16px)) !important;
        font-size: var(--ui-btn-product-detail-cart-font-mobile, var(--ui-btn-product-detail-cart-font, 14px)) !important;
    }

    .btn-primary,
    .login-page__submit,
    .register-page__submit,
    .contact-form__submit {
        min-height: var(--ui-btn-primary-min-h-mobile, var(--ui-btn-primary-min-h, 40px));
        padding: var(--ui-btn-primary-px-mobile, var(--ui-btn-primary-px, 10px 18px));
        font-size: var(--ui-btn-primary-font-mobile, var(--ui-btn-primary-font, 14px));
    }

    .checkout-submit,
    .smart-flow-card__next,
    .checkout-step-next,
    .checkout-page.payment-flow:not(.order-track-page) .payment-flow__submit {
        min-height: var(--ui-btn-checkout-min-h-mobile, var(--ui-btn-checkout-min-h, 40px));
        padding: var(--ui-btn-checkout-px-mobile, var(--ui-btn-checkout-px, 10px 18px));
        font-size: var(--ui-btn-checkout-font-mobile, var(--ui-btn-checkout-font, 14px));
    }

    .order-track-page .payment-flow__submit,
    .order-track-page .order-track-form .btn-primary,
    .order-track-page .order-track-actions .btn-primary,
    .order-track-page .payment-flow__btn.btn-primary:not(.order-return-form__submit) {
        min-height: var(--ui-btn-order-track-min-h-mobile, var(--ui-btn-order-track-min-h, 40px));
        padding: var(--ui-btn-order-track-px-mobile, var(--ui-btn-order-track-px, 10px 18px));
        font-size: var(--ui-btn-order-track-font-mobile, var(--ui-btn-order-track-font, 14px));
    }

    .checkout-page.payment-flow:not(.order-track-page) .payment-flow__btn.btn-primary {
        min-height: var(--ui-btn-payment-bank-min-h-mobile, var(--ui-btn-payment-bank-min-h, 40px));
        padding: var(--ui-btn-payment-bank-px-mobile, var(--ui-btn-payment-bank-px, 10px 18px));
        font-size: var(--ui-btn-payment-bank-font-mobile, var(--ui-btn-payment-bank-font, 14px));
    }

    .cart-page__cta--primary:not(.account-favorites-explore),
    .cart-page__cta--accent,
    .cart-aside__checkout,
    .checkout-gate-banner__cta:not(.checkout-gate-banner__cta--ghost) {
        min-height: var(--ui-btn-cart-min-h-mobile, var(--ui-btn-cart-min-h, 40px));
        padding: var(--ui-btn-cart-px-mobile, var(--ui-btn-cart-px, 10px 18px));
        font-size: var(--ui-btn-cart-font-mobile, var(--ui-btn-cart-font, 14px));
    }

    body #account-favorites-empty .account-favorites-explore {
        min-height: var(--ui-btn-account-favorites-explore-min-h-mobile, var(--ui-btn-account-favorites-explore-min-h, 40px));
        padding: var(--ui-btn-account-favorites-explore-px-mobile, var(--ui-btn-account-favorites-explore-px, 10px 18px));
        font-size: var(--ui-btn-account-favorites-explore-font-mobile, var(--ui-btn-account-favorites-explore-font, 14px));
    }
}

@media (max-width: 480px) {
    body .product-buttons {
        gap: 5px;
    }
}

/* Tek buton kaldığında kart varyantları */
body .product-card--glass .product-buttons--compact.product-buttons--cart-only,
body .product-card--glass .product-buttons--compact.product-buttons--view-only {
    display: grid;
    grid-template-columns: 1fr;
}

body .product-card--glass .product-buttons--compact.product-buttons--cart-only .btn-add-cart,
body .product-card--glass .product-buttons--compact.product-buttons--view-only .btn-view {
    flex: none;
    width: 100%;
}

body .product-card--boutique .product-buttons--overlay.product-buttons--cart-only,
body .product-card--boutique .product-buttons--overlay.product-buttons--view-only {
    justify-content: center;
    width: 100%;
}

body .product-card--minimal .product-buttons--compact.product-buttons--cart-only,
body .product-card--minimal .product-buttons--compact.product-buttons--view-only {
    grid-template-columns: 1fr;
}

body a.btn-view:hover,
body a.btn-view:focus,
body .product-buttons a.btn-view:hover,
body .product-card a.btn-view:hover,
body .products-showcase a.btn-view:hover {
    background: var(--ui-btn-product-view-hover-bg, var(--primary-color)) !important;
    color: var(--ui-btn-product-view-hover-text, #fff) !important;
    border-color: var(--ui-btn-product-view-hover-bg, var(--primary-color)) !important;
}

/* ============================================================
   MODALLAR & SİPARİŞ TAKİP
   ============================================================ */
body #cart-modal .cart-modal-btn--accent,
body #cart-modal .empty-state .cart-modal-btn--accent {
    background: var(--ui-btn-modal-cart-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-modal-cart-text, #fff) !important;
    border: 2px solid var(--ui-btn-modal-cart-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-modal-cart-min-h, 46px) !important;
    padding: var(--ui-btn-modal-cart-px, 10px 20px) !important;
    font-size: var(--ui-btn-modal-cart-font, 14px) !important;
    gap: var(--ui-btn-modal-cart-gap, 6px) !important;
    border-radius: var(--ui-btn-modal-cart-radius, 12px) !important;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--ui-btn-modal-cart-bg, var(--secondary-color)) 35%, transparent);
}

body #cart-modal .cart-modal-btn--accent:hover,
body #cart-modal .empty-state .cart-modal-btn--accent:hover {
    background: var(--ui-btn-modal-cart-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-modal-cart-hover-text, #fff) !important;
    border-color: var(--ui-btn-modal-cart-hover-bg, var(--secondary-color)) !important;
}

body #cart-modal .cart-modal-btn--ghost {
    background: var(--ui-btn-modal-cart-ghost-bg, #fff) !important;
    color: var(--ui-btn-modal-cart-ghost-text, #334155) !important;
    border: 2px solid var(--ui-btn-modal-cart-ghost-border, #e2e8f0) !important;
    min-height: var(--ui-btn-modal-cart-ghost-min-h, 46px) !important;
    padding: var(--ui-btn-modal-cart-ghost-px, 10px 20px) !important;
    font-size: var(--ui-btn-modal-cart-ghost-font, 14px) !important;
    gap: var(--ui-btn-modal-cart-ghost-gap, 6px) !important;
    border-radius: var(--ui-btn-modal-cart-ghost-radius, 12px) !important;
}

body #cart-modal .cart-modal-btn--ghost:hover {
    background: var(--ui-btn-modal-cart-ghost-hover-bg, #f8fafc) !important;
    color: var(--ui-btn-modal-cart-ghost-hover-text, var(--primary-color)) !important;
    border-color: var(--ui-btn-modal-cart-ghost-hover-bg, var(--primary-color)) !important;
}

body #favorites-modal .btn-primary,
body #favorites-modal .modal-fav-cta,
body #favorites-modal .add-to-cart-from-favorite {
    background: var(--ui-btn-modal-favorites-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-modal-favorites-text, #fff) !important;
    border: 2px solid var(--ui-btn-modal-favorites-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-modal-favorites-min-h, 40px) !important;
    padding: var(--ui-btn-modal-favorites-px, 8px 15px) !important;
    font-size: var(--ui-btn-modal-favorites-font, 13px) !important;
    gap: var(--ui-btn-modal-favorites-gap, 6px) !important;
    border-radius: var(--ui-btn-modal-favorites-radius, 8px) !important;
}

body #favorites-modal .btn-primary:hover,
body #favorites-modal .modal-fav-cta:hover,
body #favorites-modal .add-to-cart-from-favorite:hover {
    background: var(--ui-btn-modal-favorites-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-modal-favorites-hover-text, #fff) !important;
    border-color: var(--ui-btn-modal-favorites-hover-bg, var(--secondary-color)) !important;
}

body #favorites-modal .btn-danger,
body #favorites-modal .remove-from-favorite:not(.header-drawer-fav__remove):not(.header-strip-card__remove) {
    background: var(--ui-btn-modal-favorites-remove-bg, #dc2626) !important;
    color: var(--ui-btn-modal-favorites-remove-text, #fff) !important;
    border: 2px solid var(--ui-btn-modal-favorites-remove-bg, #dc2626) !important;
    min-height: var(--ui-btn-modal-favorites-remove-min-h, 40px) !important;
    padding: var(--ui-btn-modal-favorites-remove-px, 8px 15px) !important;
    font-size: var(--ui-btn-modal-favorites-remove-font, 13px) !important;
    border-radius: var(--ui-btn-modal-favorites-remove-radius, 8px) !important;
    gap: var(--ui-btn-modal-favorites-remove-gap, 6px) !important;
}

body #favorites-modal .btn-danger:hover,
body #favorites-modal .remove-from-favorite:not(.header-drawer-fav__remove):not(.header-strip-card__remove):hover {
    background: var(--ui-btn-modal-favorites-remove-hover-bg, #b91c1c) !important;
    color: var(--ui-btn-modal-favorites-remove-hover-text, #fff) !important;
    border-color: var(--ui-btn-modal-favorites-remove-hover-bg, #b91c1c) !important;
}

body .account-favorite-card .account-favorite-card__btn-fav.remove-from-favorite {
    background: var(--ui-btn-account-favorites-remove-bg, #dc2626) !important;
    color: var(--ui-btn-account-favorites-remove-text, #fff) !important;
    border: 2px solid var(--ui-btn-account-favorites-remove-bg, #dc2626) !important;
    min-height: var(--ui-btn-account-favorites-remove-min-h, 38px) !important;
    padding: var(--ui-btn-account-favorites-remove-px, 8px 10px) !important;
    font-size: var(--ui-btn-account-favorites-remove-font, 11px) !important;
    border-radius: var(--ui-btn-account-favorites-remove-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-account-favorites-remove-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body .account-favorite-card .account-favorite-card__btn-fav.remove-from-favorite:hover {
    background: var(--ui-btn-account-favorites-remove-hover-bg, #b91c1c) !important;
    color: var(--ui-btn-account-favorites-remove-hover-text, #fff) !important;
    border-color: var(--ui-btn-account-favorites-remove-hover-bg, #b91c1c) !important;
}

body #account-favorites-empty .account-favorites-explore {
    background: var(--ui-btn-account-favorites-explore-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-favorites-explore-text, #fff) !important;
    border: 2px solid var(--ui-btn-account-favorites-explore-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-account-favorites-explore-min-h, var(--ui-btn-global-min-h, 44px)) !important;
    padding: var(--ui-btn-account-favorites-explore-px, var(--ui-btn-global-px, 12px 22px)) !important;
    font-size: var(--ui-btn-account-favorites-explore-font, var(--ui-btn-global-font, 15px)) !important;
    gap: var(--ui-btn-account-favorites-explore-gap, var(--ui-btn-global-gap, 6px)) !important;
    border-radius: var(--ui-btn-account-favorites-explore-radius, var(--ui-btn-global-radius, 10px)) !important;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--ui-btn-account-favorites-explore-bg, var(--secondary-color)) 32%, transparent);
}

body #account-favorites-empty .account-favorites-explore:hover,
body #account-favorites-empty .account-favorites-explore:focus-visible {
    background: var(--ui-btn-account-favorites-explore-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-favorites-explore-hover-text, #fff) !important;
    border-color: var(--ui-btn-account-favorites-explore-hover-bg, var(--secondary-color)) !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--ui-btn-account-favorites-explore-hover-bg, var(--secondary-color)) 38%, transparent);
}

body #account-favorites-empty .account-favorites-explore i {
    font-size: var(--ui-btn-account-favorites-explore-icon-size, 1em);
}

body .account-favorite-card button.btn-add-cart:not(.btn-out-of-stock):not(:disabled) {
    background: var(--ui-btn-product-cart-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-product-cart-text, #fff) !important;
    border: 2px solid var(--ui-btn-product-cart-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-product-cart-min-h, 48px) !important;
    padding: var(--ui-btn-product-cart-px, 8px 10px) !important;
    font-size: var(--ui-btn-product-cart-font, 11px) !important;
    border-radius: var(--ui-btn-product-cart-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-product-cart-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body .account-favorite-card button.btn-add-cart:not(.btn-out-of-stock):not(:disabled):hover {
    background: var(--ui-btn-product-cart-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-product-cart-hover-text, #fff) !important;
    border-color: var(--ui-btn-product-cart-hover-bg, var(--secondary-color)) !important;
}

body .account-favorite-card button.btn-add-cart.btn-out-of-stock:disabled {
    min-height: var(--ui-btn-product-cart-min-h, 48px) !important;
    padding: var(--ui-btn-product-cart-px, 8px 10px) !important;
    font-size: var(--ui-btn-product-cart-font, 11px) !important;
    border-radius: var(--ui-btn-product-cart-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-product-cart-gap, 4px) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body .account-favorite-card a.btn-view {
    background: var(--ui-btn-product-view-bg, var(--primary-color)) !important;
    color: var(--ui-btn-product-view-text, #fff) !important;
    border: 2px solid var(--ui-btn-product-view-bg, var(--primary-color)) !important;
    min-height: var(--ui-btn-product-view-min-h, 38px) !important;
    padding: var(--ui-btn-product-view-px, 8px 10px) !important;
    font-size: var(--ui-btn-product-view-font, 11px) !important;
    border-radius: var(--ui-btn-product-view-radius, var(--ui-btn-global-radius, 10px));
    gap: var(--ui-btn-product-view-gap, 4px) !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body .account-favorite-card a.btn-view:hover,
body .account-favorite-card a.btn-view:focus {
    background: var(--ui-btn-product-view-hover-bg, var(--primary-color)) !important;
    color: var(--ui-btn-product-view-hover-text, #fff) !important;
    border-color: var(--ui-btn-product-view-hover-bg, var(--primary-color)) !important;
}

body .account-favorite-card .btn-add-cart i {
    flex-shrink: 0;
    font-size: var(--ui-btn-product-cart-icon-size, 13px);
}

body .account-favorite-card .btn-view i {
    flex-shrink: 0;
    font-size: var(--ui-btn-product-view-icon-size, 13px);
}

body .account-favorite-card .account-favorite-card__btn-fav i {
    flex-shrink: 0;
    font-size: var(--ui-btn-account-favorites-remove-icon-size, 13px);
}

@media (max-width: 767px) {
    body .account-favorite-card button.btn-add-cart:not(.btn-out-of-stock):not(:disabled),
    body .account-favorite-card button.btn-add-cart.btn-out-of-stock:disabled {
        min-height: var(--ui-btn-product-cart-min-h-mobile, var(--ui-btn-product-cart-min-h, 32px)) !important;
        padding: var(--ui-btn-product-cart-px-mobile, var(--ui-btn-product-cart-px, 6px 8px)) !important;
        font-size: var(--ui-btn-product-cart-font-mobile, var(--ui-btn-product-cart-font, 10px)) !important;
        gap: var(--ui-btn-product-cart-gap-mobile, var(--ui-btn-product-cart-gap, 3px)) !important;
    }

    body .account-favorite-card a.btn-view {
        min-height: var(--ui-btn-product-view-min-h-mobile, var(--ui-btn-product-view-min-h, 32px)) !important;
        padding: var(--ui-btn-product-view-px-mobile, var(--ui-btn-product-view-px, 6px 8px)) !important;
        font-size: var(--ui-btn-product-view-font-mobile, var(--ui-btn-product-view-font, 10px)) !important;
        gap: var(--ui-btn-product-view-gap-mobile, var(--ui-btn-product-view-gap, 3px)) !important;
    }

    body .account-favorite-card .account-favorite-card__btn-fav.remove-from-favorite {
        min-height: var(--ui-btn-account-favorites-remove-min-h-mobile, var(--ui-btn-account-favorites-remove-min-h, 32px)) !important;
        padding: var(--ui-btn-account-favorites-remove-px-mobile, var(--ui-btn-account-favorites-remove-px, 6px 8px)) !important;
        font-size: var(--ui-btn-account-favorites-remove-font-mobile, var(--ui-btn-account-favorites-remove-font, 10px)) !important;
        gap: var(--ui-btn-account-favorites-remove-gap-mobile, var(--ui-btn-account-favorites-remove-gap, 3px)) !important;
    }
}

body .order-track-page .order-track-form .btn-primary,
body .order-track-page .payment-flow__submit,
body .order-track-page .order-track-actions .btn-primary,
body .order-track-page .payment-flow__btn.btn-primary:not(.order-return-form__submit) {
    background: var(--ui-btn-order-track-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-order-track-text, #fff) !important;
    border: 2px solid var(--ui-btn-order-track-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-order-track-min-h, 44px) !important;
    padding: var(--ui-btn-order-track-px, 12px 22px) !important;
    font-size: var(--ui-btn-order-track-font, 15px) !important;
    gap: var(--ui-btn-order-track-gap, 6px) !important;
    border-radius: var(--ui-btn-order-track-radius, var(--ui-btn-global-radius, 10px)) !important;
}

body .order-track-page .order-track-form .btn-primary:hover,
body .order-track-page .payment-flow__submit:hover,
body .order-track-page .order-track-actions .btn-primary:hover,
body .order-track-page .payment-flow__btn.btn-primary:not(.order-return-form__submit):hover {
    background: var(--ui-btn-order-track-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-order-track-hover-text, #fff) !important;
    border-color: var(--ui-btn-order-track-hover-bg, var(--secondary-color)) !important;
}