/* 
* AdmEscolar Blog - Estilos Responsivos
* Desenvolvido por Circuitus
*/

/* Dispositivos extra pequenos (telefones em modo retrato, menos de 576px) */
@media (max-width: 575.98px) {
    .welcome-banner h1 {
        font-size: 1.8rem;
    }
    
    .article-title {
        font-size: 1.8rem;
    }
    
    .card-post .card-img-top {
        height: 160px;
    }
    
    .footer h5 {
        margin-top: 20px;
    }
    
    .contact-info i {
        margin-bottom: 10px;
    }
}

/* Dispositivos pequenos (telefones em modo paisagem, 576px e acima) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .welcome-banner h1 {
        font-size: 2rem;
    }
    
    .article-title {
        font-size: 2rem;
    }
    
    .card-post .card-img-top {
        height: 180px;
    }
}

/* Dispositivos médios (tablets, 768px e acima) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .sidebar {
        margin-top: 30px;
    }
    
    .card-post .card-img-top {
        height: 160px;
    }
}

/* Dispositivos grandes (desktops, 992px e acima) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .card-post .card-img-top {
        height: 180px;
    }
}

/* Dispositivos extra grandes (desktops grandes, 1200px e acima) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
    
    .card-post .card-img-top {
        height: 200px;
    }
}

/* Ajustes gerais para responsividade */
@media (max-width: 991.98px) {
    .sidebar {
        margin-top: 40px;
    }
    
    .search-form {
        margin: 20px auto 0;
    }
    
    .navbar-nav {
        padding: 10px 0;
    }
    
    .article-author img {
        margin-bottom: 15px;
    }
}

/* Ajustes para impressão */
@media print {
    header, footer, .sidebar, .comments-section, .related-posts, nav, .article-share {
        display: none !important;
    }
    
    .col-lg-8 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .article-content {
        font-size: 12pt;
    }
    
    a {
        text-decoration: none !important;
        color: #000 !important;
    }
    
    .article-title {
        font-size: 18pt;
    }
    
    .article-meta {
        font-size: 10pt;
    }
}