/*responsivitate mobile navbar*/

@media (max-width: 768px) {
    .text-box h1  {
        display: block;
        text-align: center;
        font-size: 35px;
    }
    
    .text-box p {
        font-size: 15px;
    }
    
    /*--------------------------------------*/
    .nav-links ul li{
        display: block
    }

    nav a img {
        width: 100px; /* Adjust for mobile */
    }
    .nav-links ul {
        display: block; /* Make sure the <ul> is displayed as block */
        padding: 0;     /* Reset default padding of <ul> */
        margin: 0;      /* Reset default margin of <ul> */
    }

    .nav-links{
        position: absolute;
        background: #9154e718;
        height: 100vh;
        width: 200px;
        top: 0;
        right: -200px;
        text-align: left;
        z-index: 2;
        padding-top: 20px;
        /*transition: 500ms;*/
    }
    nav.hidden .nav-links {
        opacity: 1;
        pointer-events: none;
    }

    nav .fa {
        display: block; /* Afișează iconița */
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        z-index: 101; /* Deasupra meniului */
    }

    .nav-links.open {
        right: 0;
    }

    nav .fa-bars {
        position: absolute;
        top: 15px;
        right: 20px;
        cursor: pointer;
    }

    /*nav .fa-bars.hidden{
        display: none;
    }*/
    
    nav .fa-times {
        position: absolute;
        top: 15px;
        right: 20px;
        cursor: pointer;
    }

    /* Navbar-ul devine transparent doar pe desktop */
    nav.hidden .nav-links {
        opacity: 0;
        pointer-events: none;
    }

    nav.hidden .nav-links.open {
        opacity: 1;
        pointer-events: auto;
    }

    /* Ascunderea butoanelor în meniul lateral pe mobil */
    nav .fa-bars.hidden {
        display: block;
    }


    .nav-links ul{
        padding: 30px;
    }
    #menu-bar {
        flex-direction: column;
    }


}

@media (max-width:768) {
    .text-tr {
        display: inline-block;
        overflow: hidden;
        white-space: pre-wrap; /* Permite împărțirea pe linii multiple */
        font-size: 2em;
        filter: blur(10px);
        opacity: 0;
        transition: filter 4.5s ease, opacity 0.5s ease;
        width: 100%; /* Ocupă întreaga lățime disponibilă */
        text-align: left; /* Aliniere la stânga */
        visibility: hidden; /* Ascunde până la începutul animației */
    }

}
/*servicii*/

@media (max-width: 768px) {
    /* Cardurile se afișează unul sub altul */
    .row {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 0 auto; /* Aliniere centrată */
        padding: 20px;
        margin-top: 100px;
    }

    .servicii-col {
        width: 100%; /* Ocupă întreaga lățime */
        margin: 0 auto; /* Aliniere centrată */
    }

    /* Ajustăm spațiile pentru a evita suprapunerile */
    /*.servicii {
        padding: 100px 20px 100px; /* Reducem padding-ul pe mobil 
    }*/

    .servicii-frm h1 {
        margin-bottom: 50px; /* Mai puțin spațiu sub titlu */
        font-size: 28px; /* Font mai mic pentru mobil */
    }
    .servicii{
        padding: 10px 20px 50px;
    }

    .header{
        padding: 10px 20px 50px;
    }
}



/*contact form si info-box*/

/* Layout pentru mobil */
@media (max-width: 768px) {
    .cutiile {
        flex-direction: column; /* Rearanjează casetele pe verticală */
        align-items: center;   /* Centrează casetele */
        gap: 20px;             /* Adaugă spațiu între casete */
        width: 100%;           /* Setează lățimea maximă */
        padding: 10px;         /* Adaugă un padding interior */
    }

    .info-box,
    .cont-form form {
        width: 100%; /* Asigură că se încadrează în ecran */
        max-width: 500px;         /* Limitează lățimea pe dispozitive mai mari */
        margin: 0 auto;           /* Centrează elementele */
        height: auto;             /* Permite înălțime automată */
        padding: 20px;            /* Adaugă spațiu interior */
        box-shadow: 0 10px 55px rgba(0, 0, 0, 0.3);
    }

    .info-box input,
    .contact-box input,
    .info-box textarea,
    .contact-box textarea {
        width: 100%; /* Lățime completă pentru câmpuri */
    }

    .info-box .contact-details {
        flex-direction: column; /* Aranjează pe verticală */
        gap: 10px; /* Adaugă spațiu între câmpuri */
    }

    .section-title {
        margin-top: 0px; /* Ajustează spațiul de sus */
        font-size: 24px;  /* Ajustează mărimea fontului */
        text-align: center;
        margin-bottom: 80px;
        letter-spacing: 0.1rem;
        text-transform: uppercase;
        font-size: 30px;
    }

    .cont-form {
        padding: 20px; /* Ajustează padding-ul general */
        min-height: 180vh;
    }

    .cont-form form{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        height: auto;
        padding: 20px;
    }

    .contact-box{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        height: auto;
    }

    .cont-form form textarea{
        min-width: 60px;
        margin-top: 10px;
    }

    .info-box textarea{
        min-height: 150px;
    }

    .cont-form #button{
        margin-top: 35px;
    }
}

/*sectiunea prezentare */

/* Ajustări pentru dispozitive mobile */
@media (max-width: 768px) {
    .descriere {
        padding: 15px 10px; /* Padding redus */
    }

    .descriere-title {
        font-size: 24px; /* Dimensiune ajustată pentru titlu */
        margin-bottom: 100px; /* Spațiu mai mic sub titlu */
    }

    .col-container {
        grid-template-columns: 1fr; /* O singură coloană */
        gap: 30px; /* Spațiu între carduri */
    }

    .card {
        padding: 30px 20px; /* Padding mai compact */
        max-height: 100%; /* Elimină limitarea înălțimii */
        width: 90%; /* Face cardurile mai înguste */
        margin: 0 auto; /* Centrează cardurile */
    }

    .col h2 {
        font-size: 1.5rem; /* Font mai mic pentru titluri */
    }

    .col ul li {
        font-size: 1rem; /* Text mai mic */
        line-height: 1.5; /* Reduce înălțimea liniei */
    }
}