/* ==========================================================
   🌌 Neo-Aero METAR Stilleri (v9.1.8)
   CheckWX Eklentisi için Neo-Aero Tema Uyarlaması
   ========================================================== */

/* * Ana Kapsayıcı (v9.1.8 - Elementor Çakışma Düzeltmesi)
 *
 * NOT: Eklentinin sitenizin header'ını vb. kapatmasını engellemek için
 * temanızdan/Elementor'dan gelebilecek 'fixed', 'absolute' veya 'relative'
 * kurallarını eziyoruz. 'static' elementi normal sayfa akışına döndürür.
 */
#tmm-container {
    /* --- DÜZELTME v9.1.8 (Elementor/Header Sorunu) --- */
    position: static !important;  /* Elementi normal akışa zorla */
    
    /* Genişlik ve marj ayarlarını kaldırıyoruz.
       Bu, eklentinin Elementor konteynerinin genişliğini
       doğal olarak devralmasını sağlar. */
    /* width: 100%; - kaldırıldı */
    /* margin: 0 auto; - kaldırıldı */
    /* --- Düzeltme Sonu --- */

    border: 1px solid var(--border-glow);
    border-radius: 16px;
    overflow: hidden; /* Bu, .card'ların köşelerden taşmasını engeller */
}

/* Leaflet Harita Konteyneri (Neo-Aero .card stili) */
#turkey-metar-map-container {
    height: 450px; /* Mobil için varsayılan yükseklik */
    width: 100%;
    /* Temanızın .card stilini devralır (PHP'de eklendi) */
    /* Gölge, border vb .card'dan gelir */
}

/* Sonuçlar Alanı (Neo-Aero .card stili) */
#metar-results-container {
    padding: 20px;
    /* Temanızın .card stilini devralır (PHP'de eklendi) */
    
    /* v9.1.7: !important kuralı kaldırıldı, rijit yapı için normal akışa bırakıldı */
    overflow: visible; 
}

#metar-station-name {
    margin-top: 0;
    margin-bottom: 20px;
    /* Temanızın h3 stilini devralır */
}

/* ----- WIDGET STİLLERİ ----- */

/* Widget Izgarası (Grid) */
#metar-widgets {
    display: grid;
    /* DÜZELTME v9.1.7: Mobil uyumsuzluğunu çözmek için 1 sütuna düşürüldü */
    grid-template-columns: 1fr; 
    gap: 15px;
    margin-bottom: 20px;
}

/* Tekil Widget (Neo-Aero .card stili) */
.metar-widget {
    /* Temanızın .card stilini devralır (PHP'de eklendi) */
    /* padding, background vb. .card'dan gelir */
    padding: 15px; /* Kartın kendi padding'ini ezelim */
    text-align: center;
}

/* Widget Başlığı */
.metar-widget .widget-title {
    font-size: 0.9em;
    font-weight: 600;
    color: #777; /* Temanızın değişkenlerini kullanmak yerine daha belirgin bir renk */
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Widget Verisi */
.metar-widget .widget-data {
    font-size: 1.8em;
    font-weight: 700;
    color: var(--text-color); /* Tema ana metin rengi */
    line-height: 1.2;
    word-wrap: break-word;
}

/* Rüzgar Oku */
.wind-arrow {
    display: inline-block;
    font-size: 1.1em;
    color: var(--accent); /* Tema vurgu rengi */
    transition: transform 0.3s ease-out;
    line-height: 1;
    position: relative;
    top: 2px;
}

/* ----- ÖZEL BİLGİ KUTULARI ----- */

/* Ham METAR Kodu Alanı (Özel Stil) */
.raw-metar-box {
    margin-top: 20px;
    padding: 15px;
    background: rgba(5, 10, 20, 0.85); /* Temanızın input rengi */
    color: var(--text-color);
    border: 1px solid rgba(0, 174, 255, 0.25); /* Tema input border */
    border-radius: 10px;
    font-family: 'Courier New', Courier, monospace;
}
.raw-metar-box .widget-title {
    font-size: 0.9em;
    color: #aaa;
    margin-bottom: 8px;
    text-transform: uppercase;
}
#metar-raw-code {
    font-size: 1.1em;
    color: #7fdbff; /* Açık mavi */
    word-wrap: break-word;
}

/* RVR (Pist Görüş) Kutusu */
.rvr-box {
    margin-top: 20px;
    padding: 15px;
    background: var(--bg-card);
    border: 1px solid var(--border-glow);
    border-radius: 10px;
}
.rvr-box .widget-title {
    font-size: 0.9em;
    color: #aaa;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.rvr-box ul {
    margin: 0;
    padding-left: 20px;
    list-style-type: disc;
}
.rvr-box ul li {
    font-size: 1em;
    color: var(--text-color);
    margin-bottom: 5px;
}

/* ----- DURUM RENKLERİ ----- */

/* Görüş Şartları Renkleri */
.metar-widget .widget-data.vfr { color: #2ecc71; /* Yeşil */ }
.metar-widget .widget-data.mvfr { color: #3498db; /* Mavi */ }
.metar-widget .widget-data.ifr { color: #e74c3c; /* Kırmızı */ }
.metar-widget .widget-data.lifr { color: #9b59b6; /* Mor */ }

/* Rüzgar Kayması Uyarısı */
.metar-widget .widget-data.warning {
    color: #f39c12; /* Turuncu */
    font-weight: 700;
}


/* ==========================================================
   Masaüstü ve Tablet Görünümü (Responsive)
   ========================================================== */

@media (min-width: 900px) {
    
    /* Ana Kapsayıcı (v9.1.5 - Rijit Yapı) */
    #tmm-container {
        /* Sütunları yan yana getir */
        display: flex;
        flex-direction: row-reverse; /* Sonuçlar sağda, harita solda */
        gap: 20px;
        align-items: flex-start; /* Sütunları üste hizala */
        
        /* Rijit yapı için sticky ve max-height kaldırıldı */
    }

    /* Harita Sütunu */
    #turkey-metar-map-container {
        flex: 1.2; /* Harita biraz daha geniş olsun */
        min-height: 600px;
        /* Rijit yapı için sticky kaldırıldı */
    }

    /* Sonuçlar Sütunu */
    #metar-results-container {
        flex: 1; /* Sonuçlar biraz daha dar olsun */
        /* Rijit yapı için max-height ve overflow kaldırıldı */
    }

    /* Widget Izgarası (Masaüstü) */
    #metar-widgets {
        /* DÜZELTME v9.1.7: Masaüstü için 2 sütunlu ızgara */
        grid-template-columns: 1fr 1fr;
    }
}