/**
 * AQUITAS JOBS - GLOBAL BUTTON SYSTEM
 * 
 * Zentrales Button-System für alle Buttons im Plugin
 * Konsistentes Design basierend auf application-form-v2.css
 * 
 * @version 1.7.0
 * @changelog 1.7.0 - Back-Button auf Job-Detail-Seite: CSS-Selektoren für Buttons ohne explizite Klassen hinzugefügt (a[href*="stellenmarkt"])
 * @changelog 1.6.0 - Font-Stack: "Nunito Sans" mit System-Font-Fallbacks für device-übergreifende Kompatibilität (statt inherit)
 * @changelog 1.5.0 - Job Detail Apply Button: KEINE Theme-Abhängigkeit mehr - nur noch eigene Klassen (.aquitas-apply-button) für vollständige Unabhängigkeit
 * @changelog 1.4.0 - Job Detail Apply Button: Technisch wie Formular Submit umgesetzt - höhere Spezifität und !important gegen Theme-Überschreibungen
 * @changelog 1.3.0 - Padding optimiert: padding: 15px 24px (statt 12px 24px) für bessere Proportionen
 * @changelog 1.2.1 - Padding-Fix: Explizites padding: 0.75rem 1.5rem (12px 24px) für Mobile hinzugefügt, um 18px-Überschreibungen zu vermeiden
 * @changelog 1.2.0 - EXAKTE Angleichung an Formular: Padding, Font-Size, Font-Weight, Min-Height, Border-Width für Desktop und Mobile identisch mit application-form-v2.css
 * @changelog 1.1.0 - Konsistente Hover-Effekte: Alle Buttons haben jetzt transform: translateY(-1px) und box-shadow beim Hover
 * @changelog 1.0.0 - Initial: Zentrales Button-System für alle Buttons im Plugin
 */

/* ============================================
   BASIS-STYLES FÜR ALLE BUTTONS
   ============================================ */

/* Globale Button-Klassen - funktionieren überall im Plugin */
/* EXAKT wie im Formular (application-form-v2.css) */
.aquitas-btn,
.compleet-button.aquitas-btn,
a.aquitas-btn,
button.aquitas-btn,
/* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
.compleet-jobboard-detail a[href*="stellenmarkt"],
.job-actions a[href*="stellenmarkt"],
.action-back a[href*="stellenmarkt"] {
    padding: 15px 24px; /* 15px top/bottom, 24px left/right - Optimal */
    border: 2px solid;
    border-radius: 10em !important;
    font-size: 1rem; /* Exakt wie Formular */
    font-weight: 600; /* Exakt wie Formular */
    /* Font-Stack: Nunito Sans (Website-Standard) mit System-Font-Fallbacks */
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    cursor: pointer;
    transition: all 0.2s ease; /* Exakt wie Formular */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px; /* Exakt wie Formular Desktop */
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    white-space: nowrap;
}

/* ============================================
   PRIMARY BUTTONS
   ============================================ */

.aquitas-btn-primary,
.aquitas-btn--primary,
.compleet-button-apply.aquitas-btn,
.compleet-button.aquitas-btn-primary {
    background: var(--accent-color, #2DB8C5);
    border-color: var(--accent-color, #2DB8C5);
    color: #fff;
    border-width: 2px;
}

/* ============================================
   JOB DETAIL APPLY BUTTON - Wie Formular Submit
   ============================================ */
/* KEINE Theme-Abhängigkeit - Nur unsere eigenen Klassen */
/* Button kann in verschiedenen Containern sein (.compleet-job-actions, .uncode_text_column, etc.) */
.aquitas-apply-button,
.compleet-job-actions .aquitas-apply-button,
.compleet-job-actions a.aquitas-apply-button,
.uncode_text_column .aquitas-apply-button,
.uncode_text_column a.aquitas-apply-button,
/* Fallback für alte Klassen (wenn noch vorhanden) */
.compleet-job-actions .aquitas-btn-primary,
.compleet-job-actions a.aquitas-btn-primary,
.uncode_text_column .aquitas-btn-primary,
.uncode_text_column a.aquitas-btn-primary {
    /* Basis-Styles - identisch zu .aquitas-btn-primary im Formular */
    background: var(--accent-color, #2DB8C5) !important;
    border-color: var(--accent-color, #2DB8C5) !important;
    color: #fff !important;
    padding: 15px 24px !important; /* Optimal: 15px 24px */
    border-radius: 10em !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border: 2px solid var(--accent-color, #2DB8C5) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    text-decoration: none !important;
    /* Überschreibe alte compleet-button Styles */
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ============================================
   JOB LIST JOBDETAILS BUTTON - Wie Formular Primary
   ============================================ */
/* KEINE Theme-Abhängigkeit - Nur unsere eigenen Klassen */
/* Überschreibe auch Theme-Klassen falls noch vorhanden */
.aquitas-jobdetails-button,
.job-button-block .aquitas-jobdetails-button,
.job-button-block a.aquitas-jobdetails-button,
.job-button-block .aquitas-btn-primary,
.job-button-block a.aquitas-btn-primary,
/* Fallback: Auch wenn Theme-Klassen noch vorhanden sind */
.job-button-block a.aquitas-btn-primary.btn,
.job-button-block a.aquitas-btn-primary.btn.btn-color-dark,
.job-button-block a.aquitas-btn-primary.btn.btn-outline,
.job-button-block a.aquitas-btn-primary.btn.btn-lg,
.job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg,
/* Noch höhere Spezifität für Theme-Override */
a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg,
.job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg.aquitas-jobdetails-button,
/* MAXIMALE SPEZIFITÄT: Überschreibe Theme-Regel .btn-color-dark.btn-outline:not(.btn-text-skin) */
.job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg:not(.btn-text-skin),
a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg:not(.btn-text-skin),
.job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline:not(.btn-text-skin),
a.aquitas-btn-primary.btn.btn-color-dark.btn-outline:not(.btn-text-skin),
/* NOCH HÖHERE SPEZIFITÄT: Kombiniere mit unseren eigenen Klassen */
.job-button-block a.aquitas-btn-primary.aquitas-jobdetails-button.btn.btn-color-dark.btn-outline:not(.btn-text-skin),
.job-button-block a.aquitas-btn-primary.aquitas-jobdetails-button.btn.btn-color-dark.btn-outline.btn-lg:not(.btn-text-skin),
/* ABSOLUTE MAXIMALE SPEZIFITÄT: Alle Kombinationen */
.job-button-block .job-button-inner a.aquitas-btn-primary.btn.btn-color-dark.btn-outline:not(.btn-text-skin),
.job-button-block .job-button-outer .job-button-inner a.aquitas-btn-primary.btn.btn-color-dark.btn-outline:not(.btn-text-skin) {
    /* Basis-Styles - identisch zu .aquitas-btn-primary im Formular */
    background: var(--accent-color, #2DB8C5) !important;
    background-color: var(--accent-color, #2DB8C5) !important; /* Doppelt für maximale Sicherheit */
    border-color: var(--accent-color, #2DB8C5) !important;
    color: #fff !important; /* WICHTIG: Weiße Schrift - muss nach Theme-Klassen kommen */
    color: #ffffff !important; /* Doppelt für maximale Sicherheit */
    /* EXTRA: Überschreibe auch Theme-Spezifische Selektoren */
    color: white !important; /* Noch eine Variante für maximale Sicherheit */
    padding: 15px 24px !important; /* Optimal: 15px 24px */
    border-radius: 10em !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border: 2px solid var(--accent-color, #2DB8C5) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    text-decoration: none !important;
    /* Überschreibe alte compleet-button Styles */
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ============================================
   JOB LIST JOBDETAILS BUTTON HOVER - Card Hover
   ============================================ */
/* Button Hover-Effekt wenn Card gehovered wird */
.job-card:hover .job-button-block a.aquitas-btn-primary,
.job-card:hover .job-button-block .aquitas-jobdetails-button,
.job-card:hover .job-button-block a.aquitas-jobdetails-button,
.job-card:hover .job-button-block a.aquitas-btn-primary.btn,
.job-card:hover .job-button-block a.aquitas-btn-primary.btn.btn-color-dark,
.job-card:hover .job-button-block a.aquitas-btn-primary.btn.btn-outline,
.job-card:hover .job-button-block a.aquitas-btn-primary.btn.btn-lg,
.job-card:hover .job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg {
    background: #26a4b4 !important; /* Dunkleres Türkis auf Hover - konsistent mit Formular */
    border-color: #26a4b4 !important;
    color: #fff !important; /* Weiße Schrift auf Hover */
    transform: translateY(-1px) !important; /* Leichtes Anheben */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; /* Schatten für Tiefe */
    transition: all 0.2s ease !important; /* Smooth Transition */
}

/* Mobile Styles - EXAKT wie Formular Primary Button */
@media (max-width: 767px) {
    .aquitas-apply-button,
    .compleet-job-actions .aquitas-apply-button,
    .compleet-job-actions a.aquitas-apply-button,
    .uncode_text_column .aquitas-apply-button,
    .uncode_text_column a.aquitas-apply-button,
    /* Fallback für alte Klassen */
    .compleet-job-actions .aquitas-btn-primary,
    .compleet-job-actions a.aquitas-btn-primary,
    .uncode_text_column .aquitas-btn-primary,
    .uncode_text_column a.aquitas-btn-primary,
    /* Job List Jobdetails Button - Mobile */
    .aquitas-jobdetails-button,
    .job-button-block .aquitas-jobdetails-button,
    .job-button-block a.aquitas-jobdetails-button,
    .job-button-block .aquitas-btn-primary,
    .job-button-block a.aquitas-btn-primary {
        width: 100% !important; /* Volle Breite auf Mobile - EXAKT wie Formular */
        min-height: 56px !important; /* Größere Touch-Targets auf Mobile - EXAKT wie Formular */
        font-size: 18px !important; /* Größere Schrift auf Mobile - EXAKT wie Formular */
        font-weight: 700 !important; /* Fettere Schrift auf Mobile - EXAKT wie Formular */
        padding: 15px 24px !important; /* Konsistentes Padding - EXAKT wie Formular */
        border-width: 2px !important; /* Konsistenter Border - EXAKT wie Formular */
        border-radius: 10em !important; /* Konsistenter Border-Radius - EXAKT wie Formular */
        background: var(--accent-color, #2DB8C5) !important; /* Türkiser Hintergrund */
        color: #fff !important; /* Weiße Schrift */
        border-color: var(--accent-color, #2DB8C5) !important; /* Türkiser Border */
    }
}

.aquitas-btn-primary:hover:not(:disabled):not(.disabled),
.aquitas-btn--primary:hover:not(:disabled):not(.disabled),
.compleet-button-apply.aquitas-btn:hover:not(:disabled):not(.disabled),
.job-button-block a.aquitas-btn-primary:hover:not(:disabled):not(.disabled) {
    background: #26a4b4;
    border-color: #26a4b4;
    transform: translateY(-1px); /* Konsistent: Leichtes Anheben */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Konsistent: Subtiler Schatten */
}

/* Job Detail Apply Button Hover - EXAKT wie Formular Submit */
.aquitas-apply-button:hover:not(:disabled):not(.disabled),
.compleet-job-actions .aquitas-apply-button:hover:not(:disabled):not(.disabled),
.compleet-job-actions a.aquitas-apply-button:hover:not(:disabled):not(.disabled),
.uncode_text_column .aquitas-apply-button:hover:not(:disabled):not(.disabled),
.uncode_text_column a.aquitas-apply-button:hover:not(:disabled):not(.disabled),
/* Fallback für alte Klassen */
.compleet-job-actions .aquitas-btn-primary:hover:not(:disabled):not(.disabled),
.compleet-job-actions a.aquitas-btn-primary:hover:not(:disabled):not(.disabled),
.uncode_text_column .aquitas-btn-primary:hover:not(:disabled):not(.disabled),
.uncode_text_column a.aquitas-btn-primary:hover:not(:disabled):not(.disabled) {
    background: #26a4b4 !important; /* Konsistent mit Formular */
    border-color: #26a4b4 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* ============================================
   SECONDARY BUTTONS
   ============================================ */

/* Secondary Button - MAXIMALE SPEZIFITÄT für zuverlässige Überschreibung */
.aquitas-btn-secondary,
.aquitas-btn--secondary,
.compleet-button-back.aquitas-btn,
.compleet-button.aquitas-btn-secondary,
/* WICHTIG: Überschreibe auch .prev-step Styles - muss Secondary Button bleiben */
.aquitas-application-form-v2 .prev-step,
.aquitas-application-form-v2 button.prev-step,
.aquitas-application-form-v2 .prev-step.aquitas-btn-secondary,
/* Skip-CV Button spezifisch */
.skip-cv.aquitas-btn-secondary,
button.skip-cv.aquitas-btn-secondary,
.aquitas-application-form-v2 .skip-cv.aquitas-btn-secondary,
.aquitas-application-form-v2 button.skip-cv.aquitas-btn-secondary,
/* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
.compleet-jobboard-detail a[href*="stellenmarkt"],
.job-actions a[href*="stellenmarkt"],
.action-back a[href*="stellenmarkt"] {
    background: #fff !important; /* Wichtig: !important gegen ux-optimized.css */
    background-color: #fff !important; /* Doppelt für maximale Sicherheit */
    border-color: var(--accent-color, #2DB8C5) !important;
    color: var(--accent-color, #2DB8C5) !important;
    border-width: 2px !important;
}

.aquitas-btn-secondary:hover:not(:disabled):not(.disabled),
.aquitas-btn--secondary:hover:not(:disabled):not(.disabled),
.compleet-button-back.aquitas-btn:hover:not(:disabled):not(.disabled),
.reset-search-button.aquitas-btn-secondary:hover:not(:disabled):not(.disabled),
.skip-cv.aquitas-btn-secondary:hover:not(:disabled):not(.disabled),
.skip-cv.aquitas-btn:hover:not(:disabled):not(.disabled),
.aquitas-application-form .skip-cv.aquitas-btn-secondary:hover:not(:disabled):not(.disabled),
.aquitas-application-form .skip-cv.aquitas-btn:hover:not(:disabled):not(.disabled),
.aquitas-application-form-v2 .skip-cv.aquitas-btn-secondary:hover:not(:disabled):not(.disabled),
.aquitas-application-form-v2 .skip-cv.aquitas-btn:hover:not(:disabled):not(.disabled),
/* WICHTIG: .prev-step Hover - muss Secondary Button bleiben */
.aquitas-application-form-v2 .prev-step:hover:not(:disabled):not(.disabled),
.aquitas-application-form-v2 button.prev-step:hover:not(:disabled):not(.disabled),
.aquitas-application-form-v2 .prev-step.aquitas-btn-secondary:hover:not(:disabled):not(.disabled),
/* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
.compleet-jobboard-detail a[href*="stellenmarkt"]:hover,
.job-actions a[href*="stellenmarkt"]:hover,
.action-back a[href*="stellenmarkt"]:hover {
    background: var(--accent-color, #2DB8C5) !important; /* Wichtig: !important gegen ux-optimized.css */
    border-color: var(--accent-color, #2DB8C5) !important;
    color: #fff !important; /* Wichtig: Weiße Schrift auf türkisem Hintergrund - gegen ux-optimized.css */
    transform: translateY(-1px); /* Konsistent: Gleicher Hover-Effekt wie Primary */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Konsistent: Gleicher Schatten */
}

/* ============================================
   DISABLED STATE
   ============================================ */

/* Disabled State - MAXIMALE SPEZIFITÄT für zuverlässige Überschreibung */
.aquitas-btn:disabled,
.aquitas-btn.disabled,
.compleet-button.aquitas-btn:disabled,
.compleet-button.aquitas-btn.disabled,
/* WICHTIG: Primary-Buttons mit disabled müssen überschrieben werden */
.aquitas-btn-primary:disabled,
.aquitas-btn-primary.disabled,
button.aquitas-btn-primary:disabled,
button.aquitas-btn-primary.disabled,
.aquitas-btn-primary.next-step:disabled,
.aquitas-btn-primary.next-step.disabled,
button.aquitas-btn-primary.next-step:disabled,
button.aquitas-btn-primary.next-step.disabled,
/* Formular-spezifisch */
.aquitas-application-form-v2 .aquitas-btn-primary:disabled,
.aquitas-application-form-v2 .aquitas-btn-primary.disabled,
.aquitas-application-form-v2 button.aquitas-btn-primary:disabled,
.aquitas-application-form-v2 button.aquitas-btn-primary.disabled,
.aquitas-application-form-v2 .aquitas-btn-primary.next-step:disabled,
.aquitas-application-form-v2 .aquitas-btn-primary.next-step.disabled,
.aquitas-application-form-v2 button.aquitas-btn-primary.next-step:disabled,
.aquitas-application-form-v2 button.aquitas-btn-primary.next-step.disabled {
    opacity: 0.5 !important;
    background: #e5e7eb !important;
    background-color: #e5e7eb !important; /* Doppelt für maximale Sicherheit */
    border-color: #d1d5db !important;
    color: #9ca3af !important;
    cursor: not-allowed !important;
    pointer-events: auto !important; /* Für Mobile Touch Support */
}

/* ============================================
   FILTER BUTTON
   ============================================ */

.compleet-filter-submit,
.compleet-filter-submit.aquitas-btn,
.compleet-jobboard-filter .search-button,
.compleet-jobboard-filter button.search-button {
    background-color: var(--accent-color, #2DB8C5) !important;
    color: white !important;
    border: 2px solid var(--accent-color, #2DB8C5) !important;
    padding: 15px 24px !important; /* 15px top/bottom, 24px left/right - Optimal */
    border-radius: 10em !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    min-height: 48px !important;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: none !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.compleet-filter-submit:hover:not(:disabled):not(.disabled),
.compleet-filter-submit.aquitas-btn:hover:not(:disabled):not(.disabled),
.compleet-jobboard-filter .search-button:hover:not(:disabled):not(.disabled) {
    background-color: #26a4b4 !important;
    border-color: #26a4b4 !important;
    transform: translateY(-1px); /* Konsistent: Gleicher Hover-Effekt */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Konsistent: Gleicher Schatten */
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media (max-width: 768px) {
    /* Alle Buttons: Volle Breite auf Mobile - EXAKT wie Formular */
    .aquitas-btn,
    .aquitas-btn-primary,
    .aquitas-btn-secondary,
    .aquitas-btn--primary,
    .aquitas-btn--secondary,
    .compleet-button.aquitas-btn,
    .compleet-filter-submit,
    .job-button-block a.aquitas-btn,
    /* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
    .compleet-jobboard-detail a[href*="stellenmarkt"],
    .job-actions a[href*="stellenmarkt"],
    .action-back a[href*="stellenmarkt"] {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: var(--spacing-sm, 0.5rem);
    }
    
    /* Primary Buttons: Prominenter auf Mobile - EXAKT wie Formular */
    .aquitas-btn-primary,
    .aquitas-btn--primary,
    .compleet-button-apply.aquitas-btn,
    .job-button-block a.aquitas-btn-primary,
    .compleet-filter-submit,
    .compleet-jobboard-filter .search-button,
    /* Job Detail Apply Button - Mobile (KEINE Theme-Klassen) */
    .aquitas-apply-button,
    .compleet-job-actions .aquitas-apply-button,
    .compleet-job-actions a.aquitas-apply-button,
    .uncode_text_column .aquitas-apply-button,
    .uncode_text_column a.aquitas-apply-button,
    /* Job List Jobdetails Button - Mobile (KEINE Theme-Klassen) */
    .aquitas-jobdetails-button,
    .job-button-block .aquitas-jobdetails-button,
    .job-button-block a.aquitas-jobdetails-button,
    .job-button-block .aquitas-btn-primary,
    .job-button-block a.aquitas-btn-primary,
    /* Fallback: Auch wenn Theme-Klassen noch vorhanden sind */
    .job-button-block a.aquitas-btn-primary.btn,
    .job-button-block a.aquitas-btn-primary.btn.btn-color-dark,
    .job-button-block a.aquitas-btn-primary.btn.btn-outline,
    .job-button-block a.aquitas-btn-primary.btn.btn-lg,
    .job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg {
        min-height: 56px !important; /* Exakt wie Formular */
        font-size: 18px !important; /* Exakt wie Formular */
        font-weight: 700 !important; /* Exakt wie Formular */
        border-width: 2px !important; /* Exakt wie Formular */
        padding: 15px 24px !important; /* Optimal: 15px 24px - !important gegen ux-optimized.css */
        width: 100% !important; /* Volle Breite auf Mobile */
        background: var(--accent-color, #2DB8C5) !important; /* Türkiser Hintergrund */
        color: #fff !important; /* Weiße Schrift - WICHTIG: Muss nach Theme-Klassen kommen */
        border-color: var(--accent-color, #2DB8C5) !important; /* Türkiser Border */
        border-radius: 10em !important; /* Konsistenter Border-Radius */
    }
    
    /* Secondary Buttons: Dezentere Optik auf Mobile - EXAKT wie Formular */
    .aquitas-btn-secondary,
    .aquitas-btn--secondary,
    .compleet-button-back.aquitas-btn,
    .reset-search-button.aquitas-btn-secondary,
    /* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
    .compleet-jobboard-detail a[href*="stellenmarkt"],
    .job-actions a[href*="stellenmarkt"],
    .action-back a[href*="stellenmarkt"] {
        min-height: 48px !important; /* Exakt wie Formular */
        font-size: 16px !important; /* Exakt wie Formular */
        font-weight: 600 !important; /* Exakt wie Formular */
        border-width: 1px !important; /* Exakt wie Formular */
        background: rgba(255, 255, 255, 0.95) !important; /* Exakt wie Formular */
        padding: 15px 24px !important; /* Optimal: 15px 24px - !important gegen ux-optimized.css */
    }
    
    /* Letzter Button: Kein Margin-Bottom - EXAKT wie Formular */
    .form-navigation .aquitas-btn:last-child,
    .form-navigation button:last-child,
    .job-button-block:last-child a.aquitas-btn {
        margin-bottom: 0;
    }
}

/* ============================================
   DESKTOP: Auto-Breite
   ============================================ */

@media (min-width: 769px) {
    /* Desktop: Buttons haben Auto-Breite (nicht 100%) - EXAKT wie Formular */
    .aquitas-btn,
    .aquitas-btn-primary,
    .aquitas-btn-secondary,
    .aquitas-btn--primary,
    .aquitas-btn--secondary,
    /* Job Detail Apply Button - Desktop (KEINE Theme-Klassen) */
    .aquitas-apply-button,
    .compleet-job-actions .aquitas-apply-button,
    .compleet-job-actions a.aquitas-apply-button,
    .uncode_text_column .aquitas-apply-button,
    .uncode_text_column a.aquitas-apply-button,
    /* Job List Jobdetails Button - Desktop (KEINE Theme-Klassen) */
    .aquitas-jobdetails-button,
    .job-button-block .aquitas-jobdetails-button,
    .job-button-block a.aquitas-jobdetails-button,
    .job-button-block .aquitas-btn-primary,
    .job-button-block a.aquitas-btn-primary,
    /* Fallback: Auch wenn Theme-Klassen noch vorhanden sind */
    .job-button-block a.aquitas-btn-primary.btn,
    .job-button-block a.aquitas-btn-primary.btn.btn-color-dark,
    .job-button-block a.aquitas-btn-primary.btn.btn-outline,
    .job-button-block a.aquitas-btn-primary.btn.btn-lg,
    .job-button-block a.aquitas-btn-primary.btn.btn-color-dark.btn-outline.btn-lg {
        width: auto;
        min-width: 120px;
        background: var(--accent-color, #2DB8C5) !important; /* Türkiser Hintergrund */
        color: #fff !important; /* Weiße Schrift - WICHTIG: Muss nach Theme-Klassen kommen */
        border-color: var(--accent-color, #2DB8C5) !important; /* Türkiser Border */
        border-radius: 10em !important; /* Konsistenter Border-Radius */
        padding: 15px 24px !important; /* Konsistentes Padding */
        font-size: 1rem !important; /* Konsistente Schriftgröße */
        font-weight: 600 !important; /* Konsistentes Font-Weight */
        min-height: 48px !important; /* Konsistente Min-Height */
    }
    
    /* Desktop: Standard-Größen für Primary - EXAKT wie Formular */
    .aquitas-btn-primary,
    .aquitas-btn--primary,
    .compleet-button-apply.aquitas-btn,
    .job-button-block a.aquitas-btn-primary {
        min-height: 48px; /* Exakt wie Formular */
        font-size: 1rem; /* Exakt wie Formular */
        font-weight: 600; /* Exakt wie Formular */
        border-width: 2px; /* Exakt wie Formular */
    }
    
    /* Desktop: Standard-Größen für Secondary - EXAKT wie Formular */
    .aquitas-btn-secondary,
    .aquitas-btn--secondary,
    .compleet-button-back.aquitas-btn,
    .reset-search-button.aquitas-btn-secondary,
    /* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
    .compleet-jobboard-detail a[href*="stellenmarkt"],
    .job-actions a[href*="stellenmarkt"],
    .action-back a[href*="stellenmarkt"] {
        min-height: 48px; /* Exakt wie Formular */
        font-size: 1rem; /* Exakt wie Formular */
        font-weight: 600; /* Exakt wie Formular */
        background: #fff; /* Exakt wie Formular */
        border-width: 2px; /* Exakt wie Formular */
    }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */

.aquitas-btn:focus-visible,
.compleet-button.aquitas-btn:focus-visible,
.compleet-filter-submit:focus-visible,
.compleet-jobboard-filter .search-button:focus-visible,
/* Back-Button auf Job-Detail-Seite (auch wenn keine Klassen gesetzt sind) */
.compleet-jobboard-detail a[href*="stellenmarkt"]:focus-visible,
.job-actions a[href*="stellenmarkt"]:focus-visible,
.action-back a[href*="stellenmarkt"]:focus-visible {
    outline: 2px solid var(--accent-color, #2DB8C5);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(45, 184, 197, 0.2);
}

/* ============================================
   JOB LIST BUTTONS
   ============================================ */

/* Jobdetails-Button in der Stellenliste */
.job-button-block a,
.job-button-block .aquitas-btn,
.job-button-block .aquitas-btn-primary {
    /* Wird durch globale Button-Styles überschrieben */
}

/* Reset-Search-Button */
.reset-search-button,
.reset-search-button.aquitas-btn,
.reset-search-button.aquitas-btn-secondary {
    /* Wird durch globale Button-Styles überschrieben */
}

/* ============================================
   COMPLEET BUTTON COMPATIBILITY
   ============================================ */

/* Alte compleet-button Klassen - für Rückwärtskompatibilität */
.compleet-button {
    /* Wird durch .aquitas-btn überschrieben, wenn beide Klassen vorhanden */
}

/* Wenn nur .compleet-button ohne .aquitas-btn */
.compleet-button:not(.aquitas-btn) {
    display: inline-block;
    padding: 15px 24px; /* 15px top/bottom, 24px left/right - Optimal */
    border: 2px solid;
    border-radius: 10em !important;
    font-size: 1rem;
    font-weight: 600;
    min-height: 48px;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.2s ease;
}

.compleet-button-apply:not(.aquitas-btn) {
    background: var(--accent-color, #2DB8C5);
    border-color: var(--accent-color, #2DB8C5);
    color: #fff;
}

.compleet-button-back:not(.aquitas-btn) {
    background: #fff;
    border-color: var(--accent-color, #2DB8C5);
    color: var(--accent-color, #2DB8C5);
}