body{max-width:80%;margin:0 auto;padding:20px;background-color:#000}.corp{width:100%;background-color:#E0FFFF;margin:0 auto}header{background-color:#333;color:#fff;padding:20px;text-align:center}header .rainbow-text{background-image:linear-gradient(to right,#255700,rgb(219,241,19),rgb(236,162,191),green,yellow,orange,red);-webkit-background-clip:text;color:transparent;display:inline-block;padding:10px 20px;margin:0;font-size:36px}header form{margin-top:20px;display:flex;justify-content:center}header input[type="text"]{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px;width:300px}header button{padding:10px 20px;font-size:16px;background-color:#255700;color:#fff;border:1px solid #4CAF50;border-radius:0 4px 4px 0;cursor:pointer}header button:hover{background-color:#45a049;border-color:#45a049}.banner{background-color:black;color:#fff;height:40px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;padding:10px 0}.category-item{display:flex;align-items:center;margin-right:20px}.category-item a{display:flex;align-items:center;text-decoration:none;color:#fff}.category-item svg{height:2em;width:2em;margin-right:5px;fill:currentColor;stroke:#FF0000}.category-item span{font-size:22px}.container{max-width:1200px;margin:2rem auto;padding:0 1rem}h1,h2{color:#2c3e50}p{line-height:1.6}.highlight{color:#e74c3c;font-weight:bold}.features{display:flex;flex-wrap:wrap;gap:2rem}.feature{flex:1 1 calc(33.333% - 2rem);background-color:#fff;padding:1rem;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px}footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1rem;margin-top:2rem}@media screen and (max-width:768px){body{max-width:100%;padding:10px}.corp{width:100%}header .rainbow-text{font-size:24px}header input[type="text"]{width:150px;font-size:14px}}@media (max-width:900px){.banner{flex-wrap:wrap;justify-content:space-between}.category-item{width:calc(33% - 10px);margin-bottom:10px;padding:10px}.category-item a{width:100%}.category-item svg{height:1.5em;width:1.5em;margin-right:10px}.category-item span{font-size:18px}}
.program-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:10px}.program-item{width:calc(45% - 10px);height:70px;display:flex;align-items:center;background-color:#F0F8FF;padding:10px;border:1px solid black;border-radius:20px}.program-item img{width:90px;height:50px;margin-right:20px}.program-details{flex:1}.program-details h3{margin:20px 0 5px 15px;font-size:16px;font-weight:bold}.program-details p{margin:5px 0;font-size:14px;color:green}.pagination{text-align:center;margin-top:20px}.pagination a,.pagination strong{padding:5px 10px;text-decoration:none;margin:0 5px;color:#000;border:1px solid #ccc;background-color:#f0f0f0;border-radius:3px;cursor:pointer}.pagination strong{font-weight:bold}@media (max-width:900px){.program-item{width:100%;flex-direction:row;align-items:center}.program-item img{width:100px;height:auto;margin-right:10px}.program-details iframe{width:auto;height:60px;flex-shrink:0}}
.chat-toggle {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 100px;
    background-color: #333;
    color: #fff;
    display: flex;
    flex-direction: column; /* Schimbă de la row la column pentru a aranja elementele vertical */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
    text-align: center; /* Aliniază textul pe centru */
}

.chat-toggle strong {
    display: block; /* Asigură că textul ocupă întreaga lățime disponibilă */
    margin-bottom: 5px; /* Spațiu între text și săgeată */
}

.chat-toggle::before {
    content: '\25B6'; /* Codul pentru săgeata dreapta */
    font-size: 30px; /* Dimensiunea săgeții */
}


.chat-toggle:hover {
    background-color: #555;
}

/* Stil pentru chat pe desktop */
.chat-box {
    position: fixed;
    right: -10px; /* Ieși puțin din marginea ecranului */
    top: 0;
    width: 400px; /* Ajustează lățimea după necesități */
    height: 100%;
    overflow-x: hidden; 
    background-color: #f4f4f4;
    border-right: 2px solid #333;
    transform: translateX(100%); /* Ascunde chat-ul în afara ecranului */
    transition: transform 0.3s ease;
    z-index: 999;
}

.chat-box iframe {
    width: 100%;
    height: 100%;
    border: none;
    overflow-x: hidden; /* Ascunde scroll-ul orizontal */
}

/* Chat deschis */
.chat-box.open {
    transform: translateX(-10px); /* Ieși puțin din marginea ecranului */
    overflow-x: hidden;
}