/* Reviews Slider - Public Frontend Styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

.im-testimonials-section {
    position: relative;
    font-family: 'Poppins', sans-serif;
    color: #333;
    padding: 0px 0 100px;
    /* The background image supposedly contains the girl and the blob */
    background-image: url('../images/testimonial.png');
/*     background-size: cover; */
	background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 630px; /* Increased height for the illustration */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

/* --- Section Header --- */
.im-section-header {
    text-align: center;
    margin-bottom: 40px; 
    z-index: 2;
    width: 100%;
}

.im-section-title {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 300; /* Light */
    color: #2c3e50;
    line-height: 1.2;
    margin: 0;
}

.im-highlight-text {
    font-weight: 400; /* Regular */
    font-size: 30px;
    display: block;
    margin-top: 5px;
    color: #2c3e50;
}


/* --- Slider Container --- */
.im-slider-container {
   	display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.im-testimonials-slider-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    cursor: grab; /* Show grab cursor */
    touch-action: pan-y; /* Allow vertical scroll but handle horizontal swipe in JS */
}

.im-testimonials-slider-wrapper:active {
    cursor: grabbing;
}

.im-testimonials-slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    pointer-events: auto; /* Ensure events are captured */
    user-select: none; /* Prevent text selection while dragging */
}


/* --- Testimonial Card --- */
.im-testimonial {
    min-width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Push content to right side */
}


.im-testimonial-inner {
    display: flex;
/*     flex-direction: row; */
    align-items: center; /* Top align since circle is top */
    gap: 25px;
    
    /* Position the text box in the "White Blob" area on the right */
    width: 50%; /* Occupy right half */
    padding-right: 5%; /* Spacing from edge */
    margin-right: 5%;
    margin-top: 20%; /* Adjust vertical position relative to blob */
}

/* Left: Avatar (Yellow Circle) */
.im-testimonial-left {
    flex-shrink: 0;
    padding-top: 5px; /* Align with text top */
}

.im-author-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffe0b2; /* Matches screenshot yellow */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.im-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.im-avatar-placeholder {
    font-size: 0; /* Hide text inside if it's just a shape */
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ffe0b2; /* Matches screenshot yellow */
    border-radius: 50%;
}


/* Right: Content */
.im-testimonial-right {
    flex: 1;
    text-align: left;
    max-width: 400px; /* Limit width to keep text nice & readable */
}

.im-testimonial-title {
    font-family: "Inter Heading Text"
    font-size: 28px;
    font-weight: 600; /* Semi-bold */
    color: #2c3e50;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.im-testimonial-content {
    font-family: "Inter Heading Text";
    font-size: 16px;
    line-height: 1.6;
    color: #666; /* Grey text */
    margin-bottom: 20px;
    font-weight: 400;
}

/* Author Meta */
.im-author-meta {
    margin-bottom: 15px;
    display: flex;
    align-items: center; 
    flex-wrap: wrap;
    gap: 15px;
}

.im-author-name {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
}

.im-review-date {
    font-size: 16px;
    color: #95a5a6; /* Lighter grey */
}

/* Stars */
.im-testimonial-stars {
    color: #fdcb6e; /* Softer yellow/orange */
    font-size: 50px;
    letter-spacing: 3px;
    line-height: 1;
}


/* --- Controls (Arrows & Dots) --- */
.im-slider-btn {
    display: none; 
}

/* Dots */
.im-slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 0;
    position: absolute;
    bottom: -40px; /* Push dots below content */
    width: 50%; /* Center under content roughly */
    right: 5%;
}

.im-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dcdcdc;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.im-dot:hover {
    background: #bdc3c7;
}

.im-dot.active {
    background: #f1c40f; 
    transform: scale(1.1);
}

.im-view-all-reviews {
    display: none;
}


/* --- Responsive --- */
@media (min-width: 990px) and (max-width: 1050px) {
  .im-testimonial-inner {
    margin-top: 18%;
	  width: 60%;
	}
}

@media (max-width: 991px) {
    .im-testimonials-section {
        background-image: none; 
        min-height: auto;
        padding-bottom: 60px;
		border-radius: 35px !important;
        background-color: #fde9be; /* Fallback bg color if image cuts off */
    }
    
    .im-testimonial {
        justify-content: center;
    }

    .im-testimonial-inner {
        width: 100%;
		margin-top: 0 !important;
        margin-right: 0;
        padding: 0 20px;
		 padding-top: 20px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .im-testimonial-right {
        max-width: 100%;
        text-align: center;
    }
    
    .im-author-meta {
        justify-content: center;
    }
    
    .im-slider-dots {
        width: 100%;
        right: 0;
        bottom: -20px;
        position: relative;
        margin-top: 20px; 
    }
}