/* =========================================================
   FRY NEWS - PAGINA BLOG
========================================================= */

/* Container articole */
.blog .site-main,
.home.blog .site-main {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 22px;
    align-items: stretch;
}

/* Ascundem titlul mare de pagină dacă deranjează layoutul */
.blog .page-header,
.home.blog .page-header {
    grid-column: 1 / -1;
}

/* Fiecare articol */
.blog article.post,
.home.blog article.post {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
}

/* Imagine reprezentativă */
.blog article.post .post-thumbnail,
.home.blog article.post .post-thumbnail {
    display: block;
    width: 100%;
    height: 240px;
    overflow: hidden;
    margin: 0 0 18px 0;
}

.blog article.post .post-thumbnail img,
.home.blog article.post .post-thumbnail img {
    display: block;
    width: 100% !important;
    height: 240px !important;
    object-fit: cover;
    margin: 0 !important;
}

/* Header articol */
.blog article.post .entry-header,
.home.blog article.post .entry-header {
    margin: 0 0 14px 0;
}

/* Titlu */
.blog article.post .entry-title,
.home.blog article.post .entry-title {
    margin: 0 0 12px !important;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.blog article.post .entry-title a,
.home.blog article.post .entry-title a {
    color: #111 !important;
    text-decoration: none !important;
}

.blog article.post .entry-title a:hover,
.home.blog article.post .entry-title a:hover {
    color: #d96b00 !important;
}

/* Meta */
.blog article.post .entry-meta,
.home.blog article.post .entry-meta {
    margin-bottom: 14px;
    font-size: 12px;
    color: #777;
}

/* Conținut */
.blog article.post .entry-content,
.home.blog article.post .entry-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Buton / link citește mai mult */
.blog article.post .more-link,
.home.blog article.post .more-link {
    margin-top: auto;
    align-self: flex-start;

    color: #d96b00 !important;
    font-weight: 700;
    text-decoration: none !important;
}

.blog article.post .more-link:hover,
.home.blog article.post .more-link:hover {
    color: #111 !important;
}

/* Navigația de paginare pe toată lățimea */
.blog .pagination,
.home.blog .pagination,
.blog .navigation.pagination,
.home.blog .navigation.pagination {
    grid-column: 1 / -1;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .blog .site-main,
    .home.blog .site-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .blog .site-main,
    .home.blog .site-main {
        grid-template-columns: 1fr;
    }

    .blog article.post .post-thumbnail,
    .home.blog article.post .post-thumbnail,
    .blog article.post .post-thumbnail img,
    .home.blog article.post .post-thumbnail img {
        height: 230px !important;
    }
}
/* Ascunde data și autorul pe pagina blog */
.blog article.post .entry-meta,
.home.blog article.post .entry-meta {
    display: none !important;
}