/*==============================================================
   4. TESTIMONIALS (VÉLEMÉNYEK) - ÖSSZEFÉSÜLT & JAVÍTOTT
==============================================================*/

/* --- KÖZÖS ALAPOK (Asztali és Mobil) --- */
.testimonials-3d-container {
    perspective: 2000px !important;
    overflow: visible !important;
    padding: 80px 0;
}

.testimonials-3d-container .e-con-inner {
    height: 600px !important;
    position: relative;
    transform-style: preserve-3d !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.testimonials-3d-container .elementor-widget-testimonial {
    position: absolute !important;
    width: 480px !important;
    max-width: 85% !important;
    background: #ffffff !important;
    border-radius: 25px !important;
    padding: 40px !important;
    backface-visibility: hidden;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1) !important;
}

/* --- ASZTALI (3D) LOGIKA (769px felett) --- */
@media (min-width: 769px) {
    .testimonials-3d-container .elementor-widget-testimonial {
        transform: scale(0.7) translateX(0) translateZ(-400px) rotateX(-15deg);
    }

    .testimonials-3d-container .elementor-widget-testimonial.is-active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: scale(1) translateZ(300px) rotateX(0deg) !important;
        z-index: 10 !important;
        border-bottom: 8px solid var(--color-accent-green) !important;
        box-shadow: 0 30px 70px rgba(0,0,0,0.3) !important;
    }

    .testimonials-3d-container .elementor-widget-testimonial.prev {
        opacity: 0.5 !important;
        visibility: visible !important;
        transform: translateX(-75%) scale(0.85) rotateY(25deg) rotateX(10deg) translateZ(0px) !important;
        z-index: 5 !important;
    }

    .testimonials-3d-container .elementor-widget-testimonial.next {
        opacity: 0.5 !important;
        visibility: visible !important;
        transform: translateX(75%) scale(0.85) rotateY(-25deg) rotateX(10deg) translateZ(0px) !important;
        z-index: 5 !important;
    }
}

/* --- MOBIL (SLIDE) LOGIKA (768px alatt) --- */
@media (max-width: 768px) {
    .testimonials-3d-container {
        padding: 40px 0 !important;
    }

    .testimonials-3d-container .e-con-inner {
        height: 480px !important;
        padding-top: 10px !important;
    }

    .testimonials-3d-container .elementor-widget-testimonial {
        top: 20px !important;
        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
        opacity: 0 !important;
        visibility: hidden;
        pointer-events: none;
        /* Alaphelyzet: jobbról vár a belépésre */
        transform: translateX(100%) scale(0.9) !important;
    }

    /* Aktív kártya - Középen */
    .testimonials-3d-container .elementor-widget-testimonial.is-active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(0) scale(1) !important;
        pointer-events: auto;
        z-index: 10;
        left: 0;
        right: 0;
        margin: auto;
    }

    /* Kilépő kártya - Balra úszik ki */
    .testimonials-3d-container .elementor-widget-testimonial.prev {
        opacity: 0 !important;
        visibility: visible !important;
        transform: translateX(-120%) scale(0.9) !important;
    }

    /* Beérkező kártya - Jobbra várakozik */
    .testimonials-3d-container .elementor-widget-testimonial.next {
        opacity: 0 !important;
        visibility: visible !important;
        transform: translateX(120%) scale(0.9) !important;
    }

    /* Címsor igazítás */
    .elementor-element-a242dcb {
        margin-bottom: 20px !important;
        padding-bottom: 0 !important;
    }
}

/* --- TARTALMI ELEMEK (Ikonok, Szövegek) --- */
.testimonials-3d-container .elementor-testimonial-content {
    font-family: var(--font-accent) !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: var(--color-primary-brown) !important;
    text-align: center !important;
    font-style: italic;
    margin-bottom: 25px;
}

.elementor-widget-testimonial .elementor-testimonial-name {
    color: var(--color-accent-green) !important;
    font-weight: 700 !important;
}

.elementor-widget-testimonial .elementor-testimonial-job {
    color: var(--color-primary-brown) !important;
}

.testimonials-3d-container .elementor-testimonial-image img {
    width: 80px !important;
    height: 80px !important;
    border: 4px solid var(--color-accent-green) !important;
    border-radius: 50%;
}

/*==============================================================
   ÜGYFÉL KÉP - BARNA ÉRINTŐLEGES FÉLKÖRÍV
==============================================================*/
/* A kép tárolója */
.testimonials-3d-container .elementor-testimonial-image {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

/* A profilkép (zöld kerettel) */
.testimonials-3d-container .elementor-testimonial-image img {
    width: 80px !important;
    height: 80px !important;
    border: 4px solid var(--color-accent-green) !important;
    border-radius: 50% !important;
    position: relative;
    z-index: 2; /* A kép legyen felül */
}

/* A BARNA FÉLKÖRÍV (Álelemként) */
.testimonials-3d-container .elementor-testimonial-image::after {
    content: '';
    position: absolute;
    z-index: 1; /* A kép mögött/alatt */
    
    /* 1. MÉRET ÉS FORMA */
    width: 78px;  
    height: 88px; 
    border: 0 solid transparent;
	border-bottom: 8px solid var(--color-primary-brown) !important; 
    border-radius: 0 0 100px 100px !important; 
    padding-bottom: 0 !important; 
    
    /* 2. POZÍCIONÁLÁS */
    top: 48%;	 /* Ha nagyobb a % távolodik */
    left: 50%;	/* Ha nagyobb a % közeledik */
    
    /* 3. FINOMHANGOLÁS (Itt módosítsd!) */
    transform: translate(-50%, -50%) rotate(48deg); 
    
    /* Animáció (opcionális, ha a kártya mozgását követné) */
    transition: all 0.3s ease;
}