/* ═══════════════════════════════════════════════════════════════════════════
   TEDUCAS Profile Widget — Elementor

   NOTA: Este CSS contiene estilos base por defecto para el widget de perfil.
   Las propiedades visuales personalizadas que el usuario configure en
   Elementor sobreescribirán estos estilos por cascada natural (sin !important).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Editor warning (PR3 / hallazgo #9) ──
   Shown by ProfileWidget::render_logged_out() in the Elementor
   editor when the auth modal is not active. The previous version
   inlined these rules as `style="..."` attributes; they are now
   a class so the markup is CSP-friendly and theme authors can
   override the styling. */
.teducas-pw-editor-warning {
    background: #FEF3C7;
    border: 1px solid #F59E0B;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #92400E;
    line-height: 1.5;
}

.teducas-pw-editor-warning strong {
    display: block;
    margin-bottom: 4px;
}

.teducas-pw-editor-warning em {
    font-size: 12px;
    color: #B45309;
}

/* ── Guest (not logged in) ── */
.teducas-pw--guest {
    display: flex;
    align-items: center;
}

.teducas-pw .teducas-pw__btn,
button.teducas-pw__btn,
a.teducas-pw__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #09090b;
    color: #ffffff;
    border: 1px solid #09090b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.teducas-pw .teducas-pw__btn:hover,
button.teducas-pw__btn:hover,
a.teducas-pw__btn:hover {
    background-color: #27272a;
    color: #ffffff;
    border-color: #27272a;
}

.teducas-pw__btn-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.teducas-pw__btn-icon svg,
.teducas-pw__btn-icon i {
    width: 1em;
    height: 1em;
}

/* ── User (logged in) — delegated to shortcode ── */
.teducas-pw--user {
    display: inline-flex;
    align-items: center;
}

.teducas-pw__dashboard-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
}