/* ══════════════════════════════════════════════════════════════════════════════
   DCA SUITE – BUTTON UNIFICATION v1.0
   ══════════════════════════════════════════════════════════════════════════════
   Vereinheitlicht alle Buttons im DCA-Plugin-Ökosystem.

   Problem: Über die Zeit haben einzelne Module eigene Button-Stile entwickelt
   (.na-btn, .pr-btn-primary, .udw-btn, .da-btn, ...) — das führt zu uneinheitlichem
   Aussehen je nach Modul.

   Lösung: Diese Datei normalisiert die häufigsten Action-Buttons auf ein
   konsistentes Aussehen, OHNE die HTML-Templates anzufassen.

   Strategie:
   - Primäre Action-Buttons (Speichern, Senden, Bestätigen) → DCA-Primary-Style
   - Secondary-Buttons (Abbrechen, Schließen) → DCA-Ghost-Style
   - Toggle-Buttons (Listenansicht / Kartenansicht / Tabs) bleiben unverändert
     (haben bereits konsistentes Aussehen)
   - Icon-Buttons bleiben unverändert (visuell andere Klasse)
   ══════════════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────────────────
   1) PRIMÄRE ACTION-BUTTONS – Form-Submit, Speichern, Hinzufügen
   ────────────────────────────────────────────────────────────────────────────── */
.dca-ap-btn,
.pr-btn-primary,
.pr-btn-confirm,
.pr-cml-btn-confirm,
.pr-next-btn,
.na-add-inst-btn,
.na-add-inst-btn-be,
.dca-notif-save-btn,
.dca-np-save-btn,
.udw-btn:not(.secondary):not(.danger):not(.udw-tab-btn):not(.udw-copy-btn):not(.udw-logout-btn):not(.udw-logout-widget-btn):not(.udw-push-inactive-btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    background: var(--dca-primary, #e67e22);
    color: #fff;
    border: 1.5px solid var(--dca-primary, #e67e22);
    border-radius: var(--dca-radius, 10px);
    font-family: var(--dca-font, inherit);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, transform .1s, box-shadow .15s ease;
    min-height: 44px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    user-select: none;
}
.dca-ap-btn:hover:not(:disabled),
.pr-btn-primary:hover:not(:disabled),
.pr-btn-confirm:hover:not(:disabled),
.pr-cml-btn-confirm:hover:not(:disabled),
.pr-next-btn:hover:not(:disabled),
.na-add-inst-btn:hover:not(:disabled),
.na-add-inst-btn-be:hover:not(:disabled),
.dca-notif-save-btn:hover:not(:disabled),
.dca-np-save-btn:hover:not(:disabled),
.udw-btn:not(.secondary):not(.danger):not(.udw-tab-btn):not(.udw-copy-btn):not(.udw-logout-btn):not(.udw-logout-widget-btn):not(.udw-push-inactive-btn):hover:not(:disabled) {
    background: var(--dca-primary-dark, #c0590a);
    border-color: var(--dca-primary-dark, #c0590a);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: var(--dca-shadow, 0 2px 8px rgba(0,0,0,.08));
}
.dca-ap-btn:focus-visible,
.pr-btn-primary:focus-visible,
.udw-btn:focus-visible {
    outline: none;
    box-shadow: var(--dca-shadow-focus, 0 0 0 3px rgba(230, 126, 34, .10));
}
.dca-ap-btn:disabled,
.pr-btn-primary:disabled,
.pr-btn-confirm:disabled,
.udw-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

/* ──────────────────────────────────────────────────────────────────────────────
   2) SECONDARY / CANCEL-BUTTONS – Transparent mit Border
   ────────────────────────────────────────────────────────────────────────────── */
.pr-btn-secondary,
.pr-btn-cancel,
.pr-cml-btn-abort,
.na-btn-text,
.wnm-btn-outline,
.wnm-btn-outline-sm,
.udw-btn.secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 18px;
    background: transparent;
    color: var(--dca-primary, #e67e22);
    border: 1.5px solid var(--dca-primary, #e67e22);
    border-radius: var(--dca-radius, 10px);
    font-family: var(--dca-font, inherit);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .1s;
    min-height: 40px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
}
.pr-btn-secondary:hover:not(:disabled),
.pr-btn-cancel:hover:not(:disabled),
.pr-cml-btn-abort:hover:not(:disabled),
.na-btn-text:hover:not(:disabled),
.wnm-btn-outline:hover:not(:disabled),
.wnm-btn-outline-sm:hover:not(:disabled),
.udw-btn.secondary:hover:not(:disabled) {
    background: var(--dca-primary-light, rgba(230, 126, 34, .10));
    color: var(--dca-primary-dark, #c0590a);
    transform: translateY(-1px);
}

/* Kleinere Varianten */
.wnm-btn-outline-sm {
    padding: 6px 12px;
    font-size: 12px;
    min-height: 32px;
}

/* ──────────────────────────────────────────────────────────────────────────────
   3) DANGER-BUTTONS – Rot
   ────────────────────────────────────────────────────────────────────────────── */
.wnm-delete-btn,
.udw-btn.danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 18px;
    background: var(--dca-error-bg, #fef2f2);
    color: var(--dca-error, #dc2626);
    border: 1.5px solid var(--dca-error-border, #fecaca);
    border-radius: var(--dca-radius, 10px);
    font-family: var(--dca-font, inherit);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .1s;
    min-height: 40px;
    box-sizing: border-box;
}
.wnm-delete-btn:hover:not(:disabled),
.udw-btn.danger:hover:not(:disabled) {
    background: var(--dca-error, #dc2626);
    color: #fff;
    border-color: var(--dca-error, #dc2626);
    transform: translateY(-1px);
}

/* ──────────────────────────────────────────────────────────────────────────────
   4) DOWNLOAD-/EXPORT-/DETAIL-BUTTONS – Subtile Ghost-Variante
   ────────────────────────────────────────────────────────────────────────────── */
.da-btn,
.da-btn-text,
.da-download-btn,
.na-btn,
.na-export-btn,
.pr-btn-ical {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 18px;
    background: var(--dca-bg, #fff);
    color: var(--dca-text-muted, #555);
    border: 1.5px solid var(--dca-border, #e1e4e8);
    border-radius: 50px;
    font-family: var(--dca-font, inherit);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .1s, box-shadow .15s ease;
    min-height: 36px;
    box-sizing: border-box;
}
.da-btn:hover:not(:disabled),
.da-btn-text:hover:not(:disabled),
.da-download-btn:hover:not(:disabled),
.na-btn:hover:not(:disabled),
.na-export-btn:hover:not(:disabled),
.pr-btn-ical:hover:not(:disabled) {
    background: var(--dca-bg, #fff);
    color: var(--dca-primary, #e67e22);
    border-color: var(--dca-primary, #e67e22);
    transform: translateY(-1px);
    box-shadow: 0 3px 10px var(--dca-primary-light, rgba(230, 126, 34, .15));
}

/* ──────────────────────────────────────────────────────────────────────────────
   5) ELEMENTOR-BUTTON-OVERRIDE im DCA-Kontext
   ──────────────────────────────────────────────────────────────────────────────
   Wenn ein Elementor-Button INNERHALB eines DCA-Containers steht, soll er auch
   DCA-Style übernehmen. Außerhalb (z.B. auf normalen Seiten) lassen wir Elementor
   in Ruhe.
   ────────────────────────────────────────────────────────────────────────────── */
.dca-ap .elementor-button:not(.dca-no-override),
.udw-login-wrap .elementor-button:not(.dca-no-override),
.udw-profile-wrap .elementor-button:not(.dca-no-override) {
    background: var(--dca-primary, #e67e22) !important;
    color: #fff !important;
    border-radius: var(--dca-radius, 10px) !important;
    font-weight: 700 !important;
    padding: 12px 22px !important;
    min-height: 44px !important;
    transition: background-color .15s ease, transform .1s !important;
}
.dca-ap .elementor-button:not(.dca-no-override):hover,
.udw-login-wrap .elementor-button:not(.dca-no-override):hover,
.udw-profile-wrap .elementor-button:not(.dca-no-override):hover {
    background: var(--dca-primary-dark, #c0590a) !important;
    transform: translateY(-1px);
}

/* ──────────────────────────────────────────────────────────────────────────────
   6) HINWEIS: Form-Inputs + Tabellen werden bereits vom Design-System
   (dca-design-system.css) gestylt – keine Duplikation hier.
   ────────────────────────────────────────────────────────────────────────────── */