/* Blendet den Standard-Dashboard-Titel ("XY's Dashboard") von WPUF aus */
.wpuf-dashboard-container .page-head {
    display: none !important;
}

/* Verhindert ein kurzes Aufblitzen des Felds an seiner urspruenglichen
   Position, bevor category-fields.js es neben seinen Anker verschiebt (siehe
   dort/render_category_multiselect_field() in va-wpuf-extention.php) - vor
   allem bei Multistep-Formularen relevant, wo der Anker in einem anderen
   (noch unsichtbaren) Schritt liegen kann. JS entfernt diese Klasse, sobald
   die Verschiebung erledigt ist. */
.va-category-field-pending {
    visibility: hidden;
}

/* "Zurueck"/"Weiter"-Buttons im Multistep-Formular - !important noetig, um
   das Theme-eigene ".btn.btn-primary"-Aussehen zu ueberschreiben (dieselbe
   dunkelblaue Pillen-Optik wie ueberall sonst auf der Seite, z. B.
   .va-arzt-suche-card-button in arzt-suche.css). */
.wpuf-multistep-prev-btn,
.wpuf-multistep-next-btn {
    display: inline-block;
    padding: 10px 28px;
    border: none !important;
    border-radius: 999px !important;
    background: #123c68 !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(18, 60, 104, 0.25);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.wpuf-multistep-prev-btn:hover,
.wpuf-multistep-next-btn:hover,
.wpuf-multistep-prev-btn:focus,
.wpuf-multistep-next-btn:focus {
    background: #1359a6 !important;
    color: #fff !important;
}

/* Text-Schatten von WPUF Pros eigenem Fortschrittsbalken-Label entfernen. */
.wpuf-progress-percentage {
    text-shadow: none !important;
}

/* Fachgebiete/Schwerpunkte/Leistungen-Mehrfachauswahl im "praxis"-Formular */
.va-category-multiselect-field .va-category-multiselect {
    width: 100%;
    min-height: 140px;
}

.va-category-multiselect-field .va-field-description {
    display: block;
    margin-top: 4px;
    color: #6b7280;
    font-size: 0.8rem;
}

.va-category-multiselect-field .va-category-selected-count {
    font-weight: 600;
    color: #1f2937;
}

/*
 * Standard-Look fuer [va_delete_account_link].
 * Ueber die Shortcode-Attribute bg_color, text_color, radius, padding,
 * font_size und font_weight lassen sich diese Werte pro Einsatz per
 * inline style ueberschreiben, ohne dieses CSS anzufassen.
 */
.va-delete-account-link {
    display: inline-block;
    background-color: var(--bde-background, #d12626);
    color: #fff;
    text-decoration: none;
    border-radius: 24px;
    padding: 20px 40px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.va-delete-account-link:hover,
.va-delete-account-link:focus {
    color: #fff;
    opacity: 0.85;
}

/*
 * Postings-Tabelle im WPUF-Dashboard, z. B. [wpuf_dashboard post_type="post"].
 * Passt Tabelle, Spaltenbreiten, Status-Dropdown und die Edit-/Delete-Icons an.
 */
.wpuf-dashboard-container .items-table-container {
    background: #fff;
    border: 1px solid #e2e4e7;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 12px;
}

.wpuf-dashboard-container .items-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.wpuf-dashboard-container .items-table thead th {
    background: #f5f6f8;
    text-align: left;
    padding: 14px 16px;
    font-weight: 600;
    border-bottom: 1px solid #e2e4e7;
}

.wpuf-dashboard-container .items-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #eef0f2;
    vertical-align: middle;
    color: #1f2937;
}

/* Titel breiter und umbrechend, Status/Optionen schmaler */
.wpuf-dashboard-container .items-table th:nth-child(1),
.wpuf-dashboard-container .items-table td:nth-child(1) {
    width: 60%;
    word-break: break-word;
}

.wpuf-dashboard-container .items-table th:nth-child(2),
.wpuf-dashboard-container .items-table td:nth-child(2) {
    width: 20%;
    text-align: center;
}

.wpuf-dashboard-container .items-table th:nth-child(3),
.wpuf-dashboard-container .items-table td:nth-child(3) {
    width: 20%;
    text-align: center;
}

.wpuf-dashboard-container .items-table tbody tr:last-child td {
    border-bottom: none;
}

.wpuf-dashboard-container .items-table tbody tr:hover {
    background: #fafbfc;
}

/* Titel-Link: manche Theme-Vorgaben machen Links sonst quasi unsichtbar */
.wpuf-dashboard-container .items-table td a {
    color: #1f2937 !important;
    font-weight: 500;
    text-decoration: none;
}

.wpuf-dashboard-container .items-table td a:hover {
    color: var(--bde-background, #d12626) !important;
}

/*
 * Read-only Status-Badge (Status ausserhalb von Entwurf/Wartet/Live) und
 * die Platzhalter-Anzeige, bevor dashboard.js daraus ein <select> macht.
 */
.va-status-badge,
.va-status-editable {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.6;
}

.va-status-publish {
    background: #e3f6ec;
    color: #05966d;
}

.va-status-pending {
    background: #fdeaea;
    color: #c00202;
}

.va-status-draft,
.va-status-future,
.va-status-private {
    background: #eef0f2;
    color: #6b7280;
}

/* Status-Dropdown (Entwurf/Wartet auf Freigabe/Live) fuer eigene Beitraege */
.va-status-select {
    border: none;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.va-status-select-publish {
    background: #e3f6ec;
    color: #05966d;
}

.va-status-select-pending {
    background: #fdeaea;
    color: #c00202;
}

.va-status-select-draft {
    background: #eef0f2;
    color: #6b7280;
}

.va-status-select:disabled {
    opacity: 0.6;
    cursor: default;
}

/* Edit-/Delete-Icons als runde Buttons statt nackter <img>-Icons */
.wpuf-dashboard-container .wpuf-posts-options {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 6px;
    border-radius: 50%;
    background: #f5f6f8;
    transition: background-color 0.2s ease;
}

.wpuf-dashboard-container .wpuf-posts-options:hover {
    background: #e2e4e7;
}

.wpuf-dashboard-container .wpuf-posts-options img {
    width: 16px;
    height: 16px;
}

.wpuf-dashboard-container .wpuf-posts-delete {
    background: #fdeaea;
}

.wpuf-dashboard-container .wpuf-posts-delete:hover {
    background: #f9d0d0;
}