/* ============================================
   REVIEWS PAGE STYLES - SkadedyrStop
   ============================================ */

/* Reviews Hero */
.reviews-hero{position:relative;padding:calc(var(--header-height) + var(--header-topbar) + 3rem) var(--container-padding) 3rem;overflow:hidden}
.reviews-hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);z-index:-1}
.reviews-hero__gradient{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(13,148,136,0.15) 100%);pointer-events:none}
.reviews-hero__pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;opacity:0.5}
.reviews-hero__container{max-width:var(--container-max);margin:0 auto;position:relative}

.reviews-hero__breadcrumb{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem}
.reviews-hero__breadcrumb-link{display:flex;align-items:center;gap:0.375rem;color:var(--gray-400);font-size:0.875rem;transition:color var(--transition)}
.reviews-hero__breadcrumb-link:hover{color:#fff}
.reviews-hero__breadcrumb-link img{filter:brightness(0) invert(1);opacity:0.7}
.reviews-hero__breadcrumb-sep{filter:brightness(0) invert(1);opacity:0.4}
.reviews-hero__breadcrumb-current{color:var(--primary-light);font-size:0.875rem;font-weight:500}

.reviews-hero__content{max-width:700px}
.reviews-hero__label{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(13,148,136,0.15);color:var(--primary-light);font-size:0.8125rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:1rem}
.reviews-hero__label img{filter:brightness(0) saturate(100%) invert(56%) sepia(52%) saturate(515%) hue-rotate(127deg) brightness(94%) contrast(91%)}
.reviews-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1rem}
.reviews-hero__desc{font-size:1.0625rem;color:var(--gray-300);line-height:1.7;margin-bottom:2rem}

.reviews-hero__stats{display:flex;flex-wrap:wrap;gap:1.5rem}
.reviews-hero__stat{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,0.05);border-radius:var(--radius);border:1px solid rgba(255,255,255,0.08)}
.reviews-hero__stat-value{font-size:1.75rem;font-weight:800;color:#fff}
.reviews-hero__stat-label{font-size:0.8125rem;color:var(--gray-400)}

/* Reviews Main */
.reviews-main{padding:4rem var(--container-padding)}
.reviews-main__container{max-width:var(--container-max);margin:0 auto}

/* Reviews Grid */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:3rem}

/* Review Card */
.review-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:all var(--transition)}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}

.review-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.review-card__avatar{width:48px;height:48px;background:var(--primary-50);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.review-card__avatar img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.review-card__info{flex:1}
.review-card__name{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:0.25rem}
.review-card__rating{color:var(--accent);font-size:1rem;letter-spacing:0.05em}

.review-card__service{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:var(--gray-50);border-radius:var(--radius);margin-bottom:1rem;font-size:0.8125rem;color:var(--gray-600)}
.review-card__service img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}

.review-card__text{font-size:0.9375rem;color:var(--gray-700);line-height:1.7;margin-bottom:1rem}

.review-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--gray-100)}
.review-card__date{font-size:0.8125rem;color:var(--gray-500)}

/* Pagination */
.reviews-pagination{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:2rem 0}
.reviews-pagination__btn{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--gray-100);color:var(--gray-700);font-weight:500;font-size:0.875rem;border-radius:var(--radius);transition:all var(--transition)}
.reviews-pagination__btn:hover{background:var(--gray-200)}
.reviews-pagination__btn--prev img{transform:rotate(180deg)}
.reviews-pagination__numbers{display:flex;align-items:center;gap:0.25rem}
.reviews-pagination__num{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--gray-600);border-radius:var(--radius);transition:all var(--transition)}
.reviews-pagination__num:hover{background:var(--gray-100)}
.reviews-pagination__num--active{background:var(--primary);color:#fff}
.reviews-pagination__num--active:hover{background:var(--primary-dark)}
.reviews-pagination__ellipsis{padding:0 0.5rem;color:var(--gray-400)}

/* Review Form Section */
.reviews-form{padding:4rem var(--container-padding);background:var(--gray-50)}
.reviews-form__container{max-width:var(--container-max);margin:0 auto}
.reviews-form__wrapper{max-width:600px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg)}

.reviews-form__header{text-align:center;margin-bottom:2rem}
.reviews-form__label{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--primary-50);color:var(--primary);font-size:0.8125rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:1rem}
.reviews-form__label img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.reviews-form__title{font-size:1.75rem;font-weight:800;color:var(--gray-900);margin-bottom:0.5rem}
.reviews-form__desc{font-size:1rem;color:var(--gray-600);line-height:1.6}

/* Form Inputs */
.reviews-form form input[type="text"],
.reviews-form form textarea{width:100%;padding:1rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition);margin-bottom:0.5rem}
.reviews-form form input[type="text"]:focus,
.reviews-form form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,148,136,0.1)}
.reviews-form form textarea{resize:vertical;min-height:120px}

.reviews-form form button[type="submit"]{width:100%;padding:1rem;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);margin-top:1rem}
.reviews-form form button[type="submit"]:hover{background:var(--primary-dark);transform:translateY(-2px)}

/* Star Rating */
.jqr_star-rating{display:flex;gap:0.25rem}
.jqr_star-rating i{color:var(--accent);transition:transform var(--transition)}
.jqr_star-rating i:hover{transform:scale(1.2)}

/* Error Messages */
.jqr_error-message{color:#dc2626;font-size:0.8125rem}

/* CTA Section */
.reviews-cta{padding:4rem var(--container-padding)}
.reviews-cta__container{max-width:var(--container-max);margin:0 auto}
.reviews-cta__content{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-xl);padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}

.reviews-cta__text{flex:1;min-width:280px}
.reviews-cta__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:0.5rem}
.reviews-cta__desc{font-size:1rem;color:rgba(255,255,255,0.9);line-height:1.6}

.reviews-cta__actions{display:flex;gap:1rem;flex-wrap:wrap}
.reviews-cta__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 1.5rem;font-weight:600;border-radius:var(--radius);transition:all var(--transition)}
.reviews-cta__btn--primary{background:#fff;color:var(--gray-900)}
.reviews-cta__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.reviews-cta__btn--primary img{filter:brightness(0) saturate(100%) invert(42%) sepia(52%) saturate(1053%) hue-rotate(127deg) brightness(92%) contrast(101%)}
.reviews-cta__btn--secondary{background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3)}
.reviews-cta__btn--secondary:hover{background:rgba(255,255,255,0.25)}
.reviews-cta__btn--secondary img{filter:brightness(0) invert(1)}

/* Back to Top */
.page-reviews .back-to-top img{transform:rotate(-90deg)}

/* Responsive */
@media(max-width:768px){
    .reviews-hero{padding-top:calc(var(--header-height) + 2rem);padding-bottom:2rem}
    .reviews-hero__stats{gap:1rem}
    .reviews-hero__stat{flex:1;min-width:100px}
    .reviews-grid{grid-template-columns:1fr}
    .reviews-form__wrapper{padding:1.5rem}
    .reviews-cta__content{padding:2rem;flex-direction:column;text-align:center}
    .reviews-cta__actions{width:100%;justify-content:center}
}

@media(max-width:480px){
    .reviews-hero__label{font-size:0.75rem;padding:0.375rem 0.75rem}
    .reviews-hero__stats{flex-direction:row;justify-content:center}
    .reviews-hero__stat{padding:0.75rem 1rem}
    .reviews-hero__stat-value{font-size:1.5rem}
    .review-card{padding:1rem}
    .review-card__header{gap:0.75rem}
    .review-card__avatar{width:40px;height:40px}
    .reviews-pagination__btn span{display:none}
    .reviews-pagination__btn{padding:0.75rem}
    .reviews-cta__btn{width:100%;justify-content:center}
}