/**
 * SUMA CENTER - GLOBALE BUTTON-RUNDUNGEN
 * Diese Datei wird als LETZTES geladen und überschreibt ALLE Button-Styles
 * Sorgt dafür, dass JEDER Button im Theme gerundet ist
 */

/* ========================================
   GLOBALE BUTTON-RUNDUNGEN - HÖCHSTE PRIORITÄT
   ======================================== */

/* ✅ ALLE Standard-HTML-Buttons - 2025 MODERN */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.btn,
.wp-block-button__link,
.elementor-button,
.woocommerce-button,
.wc-block-components-button,
.wp-element-button,
.smg-btn,
.service-cta,
.news-events-view-all,
.hero-btn,
.cta-button,
.read-more-btn,
.view-all-btn,
.submit-btn,
.form-submit,
.contact-submit,
.search-submit,
.filter-button,
.toggle-button,
.action-button,
.primary-button,
.secondary-button {
    border-radius: clamp(0.5rem, 2vw, 0.75rem) !important; /* ✅ SUMA Responsive: 8-12px */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    backdrop-filter: blur(10px) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 2025 Shine Effect für alle Buttons */
button::before,
input[type="button"]::before,
input[type="submit"]::before,
.button::before,
.btn::before,
.smg-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.6s ease !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

button:hover::before,
input[type="button"]:hover::before,
input[type="submit"]:hover::before,
.button:hover::before,
.btn:hover::before,
.smg-btn:hover::before {
    left: 100% !important;
}

/* ✅ Kleine Buttons */
button.small,
button.btn-sm,
input[type="button"].small,
input[type="submit"].small,
.button.small,
.btn.small,
.btn-sm,
.button-small,
.smg-btn-sm,
.small-button {
    border-radius: 0.5rem !important; /* ✅ SUMA Small: 8px */
}

/* ✅ Große Buttons */
button.large,
button.btn-lg,
input[type="button"].large,
input[type="submit"].large,
.button.large,
.btn.large,
.btn-lg,
.button-large,
.smg-btn-lg,
.large-button {
    border-radius: 1rem !important; /* ✅ SUMA Large: 16px */
}

/* ✅ Extra große Buttons */
button.xl,
button.btn-xl,
.btn-xl,
.smg-btn-xl,
.xl-button {
    border-radius: 1.25rem !important; /* ✅ SUMA XL: 20px */
}

/* ========================================
   WORDPRESS-SPEZIFISCHE BUTTONS
   ======================================== */

/* ✅ WordPress Admin Buttons */
.wp-admin button,
.wp-admin input[type="button"],
.wp-admin input[type="submit"],
.wp-admin input[type="reset"],
.wp-admin .button,
.wp-admin .button-primary,
.wp-admin .button-secondary {
    border-radius: 0.5rem !important; /* ✅ Admin: 8px */
}

/* ✅ WordPress Block Editor */
.wp-block-button .wp-block-button__link,
.wp-element-button {
    border-radius: 0.75rem !important; /* ✅ Block Editor: 12px */
}

/* ========================================
   PLUGIN-SPEZIFISCHE BUTTONS
   ======================================== */

/* ✅ Elementor Buttons */
.elementor-button,
.elementor-button-wrapper .elementor-button,
.elementor-widget-button .elementor-button {
    border-radius: 0.75rem !important; /* ✅ Elementor: 12px */
}

/* ✅ WooCommerce Buttons */
.woocommerce .button,
.woocommerce button,
.woocommerce input[type="submit"],
.woocommerce-button,
.wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    border-radius: 0.75rem !important; /* ✅ WooCommerce: 12px */
}

/* ✅ Contact Form 7 */
.wpcf7-form input[type="submit"],
.wpcf7-submit {
    border-radius: 0.75rem !important; /* ✅ CF7: 12px */
}

/* ✅ Gravity Forms */
.gform_wrapper input[type="submit"],
.gform_button {
    border-radius: 0.75rem !important; /* ✅ Gravity Forms: 12px */
}

/* ========================================
   THEME-SPEZIFISCHE BUTTONS
   ======================================== */

/* ✅ SUMA Theme Buttons */
.smg-btn,
.smg-btn-primary,
.smg-btn-secondary,
.smg-btn-ghost,
.smg-btn-accent,
.smg-btn-dark,
.smg-btn-light {
    border-radius: 0.75rem !important; /* ✅ SUMA: 12px */
}

/* ✅ Widget-spezifische Buttons */
.service-cta,
.news-events-view-all,
.hero-btn,
.footer-ai-button,
.ai-button,
.search-submit-btn,
.filter-btn,
.category-filter-btn,
.load-more-btn,
.view-details-btn {
    border-radius: 0.75rem !important; /* ✅ Widget Buttons: 12px */
}

/* ========================================
   SPEZIELLE BUTTON-TYPEN
   ======================================== */

/* ✅ Icon Buttons */
.btn-icon,
.icon-button,
.smg-btn-icon {
    border-radius: 0.75rem !important; /* ✅ Icon Buttons: 12px */
}

/* ✅ Floating Action Buttons */
.fab,
.floating-button,
.fixed-button {
    border-radius: 50% !important; /* ✅ FAB: Rund */
}

/* ✅ Toggle Buttons */
.toggle-btn,
.switch-btn,
.tab-button {
    border-radius: 0.5rem !important; /* ✅ Toggle: 8px */
}

/* ========================================
   FORM-ELEMENTE
   ======================================== */

/* ✅ Alle Form-Submit-Buttons */
form input[type="submit"],
form button[type="submit"],
.form-submit,
.submit-button {
    border-radius: 0.75rem !important; /* ✅ Forms: 12px */
}

/* ========================================
   RESPONSIVE ANPASSUNGEN
   ======================================== */

/* ✅ Mobile Anpassungen */
@media (max-width: 768px) {
    button,
    input[type="button"],
    input[type="submit"],
    .button,
    .btn {
        border-radius: 0.5rem !important; /* ✅ Mobile: 8px */
        min-height: 44px !important; /* ✅ Touch-friendly */
    }
}

/* ========================================
   DEBUGGING - TEMPORÄR
   ======================================== */

/* ✅ Alle Buttons rot umranden für Debugging */
/*
button,
input[type="button"],
input[type="submit"],
.button,
.btn {
    border: 2px solid red !important;
}
*/