/* Rhein Blog — styles front (sobre, direction luxe tabac/crème) */

.rhein-blog { max-width: 1100px; margin: 0 auto; }

/* --- Liste --- */
.rhein-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media (max-width: 900px) { .rhein-blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .rhein-blog-grid { grid-template-columns: 1fr; } }

.rhein-blog-card { background: #fff; border: 1px solid #ece7dd; border-radius: 4px; overflow: hidden; transition: box-shadow .2s ease; }
.rhein-blog-card:hover { box-shadow: 0 8px 24px rgba(43, 31, 23, .08); }
.rhein-blog-card__link { display: block; color: inherit; text-decoration: none; }
.rhein-blog-card__media { display: block; aspect-ratio: 3 / 2; background: #f5efe3; overflow: hidden; }
.rhein-blog-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rhein-blog-card__body { display: block; padding: 1.1rem 1.2rem 1.4rem; }
.rhein-blog-card__date { display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: #a1885a; margin-bottom: .4rem; }
.rhein-blog-card__title { font-size: 1.18rem; line-height: 1.3; margin: 0 0 .5rem; color: #2b1f17; }
.rhein-blog-card__excerpt { font-size: .92rem; line-height: 1.55; color: #5b5147; margin: 0; }

/* --- Pagination --- */
.rhein-blog-pagination { display: flex; align-items: center; justify-content: center; gap: 1.2rem; margin: 2.5rem 0 1rem; }
.rhein-blog-pagination a { color: #a1885a; text-decoration: none; font-size: 1.3rem; line-height: 1; }
.rhein-blog-pagination__status { font-size: .85rem; color: #5b5147; letter-spacing: .05em; }

/* --- Article --- */
.rhein-blog-post { max-width: 760px; }
.rhein-blog-post__header { text-align: center; margin: 0 0 1.6rem; }
.rhein-blog-post__date { display: block; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: #a1885a; margin-bottom: .6rem; }
.rhein-blog-post__title { font-size: 2.1rem; line-height: 1.2; color: #2b1f17; margin: 0 0 .8rem; }
.rhein-blog-post__excerpt { font-size: 1.1rem; line-height: 1.6; color: #5b5147; font-style: italic; margin: 0; }
.rhein-blog-post__media { margin: 1.6rem 0; }
.rhein-blog-post__media img { width: 100%; height: auto; border-radius: 4px; display: block; }
.rhein-blog-post__content { font-size: 1.02rem; line-height: 1.75; color: #3a322a; }
.rhein-blog-post__content h2 { font-size: 1.4rem; color: #2b1f17; margin: 2rem 0 .8rem; }
.rhein-blog-post__content p { margin: 0 0 1.1rem; }
.rhein-blog-post__content .rhein-blog-cta { margin-top: 1.6rem; }
.rhein-blog-post__content .rhein-blog-cta a { color: #a1885a; font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; }
.rhein-blog-post__footer { margin-top: 2.4rem; padding-top: 1.2rem; border-top: 1px solid #ece7dd; }
.rhein-blog-post__back { color: #a1885a; text-decoration: none; font-size: .9rem; }

.rhein-blog-empty { text-align: center; color: #5b5147; padding: 3rem 0; }