/*
Theme Name: Livro
Template: elemin
Version: 25.07.2024
*/
 
@import url("../elemin/style.css");

.google-revocation-link-placeholder {
height: 0 !important;
overflow: hidden !important;
}
.wp-social-link-x {
background-color: #000 !important;
color: #fff !important;
}
.wp-social-link-pinterest {
background-color: #000 !important;
color: #fff !important;
}
.wp-social-link-facebook {
background-color: #000 !important;
color: #fff !important;
}
.wp-block-social-links .wp-social-link a {
padding: .16em !important;
}
@media screen and (max-width: 820px) {
@media screen and (max-width: 820px) {
.social-widget {
visibility: hidden !important;
display: none !important;
height: 0 !important;
overflow: hidden !important;
}
}
}
@media screen and (max-width: 820px) {
@media screen and (max-width: 820px) {
#site-logo {
font-size: 26px !important;
margin: -15px 0 !important;
padding: 0 30px 0 0 !important;
margin-bottom: 10px !important;
}
}
}
#footer-slider, #header-slider {
padding: 0 12px !important;
}

/* Esconder os títulos e metadados completamente */
.header-widget-wrapper .wp-block-latest-posts.is-grid li a,
.header-widget-wrapper .wp-block-latest-posts.is-grid li time {
    display: none !important;
}

/* Juntar as imagens (espaçamento mínimo entre elas) */
.header-widget-wrapper .wp-block-latest-posts.is-grid {
    display: flex !important;
    gap: 4px !important; /* Altere para 0px se quiser as fotos 100% coladas uma na outra */
    padding: 0 !important;
    margin: 10px 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* Ajustar os blocos para focar exclusivamente nas fotos */
.header-widget-wrapper .wp-block-latest-posts.is-grid li {
    flex: 1 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important; /* Remove as bordas antigas */
    box-shadow: none !important; /* Remove as sombras para um visual mais limpo */
    overflow: hidden;
}

/* Forçar as imagens a ocupar todo o espaço do bloco */
.header-widget-wrapper .wp-block-latest-posts.is-grid li img {
    width: 100% !important;
    height: 260px !important; /* Aumentei um pouco a altura já que agora só temos a foto */
    object-fit: cover !important; /* Garante que as fotos das receitas não ficam distorcidas */
    display: block !important;
    transition: transform 0.3s ease;
}

/* Efeito visual opcional: a foto aumenta ligeiramente ao passar o rato */
.header-widget-wrapper .wp-block-latest-posts.is-grid li:hover img {
    transform: scale(1.03);
}

/* Comportamento em telemóveis/smartphones */
@media (max-width: 768px) {
    .header-widget-wrapper .wp-block-latest-posts.is-grid {
        flex-direction: column; /* No telemóvel ficam em lista para não esmagar de lado */
        gap: 6px !important;
    }
    .header-widget-wrapper .wp-block-latest-posts.is-grid li img {
        height: 180px !important;
    }
}