/*
Theme Name: Grevillea
Author: Tribox Internet
Author URI: https://tribox.com.br/
Version: 1.0
*/

/* ========================
   Blog section (home/page)
   ======================== */
#blog,
#blog-page {
    background: #f6f7f8;
}

#blog header span,
#blog-page header span,
.blog-eyebrow {
    letter-spacing: 5px;
    font-size: 1rem;
    display: block;
    color: #8c8c8c;
}

#blog header h2 {
    color: #03532c;
    font-weight: 800;
    letter-spacing: .18em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;            /* espaçamento entre texto e linhas */
}

#blog header h2::before,
#blog header h2::after {
    content: '';
    display: inline-block;
    width: 70px;          /* comprimento das linhas */
    height: 3px;
    background: #03532c;
}

.pagination {
    gap: .5rem;
}

.pagination a,
.pagination span {
    display: inline-flex;
    padding: .45rem .9rem;
    border-radius: 999px;
    font-size: .85rem;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #03532c;
    color: #03532c;
    text-decoration: none;
    transition: all 0.3s ease;
    &:hover {
        background: #03532c;
        color: #fff;
    }
}

.pagination .current {
    background:  #03532c;
    color: #fff;
    border-color: #03532c;
}

/* ========================
   Blog cards (home/single)
   ======================== */
#blog .card,
.blog-card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
    background: #fff;
}

#blog .card:hover,
.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .12);
}

.blog-card .card-img-top {
    background: #dfe3e6;
    overflow: hidden;
}

.blog-card .card-img-top img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}

.blog-card .card-body {
    padding: 1.75rem;
}

.blog-card .card-body h3,
.blog-card .card-body h2 {
    font-size: 1rem;
    color: #000;
}

.blog-card .card-body p {
    font-size: .85rem;
}

.blog-card .btn {
    border-radius: 999px;
    font-size: .75rem;
    padding: .45rem 1.5rem;
    letter-spacing: .1em;
}

/* ========================
   Single post
   ======================== */

#single-blog h1 {
    color:  #03532c;
}

.single-blog__excerpt {
    border-left: 4px solid  #03532c;
    padding-left: 1rem;
}

.single-blog__content img {
    max-width: 100%;
    height: auto;
    border-radius: .75rem;
    margin: 1.5rem 0;
}

.single-blog__content p {
    line-height: 1.8;
    color: #4b4b4b;
}

.section-divider {
    border-bottom: 1px solid #03532c; /* ajuste a cor se preferir */
    padding-bottom: 2.5rem;
}