.elementor-widget-theme-post-excerpt .elementor-widget-container{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for post-comments, class: .elementor-element-786e1e7 *//* Secțiunea principală de comentarii - Full Width */
#comments, .comments-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 40px 5%; /* 5% padding ca să nu se lipească textul de marginea ecranului pe mobil */
    background: #ffffff; /* Poți schimba în #f9f9f9 dacă vrei un fundal gri foarte deschis */
    box-sizing: border-box;
}

/* Lista de comentarii */
.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Stil pentru fiecare comentariu - ocupă tot rândul */
.comment-body {
    width: 100%;
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee; /* O linie fină între ele în loc de cutie, pentru look-ul full-width */
    box-sizing: border-box;
}

/* Avatar și Autor */
.comment-author img {
    border-radius: 50%;
    margin-right: 15px;
}

.fn {
    font-weight: 700;
    font-size: 18px;
    color: #222;
}

/* Formularul de lăsat comentariu - și el Full Width */
#commentform {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#commentform input[type="text"], 
#commentform input[type="email"], 
#commentform textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #fcfcfc;
}

/* Butonul de trimitere */
#submit {
    align-self: flex-start; /* Butonul rămâne pe stânga, nu se întinde cât tot ecranul */
    background: #000;
    color: #fff;
    padding: 15px 40px;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

#submit:hover {
    background: #333;
}

/* Ajustare pentru ecrane foarte mici */
@media (max-width: 600px) {
    #comments {
        padding: 20px 15px;
    }
}/* End custom CSS */