/* LigiLearn — layout/public.css : certificate verification & public pages */

body.app-public { background: var(--ll-bg); }

.public-header {
    height: 60px;
    background: var(--ll-surface);
    border-bottom: 1px solid var(--ll-border);
    display: flex;
    align-items: center;
    gap: var(--ll-space-sm);
    padding: 0 var(--ll-space-lg);
}
.public-header .brand-logo { width: 32px; height: 32px; object-fit: contain; }
.public-header .brand-name { font-weight: 700; color: var(--ll-primary); font-size: 18px; }

.public-content {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--ll-space-xl) var(--ll-space-md);
}

.public-footer {
    text-align: center;
    padding: var(--ll-space-md);
    font-size: 12px;
    color: var(--ll-text-muted);
}

/* ---------------- verification result ---------------- */
.verify-card {
    background: var(--ll-surface);
    border: 1px solid var(--ll-border);
    border-radius: var(--ll-radius);
    box-shadow: var(--ll-shadow);
    overflow: hidden;
}

.verify-status {
    padding: var(--ll-space-lg);
    text-align: center;
    color: #fff;
}
.verify-status.is-valid   { background: var(--ll-success); }
.verify-status.is-revoked { background: var(--ll-danger); }
.verify-status.is-invalid { background: var(--ll-secondary); }

.verify-status .status-icon  { font-size: 42px; line-height: 1; }
.verify-status .status-text  { font-size: 20px; font-weight: 700; margin-top: var(--ll-space-sm); }
.verify-status .status-hint  { font-size: 13px; opacity: .9; }

.verify-details { padding: var(--ll-space-lg); }
.verify-row {
    display: flex;
    justify-content: space-between;
    gap: var(--ll-space-md);
    padding: 10px 0;
    border-bottom: 1px solid #f1f3f5;
}
.verify-row:last-child { border-bottom: 0; }
.verify-label { color: var(--ll-text-muted); font-size: 13px; }
.verify-value { font-weight: 600; text-align: right; }

.verify-form { max-width: 420px; margin: 0 auto; }
.verify-note { font-size: 12px; color: var(--ll-text-muted); text-align: center; margin-top: var(--ll-space-md); }