/**
 * PasaportAI Blog Mobil Uyumluluk Stil Dosyası
 */

/* Büyük Tabletler (992px'e kadar) */
@media (max-width: 991.98px) {
    .main-header {
        padding: 10px 0;
    }
    
    .navbar-brand img.logo {
        max-height: 40px;
    }
    
    .banner-content {
        padding: 20px;
    }
    
    .blog-section-title {
        font-size: 24px;
    }
    
    .blog-post-title {
        font-size: 28px;
    }
}

/* Orta Tabletler ve küçük laptoplar (768px'e kadar) */
@media (max-width: 767.98px) {
    .main-content {
        padding: 30px 0;
    }
    
    .banner-content {
        padding: 20px;
        text-align: center;
    }
    
    .banner-image {
        padding: 10px;
    }
    
    .banner-image img {
        max-height: 200px;
    }
    
    .blog-card-img img {
        height: 180px;
    }
    
    .blog-post {
        padding: 20px;
    }
    
    .blog-post-title {
        font-size: 24px;
    }
    
    .blog-post-img img {
        max-height: 400px;
    }
    
    .blog-post-content {
        font-size: 15px;
    }
    
    .blog-post-content h2 {
        font-size: 22px;
    }
    
    .blog-post-content h3 {
        font-size: 18px;
    }
    
    .footer-widget {
        text-align: center;
    }
    
    .widget-title:after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .social-links {
        justify-content: center;
    }
    
    .footer-links {
        text-align: left;
        margin-bottom: 20px;
    }
    
    .copyright {
        text-align: center;
    }
}

/* Küçük Tabletler ve Büyük Telefonlar (576px'e kadar) */
@media (max-width: 575.98px) {
    .navbar-brand img.logo {
        max-height: 35px;
    }
    
    .main-content {
        padding: 20px 0;
    }
    
    .banner-content h2 {
        font-size: 22px;
    }
    
    .banner-content p {
        font-size: 14px;
    }
    
    .banner-image img {
        max-height: 180px;
    }
    
    .blog-section-title {
        font-size: 20px;
    }
    
    .blog-card-body {
        padding: 15px;
    }
    
    .blog-card-title {
        font-size: 16px;
    }
    
    .blog-post {
        padding: 15px;
    }
    
    .blog-post-title {
        font-size: 20px;
    }
    
    .blog-post-meta {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .blog-post-date {
        margin-bottom: 10px;
    }
    
    .blog-post-content {
        font-size: 14px;
    }
    
    .blog-post-content h2 {
        font-size: 18px;
    }
    
    .blog-post-content h3 {
        font-size: 16px;
    }
    
    .blog-post-share {
        flex-wrap: wrap;
    }
    
    .blog-post-share span {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* Küçük Telefonlar (400px'e kadar) */
@media (max-width: 399.98px) {
    .navbar-brand img.logo {
        max-height: 30px;
    }
    
    .banner-content h2 {
        font-size: 20px;
    }
    
    .banner-image img {
        max-height: 150px;
    }
    
    .blog-post-title {
        font-size: 18px;
    }
}