/**
 * OYROPA.DE - BUTTON FINAL PERFECT FIX
 *
 * Behebt die letzten 6 hartnäckigen Button-Inkonsistenzen (Buttons 34-36)
 * Diese sind vermutlich Footer-Akkordeon-Buttons oder Cookie-Banner-Buttons
 *
 * Author: Claude Code
 * Date: 30.10.2025
 */

/* ============================================
   FOOTER ACCORDION BUTTONS - ULTRA-FIX
   ============================================ */

.footer-accordion button,
.footer-accordion-header,
footer button,
#footer button,
[class*="footer"] button {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    line-height: 1.4 !important;
}

/* ============================================
   COOKIE BANNER BUTTONS
   ============================================ */

#cookieConsent button,
.cookie-banner button,
.cookie-consent button,
[class*="cookie"] button {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
}

/* ============================================
   ALLE BUTTONS ÜBERALL - ATOMARE REGEL
   ============================================ */

/* Atomare Regel: Fängt ALLE Buttons mit onclick oder class */
button[onclick],
button[class],
.accordion-header button,
.accordion-content button,
div[class*="accordion"] button,
body button:not(.btn-sm):not(.btn-xs) {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

/* Kleine Buttons explizit kleiner */
button.btn-sm,
button.btn-xs {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}
