@import url("https://use.typekit.net/kmh4fnu.css");
.choosing {
    color: #f99d2a;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.choosing_en {
    padding-top: 50px;
    color: #f48279;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.watching {
    color: #333F48;
    font-size: 24px;
    font-weight: 500;
    padding-top: 70px;
    font-family: 'Poppins', sans-serif;
}

.addto {
    padding-top: 70px;
}


 footer {
        width: 100%;
        text-align: center;
    }

    .copy {
        text-align: center;
        width: 100%;
    }
.containers {
    width: 1500px;
}

.choose_flag_mobile {
display: none;
}

.flag-link {
    display: block; /* Umožní kliknúť na celý box */
    text-decoration: none; /* Odstráni podčiarknutie */
    color: inherit; /* Zachováva farbu textu */
}

.choose_flag {
    color: #333F48;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 10px 10px 30px #0000001A;
border-radius: 10px;
opacity: 1;
font-family: 'Poppins', sans-serif;
}

.columnsco {
    display: flex;
    gap: 70px; /* Medzera medzi divmi */
    align-items: center;
    position: relative;
    margin: 0 auto;
    margin-top: 5%;
}

.rght, .choose_flag {
    flex: 1; /* Oba divy budú mať rovnakú šírku */
    padding: 20px;
}

.rght {
    max-width: 50%;
}

.choose_flag {
    max-width: 40%;
    display: flex;
    justify-content: center; /* Centrovanie obsahu */
    align-items: center;
    gap: 50px; /* Medzera medzi dvoma možnosťami */
    background: white;
    padding: 40px;
    box-shadow: 10px 10px 30px #0000001A;
border-radius: 10px;
    margin: auto; /* Centrovanie na stránke */
    align-items: flex-start; /* Zarovnanie na vrch */
}

.language-option {
    width: 50%;
    display: flex;
    flex-direction: column; /* Obsah sa usporiada pod seba */
    align-items: center; /* Zarovnanie obsahu na stred */
    justify-content: flex-start; /* Centrovanie vertikálne */
    text-align: center;
}


.language-option a {
    color: #333F48;
    text-decoration: none;
}

.head2 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    height: calc(1.5em * 3); /* výška troch riadkov */
}

.flag-box {
    display: flex;
    flex-direction: column;
    align-items: center;
   background: #F9F9F9;
    max-width: 130px;
    min-width: 130px;
    padding: 20px;
    border-radius: 10px;
    transition: 0.3s;
}

.flag-box:hover{
    background: #f48279;
    color:#FFFFFF;
}

.flag-box a:hover {
    
}

.flag-box img {
    width: 90px; /* Veľkosť vlajky */
    height: auto;
    padding-top: 5px;
    margin-bottom: 5px;
}

.description {
    padding-top: 20px;
    color: #5B6770;
}

.flag-box p {
    font-weight: 600;
}

.flag-box.active {
    background: #e60044; /* Červené pozadie pre aktívny jazyk */
    color: white;
}

footer {font-family: 'Poppins', sans-serif !important;}


@media screen and (max-width:1800px) {
    .containers {
        width: 1300px;
    }

    .choose_flag {
        max-width: 40%;
    }

    .language-option {
        width: 40%;
    }

    .head2 {
        max-width: 120px;
        font-size: 19px;
    }
    .flag-box {
        max-width: 130px;
        min-width: 130px;
    }

}

@media screen and (max-width:1500px) {
    .containers {
        width: 1200px;
    }
    .language-option {
        width: 50%;
    }
    .choosing {
        font-size: 32px;
    }

    .choosing_en {
        font-size: 32px;
    }
    .watching {
        font-size: 24px;
    }

    .choose_flag {
        max-width: 50%;
    }

    footer {
        width: 100%;
        text-align: center;
    }

    .copy {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width:1300px) {
    .containers {
        width: 90%;
    }
    .language-option {
        width: 50%;
    }


    .choosing {
        font-size: 30px;
    }

     .choosing_en {
        font-size: 30px;
    }

    
    .watching {
        font-size: 22px;
        padding-top: 40px;
    }

    .addto {
        padding-top: 40px;
    }

    .flag-box {
        max-width: 130px;
        min-width: 130px;
    }
}

@media screen and (max-width:1285px) {
    .columnsco {
        display: block;
        gap: 0px; /* Medzera medzi divmi */
        align-items: center;
        position: relative;
        margin: 0 auto;
        margin-top: 30px;
    }

    .addto {
        padding-top: 30px;
    }

    .choose_flag { 
        display: none;
    }
    .choose_flag_mobile {
        max-width: 100%;
        width: 80%;
            display: flex;
            justify-content: center; /* Centrovanie obsahu */
            align-items: center;
            gap: 50px; /* Medzera medzi dvoma možnosťami */
            background: white;
            padding: 40px;
            box-shadow: 10px 10px 30px #0000001A;
        border-radius: 10px;
            margin: auto; /* Centrovanie na stránke */
            align-items: flex-start; /* Zarovnanie na vrch */
        }

        .head2 {
            color: #333F48;
            height: calc(1.3em * 3); /* výška troch riadkov */
        }

        .rght {
            display: block;
            padding-top: 80px;
            width: 100%;
            max-width: 100%;
            text-align: center;
            padding-bottom: 120px;
        }
}

@media screen and (max-width:1000px) {
    .flag-box img {
        width: 80px; /* Veľkosť vlajky */

    }



    .rght {
        padding-bottom: 70px;
    }

    .flag-box {
        max-width: 100px;
        min-width: 100px;
    }

}

@media screen and (max-width:910px) {
    .head2 {
        max-width: 100px;
        font-size: 18px;
    }


    .choose_flag_mobile {
        max-width: 100%;
        width: 100%;
        }

        .choosing {
            font-size: 27px;
        }

         .choosing_en {
            font-size: 27px;
        }

        .watching {
            font-size: 20px;
            padding-top: 50px;
        }

        .rght {
            padding-top: 60px;
        }

}


@media screen and (max-width:580px) {
    .choose_flag_mobile {
        max-width: 100%;
        width: 100%;
        }

        .flag-box img {
            width: 46px; /* Veľkosť vlajky */
    
        }

        .flag-box {
            max-width: 100px;
            min-width: 100px;
        }

        .head2 {
            max-width: 120px;
            font-size: 17px;
        }

        .choosing {
            font-size: 25px;
            padding-top: 0px;
        }

         .choosing_en {
            font-size: 25px;
            padding-top: 40px;
        }

        .watching {
            font-size: 17px;
            padding-top: 60px;
        }

        .rght {
            padding-top: 50px;
        }

        .choose_flag_mobile {    
            gap: 20px; /* Medzera medzi dvoma možnosťami */
        }
}

@media screen and (max-width:435px) {
    .choose_flag_mobile {    
            gap: 15px; /* Medzera medzi dvoma možnosťami */
        }

        .head2 {
            max-width: 130px;
            font-size: 16px;
        }

        .choosing {
            font-size: 22px;
            padding-top: 0px;
        }

         .choosing_en {
            font-size: 22px;
            padding-top: 40px;
        }
}

@media screen and (max-width:400px) {
    .choose_flag_mobile {    
            gap: 10px; /* Medzera medzi dvoma možnosťami */
        }

      
}

@media screen and (max-width:396px) {
        .head2 {
            max-width: 90px;
            font-size: 15px;
        }

        .flag-box p{
           font-size: 12px;
           padding-top: 3px;
        }

        .flag-box img {
            width: 46px; /* Veľkosť vlajky */
    
        }

        .flag-box {
            max-width: 85px;
            min-width: 85px;
        }


}