/* CV-database — jobseeker-dashboard (concept) */
.awcf-cvd { --cvd-accent: #1f7a8c; --cvd-accent-dark: #155f6e; --cvd-border: #e2e6ea; --cvd-radius: 10px; max-width: 720px; margin: 0 auto; }
.awcf-cvd * { box-sizing: border-box; }

.awcf-cvd-auth { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .awcf-cvd-auth { grid-template-columns: 1fr 1fr; } }

.awcf-cvd-card { border: 1px solid var(--cvd-border); border-radius: var(--cvd-radius); padding: 22px; background: #fff; margin-bottom: 20px; }
.awcf-cvd-card h2, .awcf-cvd-card h3 { margin: 0 0 12px; }

.awcf-cvd-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.awcf-cvd-head h2 { margin: 0; }
.awcf-cvd-hint { color: #6b7280; font-size: 0.88em; margin: 4px 0 0; }
.awcf-cvd-sub { color: #9aa3ad; font-weight: normal; font-size: 0.85em; }

.awcf-cvd-status { font-size: 0.8em; font-weight: 600; padding: 5px 12px; border-radius: 999px; white-space: nowrap; }
.awcf-cvd-status.is-on { background: #e6f5ec; color: #1a7f44; }
.awcf-cvd-status.is-off { background: #f1f3f5; color: #6b7280; }

.awcf-cvd-form label { display: block; margin: 0 0 14px; font-weight: 600; font-size: 0.92em; }
.awcf-cvd-form input[type="text"],
.awcf-cvd-form input[type="email"],
.awcf-cvd-form input[type="password"],
.awcf-cvd-form input[type="number"],
.awcf-cvd-form input[type="file"],
.awcf-cvd-form select,
.awcf-cvd-form textarea {
    display: block; width: 100%; margin-top: 6px; padding: 10px 12px;
    border: 1px solid var(--cvd-border); border-radius: 8px; font: inherit; font-weight: normal;
}
.awcf-cvd-form textarea { resize: vertical; }
.awcf-cvd-row { display: grid; gap: 0 16px; grid-template-columns: 1fr; }
@media (min-width: 560px) { .awcf-cvd-row { grid-template-columns: 1fr 1fr; } }

.awcf-cvd-check { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.awcf-cvd-check input { width: auto; margin: 0; }

/* Buttons defensief gestyled: container-scope + !important op de eigenschappen die
   hello-elementor / Elementor's global kit forceren (background/color/border), zodat
   de hover-states niet door theme-CSS worden overschreven. */
.awcf-cvd .awcf-cvd-btn {
    display: inline-block;
    background-color: var(--cvd-accent) !important;
    color: #fff !important;
    border: 1px solid var(--cvd-accent) !important;
    border-radius: 8px; padding: 11px 20px;
    font: inherit; font-weight: 600; line-height: 1.2;
    text-decoration: none !important; text-transform: none; letter-spacing: normal;
    box-shadow: none !important; cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.awcf-cvd .awcf-cvd-btn:hover,
.awcf-cvd .awcf-cvd-btn:focus,
.awcf-cvd .awcf-cvd-btn:focus-visible,
.awcf-cvd .awcf-cvd-btn:active {
    background-color: var(--cvd-accent-dark) !important;
    color: #fff !important;
    border-color: var(--cvd-accent-dark) !important;
}
.awcf-cvd .awcf-cvd-btn:disabled { opacity: 0.6 !important; cursor: default; }

.awcf-cvd .awcf-cvd-btn--ghost {
    background-color: #fff !important; color: var(--cvd-accent) !important; border-color: var(--cvd-accent) !important;
}
.awcf-cvd .awcf-cvd-btn--ghost:hover,
.awcf-cvd .awcf-cvd-btn--ghost:focus,
.awcf-cvd .awcf-cvd-btn--ghost:focus-visible,
.awcf-cvd .awcf-cvd-btn--ghost:active {
    background-color: var(--cvd-accent) !important; color: #fff !important; border-color: var(--cvd-accent) !important;
}
.awcf-cvd .awcf-cvd-btn--danger {
    background-color: #fff !important; color: #c0392b !important; border-color: #e6b0aa !important; margin-left: 8px;
}
.awcf-cvd .awcf-cvd-btn--danger:hover,
.awcf-cvd .awcf-cvd-btn--danger:focus,
.awcf-cvd .awcf-cvd-btn--danger:focus-visible,
.awcf-cvd .awcf-cvd-btn--danger:active {
    background-color: #c0392b !important; color: #fff !important; border-color: #c0392b !important;
}

.awcf-cvd-msg { margin: 12px 0 0; font-size: 0.9em; min-height: 1.2em; }
.awcf-cvd-msg.is-ok { color: #1a7f44; }
.awcf-cvd-msg.is-err { color: #c0392b; }

.awcf-cvd-filestatus { color: #6b7280; font-size: 0.9em; margin: 0 0 12px; }
.awcf-cvd--notice p { background: #fff8e1; border: 1px solid #ffe08a; border-radius: 8px; padding: 14px; }