/* ============================================================
   PF2026 — Article content blocks (alert/tip/danger/checklist/data-table)
   Émis par le mu-plugin wp-content/mu-plugins/pf-blocks.php
   ============================================================ */

/* ---------- Alert / Tip / Danger / Warning ---------- */
.block-alert {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    margin: 24px 0;
    border: 2px solid;
    border-radius: var(--r-md);
}
.block-alert-icon {
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 2px;
    line-height: 1;
}
.block-alert-content { flex: 1; }
.block-alert-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 4px;
}
.block-alert-body {
    font-size: 14px;
    line-height: 1.6;
}

/* Info (default) — yellow */
.block-alert--info,
.block-alert--warning {
    background: #FFF3CD;
    border-color: #FAC000;
}
.block-alert--info .block-alert-title,
.block-alert--warning .block-alert-title { color: #92400E; }
.block-alert--info .block-alert-body,
.block-alert--warning .block-alert-body { color: #78350F; }

/* Tip — green */
.block-alert--tip {
    background: #EDF9F0;
    border-color: var(--type-plante);
}
.block-alert--tip .block-alert-title { color: #065F46; }
.block-alert--tip .block-alert-body  { color: #064E3B; }

/* Danger — red */
.block-alert--danger {
    background: #FEF2F2;
    border-color: var(--type-feu);
}
.block-alert--danger .block-alert-title { color: #991B1B; }
.block-alert--danger .block-alert-body  { color: #7F1D1D; }

/* ---------- Checklist ---------- */
ul.checklist {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 18px 0;
    padding: 0;
}
ul.checklist li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14.5px;
    cursor: pointer;
    user-select: none;
}
ul.checklist .check-box {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid var(--border);
    background: var(--white);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
    margin-top: 2px;
}
ul.checklist li.done .check-box {
    background: var(--green);
    border-color: var(--green);
}
ul.checklist li.done .check-box::after {
    content: '✓';
    color: white;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
ul.checklist li.done .check-text {
    text-decoration: line-through;
    color: var(--ink-faint);
}

/* ---------- Data table ---------- */
.data-table-wrap {
    overflow-x: auto;
    margin: 24px 0;
    border-radius: var(--r-md);
    border: 1px solid var(--border);
}
.data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
    margin: 0;
}
.data-table th {
    background: var(--cream);
    padding: 10px 14px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--ink-light);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}
.data-table td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--border-light);
    color: var(--ink-mid);
}
.data-table tr:last-child td { border-bottom: none; }
.data-table tr:hover td { background: var(--cream); }

.data-table .badge {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: var(--r-full);
    font-size: 11px;
    font-weight: 700;
    background: var(--yellow-bg);
    color: #92400E;
}