﻿/* ============================================= */
/* Stiluri Pagina Comunitate            */
/* ============================================= */

/* Aici poți adăuga stilurile specifice pe care le muți din home.css,
   cum ar fi cele pentru .body-review, .google-reviews-wall, etc. */


/* ============================================= */
/* Stiluri Call to Action (CTA)           */
/* ============================================= */

/* Importă stilurile necesare pentru componentele din pagina Comunitate */
@import url('../components/_wall-reviewuri.css');
@import url('../components/_google-review.css');
@import url('../components/_google-photos.css');
@import url('../components/_Influenceri-video.css');
@import url('../components/_reviewuri-scrise.css');
@import url('../components/_tranzitie-tiktok.css');

.body-review .hero-section-review {
    padding-top: 100px; /* Ajustează această valoare dacă este necesar */
}


.cta-comunitate {
    text-align: center;
    padding: 80px 20px;
    background-color: #0a0a0a; /* Un fundal întunecat pentru contrast */
    border-top: 1px solid #333; /* O linie subtilă de separare */
}

.cta-container h2 {
    font-family: 'Saira', sans-serif; /* Păstrăm fontul brandului */
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

.cta-container p {
    font-family: 'Saira', sans-serif;
    font-size: 1.1rem;
    color: #cccccc;
    max-width: 600px;
    margin: 0 auto 30px auto;
    line-height: 1.6;
}

.cta-button {
    display: inline-block;
    padding: 15px 35px;
    font-family: 'Saira', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #C10206; /* Roșu specific brandului tău */
    border: none;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

    .cta-button:hover {
        transform: scale(1.05);
        background-color: #e03a3e; /* O nuanță mai deschisă la hover */
        cursor: pointer;
    }
