/* =========================================================================
   TOOLS-BLESSINGS.CSS — Bibles24.com
   ========================================================================= */

.share-form-card { margin-bottom: var(--sp-6); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--sp-3); margin-bottom: var(--sp-3); }
@media (max-width: 700px) { .form-grid { grid-template-columns: 1fr; } }

.blessings-stats { display: flex; gap: var(--sp-6); justify-content: center; margin-bottom: var(--sp-5); }
.blessings-stats .stat-item { text-align: center; }
.blessings-stats .stat-number { display: block; font-size: var(--fs-lg); font-weight: 700; color: var(--accent-dark); font-family: var(--font-serif); }
.blessings-stats .stat-label { font-size: var(--fs-xs); color: var(--muted); }

.blessings-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--sp-4); }

.blessing-card {
    background: var(--paper-raised);
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: var(--radius-sm);
    padding: var(--sp-4);
}
.blessing-card .bible-text { font-family: var(--font-serif); font-style: italic; font-size: var(--fs-md); color: var(--ink); margin-bottom: var(--sp-2); }
.blessing-card .verse-info { display: flex; justify-content: space-between; font-size: var(--fs-xs); font-weight: 700; color: var(--accent-dark); margin-bottom: var(--sp-2); }
.blessing-card .blessing-meta { display: flex; justify-content: space-between; font-size: var(--fs-xs); color: var(--muted); border-top: 1px solid var(--border); padding-top: var(--sp-2); }

.blessings-pagination { margin-top: var(--sp-6); display: flex; justify-content: center; }
.pagination-controls { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; justify-content: center; }
.pagination-btn, .page-number {
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--border-strong);
    background: var(--paper-raised);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: var(--fs-sm);
}
.pagination-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.page-number.active { background: var(--accent); color: #fff; border-color: var(--accent); }
.page-ellipsis { padding: 0 var(--sp-2); color: var(--muted); }

.empty-blessings { text-align: center; padding: var(--sp-7); color: var(--muted); }
.empty-blessings .empty-icon { font-size: 2.5rem; margin-bottom: var(--sp-3); }