/**
 * TurboJet - Estilos para o Shortcode [tj_posts_destaque]
 *
 * @version 1.5.0
 * @package TurboJet
 */

.tj-posts-destaque-wrapper {
    width: 100%;
    margin: 20px 0;
    display: grid;
    gap: var(--tj-card-gap, 20px);
}

/* --- Layout: Destaque à Esquerda --- */
.tj-posts-destaque-wrapper.layout-esquerda {
    grid-template-columns: 2fr 1fr;
    align-items: stretch;
}
.tj-posts-destaque-wrapper.layout-esquerda .tj-destaque-main,
.tj-posts-destaque-wrapper.layout-esquerda .tj-destaque-main .tj-post-card {
    height: 100%;
}
.tj-posts-destaque-wrapper.layout-esquerda .tj-destaque-secondary {
    display: grid;
    grid-template-columns: repeat(var(--tj-secondary-cols, 1), 1fr);
    gap: var(--tj-card-gap, 20px);
    align-content: start;
}

/* --- Layout: Destaque no Topo --- */
.tj-posts-destaque-wrapper.layout-topo {
    grid-template-columns: 1fr;
}
.tj-posts-destaque-wrapper.layout-topo .tj-destaque-secondary {
    display: grid;
    grid-template-columns: repeat(var(--tj-secondary-cols, 2), 1fr);
    gap: var(--tj-card-gap, 20px);
}

/* --- Estilos Gerais dos Cards --- */
.tj-post-card {
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tj-destaque-main .tj-post-card .tj-card-title { font-size: 1.8em; }
.tj-destaque-secondary .tj-post-card .tj-card-title { font-size: 1.1em; }

.tj-post-card.image-only .tj-card-image-link,
.tj-post-card.image-only .tj-card-image {
    height: 100%;
}

.tj-card-category {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 15px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.tj-card-category:hover { opacity: 0.8; }

/* --- Efeitos de Hover --- */
.tj-post-card.hover-effect-grow:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    z-index: 5;
}
.tj-post-card.hover-effect-shrink:hover {
    transform: scale(0.97);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 5;
}
.tj-post-card.hover-effect-float:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
    z-index: 5;
}

/* --- Responsividade --- */
@media (max-width: 992px) {
    .tj-posts-destaque-wrapper.layout-esquerda {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .tj-posts-destaque-wrapper.layout-topo .tj-destaque-secondary,
    .tj-posts-destaque-wrapper.layout-esquerda .tj-destaque-secondary {
        grid-template-columns: 1fr;
    }
}