/* Home / Index masonry and card styles */
:root{ --bg-soft: #f3eaf2; --card-bg: #ffffff; --muted: #8B8C8D; --accent: #C49A76; --accent-dark: #b08a69; }
body{ background: var(--bg-soft); }
.home-top{ padding: 28px 0; }
.home-top .search-row{ display:flex; gap:12px; align-items:center; justify-content:center; margin-bottom:18px; }
.home-top .search-row .form-control{ max-width:360px; border-radius:8px; }
.home-stats{ text-align:center; margin-bottom:6px; color:var(--muted); }
.home-count{ font-weight:700; color:var(--accent); font-size:1.4rem; }

/* Masonry using CSS columns */
.masonry { column-count: 3; column-gap: 20px; }
@media (max-width: 1200px){ .masonry{ column-count: 2; } }
@media (max-width: 768px){ .masonry{ column-count: 1; } }

.memorial-card{ display:inline-block; width:100%; margin:0 0 18px; background:var(--card-bg); border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.06); overflow:hidden; }
.memorial-card .card-body{ padding:16px; }
.memorial-card .card-top{ display:flex; gap:12px; align-items:center; }
.memorial-card .avatar{ width:56px; height:56px; border-radius:50%; overflow:hidden; flex-shrink:0; border:4px solid rgba(0,0,0,0.03); }
.memorial-card .avatar img{ width:100%; height:100%; object-fit:cover; }
.memorial-card .pet-name{ font-weight:700; font-size:1.15rem; }
.memorial-card .pet-dates{ color:var(--muted); font-size:0.9rem; }
.memorial-card .excerpt{ margin-top:10px; color:#333; line-height:1.45; }
.memorial-card .meta-row{ margin-top:12px; display:flex; gap:12px; justify-content:space-between; align-items:center; color:var(--muted); font-size:0.9rem; }
.memorial-card .meta-left{ font-weight:600; }
.memorial-card .meta-right{ font-weight:600; }

/* small helpers */
.btn-theme{ background:var(--accent); color:#fff; border-radius:50px; padding:8px 14px; }
.btn-theme-outline{ background:transparent; color:var(--accent); border:2px solid var(--accent); border-radius:50px; padding:6px 12px; }

/* Empty state */
.empty-list{ text-align:center; padding:40px 16px; color:var(--muted); }