/**
 * Ek buton rolleri — admin Tema > Buton yönetimi
 * Drawer yan panel renkleri header-quick-panel.css içinde (layout korunur).
 */

/* Hesabım — Adreslerim: adres ekle */
body .account-page .account-page__address-toolbar .btn-primary,
body .account-page .js-address-add {
    background: var(--ui-btn-account-address-primary-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-address-primary-text, #fff) !important;
    border: 2px solid var(--ui-btn-account-address-primary-bg, var(--secondary-color)) !important;
    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));
    border-radius: var(--ui-btn-account-address-primary-radius, var(--ui-btn-global-radius, 10px));
    box-shadow: 0 6px 20px color-mix(in srgb, var(--ui-btn-account-address-primary-bg, var(--secondary-color)) 28%, transparent);
}

body .account-page .account-page__address-toolbar .btn-primary:hover,
body .account-page .js-address-add:hover {
    background: var(--ui-btn-account-address-primary-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-address-primary-hover-text, #fff) !important;
    border-color: var(--ui-btn-account-address-primary-hover-bg, var(--secondary-color)) !important;
}

/* Hesabım — Adreslerim: kaydet */
body .account-page .account-page__address-form-actions .btn-primary {
    background: var(--ui-btn-account-address-save-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-address-save-text, #fff) !important;
    border: 2px solid var(--ui-btn-account-address-save-bg, var(--secondary-color)) !important;
    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));
    border-radius: var(--ui-btn-account-address-save-radius, var(--ui-btn-global-radius, 10px));
    box-shadow: 0 6px 20px color-mix(in srgb, var(--ui-btn-account-address-save-bg, var(--secondary-color)) 28%, transparent);
}

body .account-page .account-page__address-form-actions .btn-primary:hover {
    background: var(--ui-btn-account-address-save-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-address-save-hover-text, #fff) !important;
    border-color: var(--ui-btn-account-address-save-hover-bg, var(--secondary-color)) !important;
}

/* Hesabım — Profil: kaydet */
body .account-page .account-page__profile-actions .btn-primary,
body #profile-save-btn {
    background: var(--ui-btn-account-profile-save-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-profile-save-text, #fff) !important;
    border: 2px solid var(--ui-btn-account-profile-save-bg, var(--secondary-color)) !important;
    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));
    border-radius: var(--ui-btn-account-profile-save-radius, var(--ui-btn-global-radius, 10px));
    box-shadow: 0 6px 20px color-mix(in srgb, var(--ui-btn-account-profile-save-bg, var(--secondary-color)) 28%, transparent);
}

body .account-page .account-page__profile-actions .btn-primary:hover,
body #profile-save-btn:hover {
    background: var(--ui-btn-account-profile-save-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-account-profile-save-hover-text, #fff) !important;
    border-color: var(--ui-btn-account-profile-save-hover-bg, var(--secondary-color)) !important;
}

/* Sepet — ikincil / misafir */
body .cart-page__btn--ghost,
body .checkout-gate-banner__cta--ghost {
    background: var(--ui-btn-cart-ghost-bg, #fff) !important;
    color: var(--ui-btn-cart-ghost-text, var(--text-dark, #334155)) !important;
    border-color: var(--ui-btn-cart-ghost-border, var(--border-color, #e2e8f0)) !important;
    min-height: var(--ui-btn-cart-ghost-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-cart-ghost-px, var(--ui-btn-global-px, 12px 18px));
    font-size: var(--ui-btn-cart-ghost-font, 14px);
    border-radius: var(--ui-btn-cart-ghost-radius, var(--ui-btn-global-radius, 10px));
}

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

body .checkout-gate-banner__cta--outline {
    min-height: var(--ui-btn-cart-ghost-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-cart-ghost-px, var(--ui-btn-global-px, 12px 18px));
    font-size: var(--ui-btn-cart-ghost-font, 14px);
    border-radius: var(--ui-btn-cart-ghost-radius, var(--ui-btn-global-radius, 10px));
}

/* Sepet — sepeti temizle */
body .cart-page__btn--danger-outline {
    background: var(--ui-btn-cart-destructive-bg, #fff) !important;
    color: var(--ui-btn-cart-destructive-text, #c0392b) !important;
    border-color: var(--ui-btn-cart-destructive-border, rgba(192, 57, 43, 0.35)) !important;
    min-height: var(--ui-btn-cart-destructive-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-cart-destructive-px, var(--ui-btn-global-px, 12px 18px));
    font-size: var(--ui-btn-cart-destructive-font, 14px);
    border-radius: var(--ui-btn-cart-destructive-radius, var(--ui-btn-global-radius, 10px));
}

body .cart-page__btn--danger-outline:hover {
    background: var(--ui-btn-cart-destructive-hover-bg, #fff5f5) !important;
    color: var(--ui-btn-cart-destructive-hover-text, #c0392b) !important;
    border-color: var(--ui-btn-cart-destructive-hover-bg, #c0392b) !important;
}

/* Tehlikeli işlem */
body .account-page .btn-danger {
    background: var(--ui-btn-destructive-bg, #dc2626) !important;
    color: var(--ui-btn-destructive-text, #fff) !important;
    border: 2px solid var(--ui-btn-destructive-bg, #dc2626) !important;
    min-height: var(--ui-btn-destructive-min-h, 36px);
    padding: var(--ui-btn-destructive-px, 8px 14px);
    font-size: var(--ui-btn-destructive-font, 13px);
    border-radius: var(--ui-btn-destructive-radius, var(--ui-btn-global-radius, 10px));
}

body .account-page .btn-danger:hover {
    background: var(--ui-btn-destructive-hover-bg, #b91c1c) !important;
    color: var(--ui-btn-destructive-hover-text, #fff) !important;
    border-color: var(--ui-btn-destructive-hover-bg, #b91c1c) !important;
}

/* Outline / vazgeç */
body .payment-flow .btn-outline,
body .checkout-page .btn-outline {
    background: var(--ui-btn-outline-bg, transparent) !important;
    color: var(--ui-btn-outline-text, var(--primary-color)) !important;
    border: 2px solid var(--ui-btn-outline-border, var(--primary-color)) !important;
    min-height: var(--ui-btn-outline-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-outline-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-outline-font, var(--ui-btn-global-font, 15px));
    border-radius: var(--ui-btn-outline-radius, var(--ui-btn-global-radius, 10px));
}

body .payment-flow .btn-outline:hover,
body .checkout-page .btn-outline:hover {
    background: var(--ui-btn-outline-hover-bg, var(--primary-color)) !important;
    color: var(--ui-btn-outline-hover-text, #fff) !important;
    border-color: var(--ui-btn-outline-hover-bg, var(--primary-color)) !important;
}

/* Kupon uygula */
body .coupon-box__apply {
    background: var(--ui-btn-coupon-apply-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-coupon-apply-text, #fff) !important;
    border: 2px solid var(--ui-btn-coupon-apply-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-coupon-apply-min-h, 40px) !important;
    padding: var(--ui-btn-coupon-apply-px, 0 14px) !important;
    font-size: var(--ui-btn-coupon-apply-font, 13px) !important;
    border-radius: var(--ui-btn-coupon-apply-radius, 10px) !important;
}

body .coupon-box__apply:hover {
    background: var(--ui-btn-coupon-apply-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-coupon-apply-hover-text, #fff) !important;
    border-color: var(--ui-btn-coupon-apply-hover-bg, var(--secondary-color)) !important;
}

/* Ürün yorumları */
body .product-reviews__submit {
    background: var(--ui-btn-reviews-submit-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-reviews-submit-text, #fff) !important;
    border: 2px solid var(--ui-btn-reviews-submit-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-reviews-submit-min-h, 40px);
    padding: var(--ui-btn-reviews-submit-px, 0 18px);
    font-size: var(--ui-btn-reviews-submit-font, 14px);
    border-radius: var(--ui-btn-reviews-submit-radius, 10px);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--ui-btn-reviews-submit-bg, var(--secondary-color)) 24%, transparent);
}

body .product-reviews__submit:hover:not(:disabled) {
    background: var(--ui-btn-reviews-submit-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-reviews-submit-hover-text, #fff) !important;
    border-color: var(--ui-btn-reviews-submit-hover-bg, var(--secondary-color)) !important;
}

body .product-reviews__notice-btn,
body .product-reviews__load-more {
    background: var(--ui-btn-reviews-aux-bg, #fff) !important;
    color: var(--ui-btn-reviews-aux-text, #0f172a) !important;
    border: 1px solid var(--ui-btn-reviews-aux-border, #cbd5e1) !important;
    min-height: var(--ui-btn-reviews-aux-min-h, 36px);
    padding: var(--ui-btn-reviews-aux-px, 0 14px);
    font-size: var(--ui-btn-reviews-aux-font, 13px);
    border-radius: var(--ui-btn-reviews-aux-radius, 9px);
}

body .product-reviews__notice-btn:hover,
body .product-reviews__load-more:hover:not(:disabled) {
    background: var(--ui-btn-reviews-aux-hover-bg, #f8fafc) !important;
    color: var(--ui-btn-reviews-aux-hover-text, #0f172a) !important;
    border-color: var(--ui-btn-reviews-aux-hover-bg, #94a3b8) !important;
}

/* Canlı destek */
body .chatbox-gate__submit,
body .chatbox-locked__btn,
body .chatbox-inpanel-alert__btn {
    background: var(--ui-btn-livechat-bg, var(--primary-color)) !important;
    color: var(--ui-btn-livechat-text, #fff) !important;
    border: 2px solid var(--ui-btn-livechat-bg, var(--primary-color)) !important;
    min-height: var(--ui-btn-livechat-min-h, 40px);
    padding: var(--ui-btn-livechat-px, 10px 14px);
    font-size: var(--ui-btn-livechat-font, 14px);
    border-radius: var(--ui-btn-livechat-radius, 8px);
}

body .chatbox-gate__submit:hover,
body .chatbox-locked__btn:hover,
body .chatbox-inpanel-alert__btn:hover {
    background: var(--ui-btn-livechat-hover-bg, var(--primary-color)) !important;
    color: var(--ui-btn-livechat-hover-text, #fff) !important;
    border-color: var(--ui-btn-livechat-hover-bg, var(--primary-color)) !important;
    filter: brightness(0.95);
}

/* Arama */
body .search-btn {
    background: var(--ui-btn-search-submit-bg, var(--primary-color)) !important;
    color: var(--ui-btn-search-submit-text, #fff) !important;
    border: none !important;
    min-height: var(--ui-btn-search-submit-min-h, 44px);
    padding: var(--ui-btn-search-submit-px, 12px 20px);
    font-size: var(--ui-btn-search-submit-font, 14px);
}

body .search-btn:hover {
    background: var(--ui-btn-search-submit-hover-bg, var(--primary-dark, var(--primary-color))) !important;
    color: var(--ui-btn-search-submit-hover-text, #fff) !important;
}

/* İade talebi */
body .order-return-form__submit {
    background: var(--ui-btn-order-return-submit-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-order-return-submit-text, #fff) !important;
    border: 2px solid var(--ui-btn-order-return-submit-bg, var(--secondary-color)) !important;
    min-height: var(--ui-btn-order-return-submit-min-h, var(--ui-btn-global-min-h, 44px));
    padding: var(--ui-btn-order-return-submit-px, var(--ui-btn-global-px, 12px 22px));
    font-size: var(--ui-btn-order-return-submit-font, var(--ui-btn-global-font, 15px));
    border-radius: var(--ui-btn-order-return-submit-radius, var(--ui-btn-global-radius, 10px));
}

body .order-return-form__submit:hover:not(:disabled) {
    background: var(--ui-btn-order-return-submit-hover-bg, var(--secondary-color)) !important;
    color: var(--ui-btn-order-return-submit-hover-text, #fff) !important;
    border-color: var(--ui-btn-order-return-submit-hover-bg, var(--secondary-color)) !important;
}

/* Sayfalama (aktif sayfa numarası hariç) */
body .pagination-btn {
    background: var(--ui-btn-pagination-bg, #fff) !important;
    color: var(--ui-btn-pagination-text, var(--text-dark, #334155)) !important;
    border-color: var(--ui-btn-pagination-border, var(--border-color, #e2e8f0)) !important;
    min-height: var(--ui-btn-pagination-min-h, 42px);
    padding: var(--ui-btn-pagination-px, 0 12px);
    font-size: var(--ui-btn-pagination-font, 14px);
    border-radius: var(--ui-btn-pagination-radius, 10px);
}

body .pagination-btn:hover {
    background: var(--ui-btn-pagination-hover-bg, #fff) !important;
    color: var(--ui-btn-pagination-hover-text, var(--primary-color)) !important;
    border-color: var(--ui-btn-pagination-hover-bg, rgba(0, 0, 0, 0.12)) !important;
}

/* PDF indir */
body .page-pdf-btn {
    background: var(--ui-btn-page-pdf-bg, #c62828) !important;
    color: var(--ui-btn-page-pdf-text, #fff) !important;
    border: 0 !important;
    min-height: var(--ui-btn-page-pdf-min-h, 46px);
    padding: var(--ui-btn-page-pdf-px, 14px 26px);
    font-size: var(--ui-btn-page-pdf-font, 15px);
    border-radius: var(--ui-btn-page-pdf-radius, 8px);
}

body .page-pdf-btn:hover,
body .page-pdf-btn:focus,
body .page-pdf-btn:focus-visible {
    background: var(--ui-btn-page-pdf-hover-bg, #b71c1c) !important;
    color: var(--ui-btn-page-pdf-hover-text, #fff) !important;
}

@media (max-width: 767px) {
    body .cart-page__btn--ghost,
    body .checkout-gate-banner__cta--ghost,
    body .checkout-gate-banner__cta--outline {
        min-height: var(--ui-btn-cart-ghost-min-h-mobile, var(--ui-btn-cart-ghost-min-h, 40px));
        padding: var(--ui-btn-cart-ghost-px-mobile, var(--ui-btn-cart-ghost-px, 10px 16px));
        font-size: var(--ui-btn-cart-ghost-font-mobile, var(--ui-btn-cart-ghost-font, 14px));
    }

    body .coupon-box__apply {
        min-height: var(--ui-btn-coupon-apply-min-h-mobile, var(--ui-btn-coupon-apply-min-h, 40px)) !important;
        font-size: var(--ui-btn-coupon-apply-font-mobile, var(--ui-btn-coupon-apply-font, 13px)) !important;
    }

    body .search-btn {
        min-height: var(--ui-btn-search-submit-min-h-mobile, var(--ui-btn-search-submit-min-h, 40px));
        padding: var(--ui-btn-search-submit-px-mobile, var(--ui-btn-search-submit-px, 10px 16px));
    }
}