/* İlkin olaraq xəbərdarlıq blokunu gizlədirik */
#orientation-warning {
    display: none;
}

/* Yalnız ekran dik (Portrait) vəziyyətdədirsə göstər */
@media screen and (orientation: portrait) {
    #orientation-warning {
        display: flex; /* Mərkəzləmək üçün flex istifadə edirik */
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        z-index: 9999; /* Hər şeyin üstündə görünsün */
        text-align: center;
        font-family: 'Inter', sans-serif;
    }
}

/* Əgər ekran yan (Landscape) çevrilibsə və ya eni hündürlüyündən böyükdürsə */
@media screen and (orientation: landscape) {
    #orientation-warning {
        display: none;
    }
}