/**
 * RSC Archive — style-archive.css
 * Enfileirado em is_archive() || is_home() via functions.php.
 * Segue o Figma do arquivo de Notícias da RSC.
 */

/* ── Wrapper geral ──────────────────────────────────────────────────────────── */

.rsc-archive {
    background: #ffffff;
}

/* ── HERO ───────────────────────────────────────────────────────────────────── */

.rsc-archive__hero {
    position:   relative;
    width:      100%;
    min-height: 200px;
    display:    flex;
    align-items: center;
	background-image: linear-gradient(rgba(143, 39, 0, 0) 0%, rgb(143, 39, 0) 100%), 
        url("/wp-content/themes/rsc-theme/assets/images/hero-noticias.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.rsc-archive__hero-inner {
    max-width: var(--rsc-content-width, 1170px);
    margin:    0 auto;
    padding:   32px var(--rsc-padding-x, 135px);
    width:     100%;
    display:   flex;
    align-items: center;
    gap:       40px;
}

.rsc-archive__hero-titulo {
    font-family: 'Vollkorn', serif;
    font-weight: 700;
    font-size:   48px;
    line-height: 100%;
    color:       #ffd3c2;
    margin:      0;
    flex-shrink: 0;

    /* Resetar estilos que o Blocksy possa injetar no <h1> */
    text-transform: none;
    letter-spacing: normal;
}

.rsc-archive__hero-desc {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size:   18px;
    line-height: 27px;
    color:       #ffffff;
    max-width:   870px;
    margin:      0;
}

.rsc-archive__hero-credito {
    position:           absolute;
    bottom:             0;
    right:              var(--rsc-padding-x, 135px);
    background:         rgba(255, 255, 255, 0.5);
    backdrop-filter:    blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius:      8px 8px 0 0;
    padding:            4px 8px;
    font-family:        'Titillium Web', sans-serif;
    font-size:          12px;
    line-height:        18px;
    color:              #333333;
}

/* ── LISTA DE POSTS ─────────────────────────────────────────────────────────── */

.rsc-archive__lista {
    background: #ffffff;
    padding:    64px 0;
}

.rsc-archive__lista-inner {
    max-width:       var(--rsc-content-width, 1170px);
    margin:          0 auto;
    padding:         0 var(--rsc-padding-x, 135px);
    display:         flex;
    flex-direction:  column;
    gap:             48px;
}

/* ── Card de post ─────────────────────────────────────────────────────────── */

.rsc-card-post {
    display:     flex;
    flex-direction: row;
    gap:         30px;
    align-items: flex-start;
}

/* Imagem */

.rsc-card-post__img-link {
    flex-shrink: 0;
    display:     block;
    width:       270px;
    height:      152px;
    line-height: 0;
}

.rsc-card-post__img {
    width:      270px;
    height:     152px;
    object-fit: cover;
    display:    block;
    transition: opacity 0.2s ease;
}

.rsc-card-post__img-link:hover .rsc-card-post__img {
    opacity: 0.88;
}

.rsc-card-post__img--placeholder {
    background: #ffede7;
}

/* Coluna de texto */

.rsc-card-post__conteudo {
    flex:     1;
    min-width: 0;
}

.rsc-card-post__titulo {
    font-family: 'Vollkorn', serif;
    font-weight: 700;
    font-size:   24px;
    line-height: 120%;
    color:       #333333;
    margin:      0 0 16px;

    /* Resetar margens/bordas que Blocksy possa injetar em H3 */
    border:  none;
    padding: 0;
}

.rsc-card-post__titulo a {
    color:           inherit;
    text-decoration: none;
    transition:      color 0.2s ease;
}

.rsc-card-post__titulo a:hover {
    color: #8f2700;
}

.rsc-card-post__excerto {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size:   18px;
    line-height: 27px;
    color:       #333333;
    margin:      0 0 12px;

    /* Truncar visualmente a ~3 linhas */
    display:             -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient:  vertical;
    overflow:            hidden;
}

.rsc-card-post__meta {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size:   14px;
    line-height: 120%;
    color:       #333333;
    margin:      0;
}

/* ── Estado vazio ────────────────────────────────────────────────────────── */

.rsc-archive__vazio {
    font-family: 'Titillium Web', sans-serif;
    font-size:   18px;
    color:       #333333;
    text-align:  center;
    padding:     48px 0;
}

/* ── PAGINAÇÃO ───────────────────────────────────────────────────────────── */

.rsc-pag {
    padding: 48px 0 80px;
}

.rsc-pag__inner {
    display:         flex;
    justify-content: center;
    align-items:     center;
    gap:             8px;
    flex-wrap:       wrap;
}

.rsc-pag__item {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-width:       22px;
    height:          43px;
    padding:         8px 6px;

    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size:   18px;
    line-height: 150%;
    color:       #000000;
    text-decoration: none;

    border-radius: 4px;
    transition:    background 0.15s ease;
}

/* Página ativa */
.rsc-pag__item.is-ativo {
    background:  #f8d3b5;
    font-weight: 700;
    cursor:      default;
}

a.rsc-pag__item:hover {
    background: #fbe4d0;
}

/* Reticências — sem hover */
.rsc-pag__item.dots {
    pointer-events: none;
    color:          #555555;
}

/* Setas prev / next — maior área de clique */
a.rsc-pag__item.prev,
a.rsc-pag__item.next {
    width:   56px;
    height:  56px;
    padding: 16px;
}

.rsc-pag__seta {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           24px;
    height:          24px;
}

/* ── Responsivo: tablet (≤ 1024px) ─────────────────────────────────────── */

@media (max-width: 1024px) {
    .rsc-archive__hero-inner,
    .rsc-archive__lista-inner {
        padding-left:  48px;
        padding-right: 48px;
    }

    .rsc-archive__hero-credito {
        right: 48px;
    }
}

/* ── Responsivo: mobile (≤ 768px) ──────────────────────────────────────── */

@media (max-width: 768px) {
    .rsc-archive__hero-inner {
        flex-direction: column;
        align-items:    flex-start;
        gap:            16px;
        padding:        24px;
		padding-top: 115px;
    }

    .rsc-archive__hero-titulo {
        font-size: 36px;
    }

    .rsc-archive__hero-desc {
        /*font-size:   14px;
        line-height: 18px;
		padding-top: 18px;*/
		display: none;
    }
	.rsc-archive__hero {
		background-position: center 30%;
	}
    .rsc-archive__hero-credito {
        /*right: 24px;*/
		display: none;
    }

    .rsc-archive__lista {
        padding: 40px 0;
    }

    .rsc-archive__lista-inner {
        padding: 0 24px;
        gap:     32px;
    }

    /* Card empilha em mobile */
    .rsc-card-post {
        flex-direction: column;
        gap:            16px;
    }

    .rsc-card-post__img-link,
    .rsc-card-post__img {
        width:  100%;
        height: 200px;
    }

    .rsc-card-post__titulo {
        font-size: 20px;
    }

    .rsc-card-post__excerto {
        font-size:   16px;
        line-height: 24px;
    }
}

/* ── Reduced motion ─────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    .rsc-card-post__img,
    .rsc-card-post__titulo a,
    .rsc-pag__item {
        transition: none;
    }
}