/**
 * Mobil Tasarım Düzeltmeleri
 * Mobil cihazlardaki tasarım bozukluklarını düzeltir
 */

@media (max-width: 768px) {
    /* ============================================
       CONTAINER & PADDING DÜZELTMELERİ
       ============================================ */
    
    /* Tüm container'lar mobilde düzgün padding */
    .container,
    .container--main,
    .header-container,
    .footer-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Header main padding */
    .header-main {
        padding: 0.75rem 0 !important;
    }
    
    /* Site main padding azalt */
    .site-main {
        padding: 1rem 0 !important;
    }
    
    /* Home content padding */
    .home-content {
        padding: 1rem 0 2rem !important;
    }
    
    /* ============================================
       HEADER DÜZELTMELERİ
       ============================================ */
    
    /* Header logo boyutu mobilde */
    .custom-logo-link img {
        max-height: 48px !important;
    }
    
    /* Header actions spacing */
    .header-actions {
        gap: 0.5rem !important;
    }
    
    /* Header ad container mobilde gizle (desktop'ta görünür) */
    .header-main .header-container .header-ad-container {
        display: none !important;
    }
    
    /* ============================================
       GRID & LAYOUT DÜZELTMELERİ
       ============================================ */
    
    /* News grid mobilde tek sütun */
    .news-grid,
    .news-grid--row-1,
    .news-grid--row-2,
    .news-grid--row-3,
    .news-grid--row-4,
    .news-grid--more {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    /* Archive grid mobilde tek sütun */
    .archive-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    /* Related posts grid mobilde */
    .related-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    /* ============================================
       CARD & CONTENT DÜZELTMELERİ
       ============================================ */
    
    /* News card mobilde */
    .news-card {
        min-height: auto !important;
        margin-bottom: 1rem !important;
    }
    
    /* Card thumbnail mobilde */
    .news-card-thumbnail {
        aspect-ratio: 16 / 10 !important;
        min-height: 180px !important;
    }
    
    /* Card content padding */
    .news-card-content {
        padding: 1rem !important;
    }
    
    /* Card title mobilde */
    .news-card-title {
        font-size: 1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Card excerpt mobilde */
    .news-card-excerpt {
        font-size: 0.875rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* ============================================
       TYPOGRAPHY DÜZELTMELERİ
       ============================================ */
    
    /* Başlıklar mobilde */
    .entry-title,
    .hero-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }
    
    /* Section title mobilde */
    .section-title {
        font-size: 1.125rem !important;
    }
    
    /* ============================================
       SPACING DÜZELTMELERİ
       ============================================ */
    
    /* Section spacing mobilde */
    .news-grid-section {
        margin-bottom: 2rem !important;
    }
    
    /* Ad wrap spacing mobilde */
    .news-grid__ad-wrap,
    .archive-grid__ad-wrap {
        margin: 1rem 0 !important;
        padding: 0 1rem !important;
    }
    
    /* ============================================
       HERO SLIDER DÜZELTMELERİ
       ============================================ */
    
    /* Hero slider mobilde */
    .hero-slider {
        margin-bottom: 1rem !important;
    }
    
    .hero-slider__slide {
        min-height: 250px !important;
    }
    
    /* ============================================
       BREAKING NEWS DÜZELTMELERİ
       ============================================ */
    
    /* Breaking news ticker mobilde */
    .breaking-news-ticker {
        padding: 0.5rem 0 !important;
        font-size: 0.8125rem !important;
    }
    
    .breaking-news-item {
        padding: 0.5rem 1rem !important;
    }
    
    /* ============================================
       SOCIAL FOLLOW DÜZELTMELERİ
       ============================================ */
    
    /* Social follow mobilde */
    .home-social-follow {
        padding: 1rem 0 !important;
    }
    
    .home-social-follow__inner {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    .home-social-follow__link {
        padding: 0.625rem 1rem !important;
        font-size: 0.875rem !important;
    }
    
    /* ============================================
       FOOTER DÜZELTMELERİ
       ============================================ */
    
    /* Footer mobilde */
    .site-footer {
        padding: 2rem 0 1rem !important;
    }
    
    .footer-container {
        padding: 0 1rem !important;
    }
    
    /* ============================================
       OVERFLOW DÜZELTMELERİ
       ============================================ */
    
    /* Tüm elementler mobilde taşmasın */
    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Images mobilde */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Videos ve iframes mobilde */
    video,
    iframe,
    embed {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* ============================================
       BUTTON & FORM DÜZELTMELERİ
       ============================================ */
    
    /* Butonlar mobilde touch-friendly */
    button,
    .button,
    a.button,
    input[type="submit"],
    input[type="button"] {
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0.75rem 1rem !important;
    }
    
    /* Form inputlar mobilde */
    input[type="text"],
    input[type="email"],
    input[type="search"],
    textarea {
        font-size: 16px !important; /* iOS zoom önleme */
        padding: 0.75rem !important;
    }
    
    /* ============================================
       NAVIGATION DÜZELTMELERİ
       ============================================ */
    
    /* Menu toggle mobilde */
    .menu-toggle {
        padding: 0.5rem !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }
    
    /* Primary menu mobilde */
    .primary-menu > li > a {
        padding: 1rem 1.5rem !important;
        min-height: 44px !important;
    }
    
    /* ============================================
       SINGLE POST DÜZELTMELERİ
       ============================================ */
    
    /* Single wrap mobilde */
    .single-wrap {
        padding: 1rem !important;
    }
    
    /* Entry content mobilde */
    .entry-content {
        font-size: 1rem !important;
        line-height: 1.7 !important;
    }
    
    /* Entry content içindeki görseller */
    .entry-content img {
        max-width: 100% !important;
        height: auto !important;
        margin: 1rem 0 !important;
    }
    
    /* ============================================
       ARCHIVE DÜZELTMELERİ
       ============================================ */
    
    /* Archive header mobilde */
    .archive-header {
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Archive title mobilde */
    .archive-title {
        font-size: 1.25rem !important;
    }
    
    /* ============================================
       SEARCH DÜZELTMELERİ
       ============================================ */
    
    /* Search form mobilde */
    .search-form {
        width: 100% !important;
    }
    
    .search-form input[type="search"] {
        width: 100% !important;
        padding: 0.75rem 1rem !important;
    }
    
    /* ============================================
       UTILITY DÜZELTMELERİ
       ============================================ */
    
    /* Hidden on mobile */
    .hide-mobile {
        display: none !important;
    }
    
    /* Show only on mobile */
    .show-mobile {
        display: block !important;
    }
}

/* ============================================
   TABLET DÜZELTMELERİ (768px - 1024px)
   ============================================ */
@media (min-width: 769px) and (max-width: 1024px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }
    
    .archive-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }
}