/* Star Rating Styles - Shared between index.php and reviews.php */

/* Hero Section Star Rating Styling */
.hero-stars {
    display: inline-block;
    margin-bottom: 5px;
}
.hero-stars .fa, .hero-stars .fas, .hero-stars .far {
    color: #FFD700;  /* Gold/yellow color for hero section stars */
    font-size: 18px;
    margin-right: 2px;
}
.hero-stars .fa-star-o, .hero-stars .far.fa-star {
    color: #ccc;  /* Empty star color */
}
.hero-stars .fa-star-half, .hero-stars .fas.fa-star-half-alt {
    color: #FFD700;  /* Gold/yellow color for half stars */
}

/* Star Rating Styling - General */
.star-rating {
    display: inline-block;
}
.star-rating .fa, .star-rating .fas, .star-rating .far {
    color: #3740ff;  /* Star color - blue */
    font-size: 18px;
    margin-right: 2px;
}
.star-rating .fa-star-o, .star-rating .far.fa-star {
    color: #ccc;  /* Empty star color */
}
.star-rating .fa-star-half, .star-rating .fas.fa-star-half-alt {
    color: #3740ff;  /* Half star color */
}

/* Reviews.io section star ratings - yellow */
#reviews .star-rating .fa, #reviews .star-rating .fas, #reviews .star-rating .far {
    color: #FFD700;  /* Yellow/gold color for Reviews.io section */
}
#reviews .star-rating .fa-star-o, #reviews .star-rating .far.fa-star {
    color: #ccc;  /* Keep empty stars gray */
}

/* Overall Rating Stars */
.overall-rating {
    margin-top: 5px;
}
.overall-rating .fa, .overall-rating .fas, .overall-rating .far {
    color: #3740ff;
    font-size: 24px;
    margin-right: 3px;
}
.overall-rating .fa-star-o, .overall-rating .far.fa-star {
    color: #ccc;
}
.overall-rating .fa-star-half, .overall-rating .fas.fa-star-half-alt {
    color: #3740ff;
}

/* Reviews.io Rating Stars */
.reviews-io-rating {
    display: inline-block;
}
.reviews-io-rating .fa {
    color: #FFD700;
    font-size: 16px;
    margin-right: 1px;
}
.reviews-io-rating .fa-star-o {
    color: #ccc;
}

/* Main reviews.io rating */
.reviews-io-main-rating .fa, 
.reviews-io-main-rating .fas, 
.reviews-io-main-rating .far {
    color: #FFD700 !important;  /* Yellow/gold color for Reviews.io main rating */
    font-size: 22px;
    margin-right: 2px;
}
.reviews-io-main-rating .fa-star-o, 
.reviews-io-main-rating .far.fa-star {
    color: #ccc !important;  /* Empty star color */
}
.reviews-io-main-rating .fa-star-half, 
.reviews-io-main-rating .fas.fa-star-half-alt {
    color: #FFD700 !important;  /* Yellow/gold color for half stars */
}

/* Customer Rating Section Stars - Reviews.io */
.sitejabber-stars-review {
    display: inline-block;
}
.sitejabber-stars-review .fa, .sitejabber-stars-review .fas, .sitejabber-stars-review .far {
    color: #3740ff;  /* Yellow/gold color for Reviews.io stars */
    font-size: 18px;
    margin-right: 2px;
}
.sitejabber-stars-review .fa-star-o, .sitejabber-stars-review .far.fa-star {
    color: #ccc;  /* Empty star color */
}
.sitejabber-stars-review .fa-star-half, .sitejabber-stars-review .fas.fa-star-half-alt {
    color: #3740ff;  /* Yellow/gold color for half stars */
}

/* Service Info Styling */
.service-info {
    margin: 8px 0;
    font-size: 14px;
}

.service-label {
    font-weight: 500;
    color: #666;
    margin-right: 4px;
}

.service-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.service-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Star Rating for smaller screens */
@media screen and (max-width: 768px) {
    .star-rating .fa, .star-rating .fas, .star-rating .far {
        font-size: 16px;
    }
    
    .hero-stars .fa, .hero-stars .fas, .hero-stars .far {
        font-size: 16px;
    }
    
    .overall-rating .fa, .overall-rating .fas, .overall-rating .far {
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {
    .star-rating .fa, .star-rating .fas, .star-rating .far {
        font-size: 14px;
        margin-right: 1px;
    }
    
    .hero-stars .fa, .hero-stars .fas, .hero-stars .far {
        font-size: 14px;
        margin-right: 1px;
    }
    
    .overall-rating .fa, .overall-rating .fas, .overall-rating .far {
        font-size: 18px;
        margin-right: 2px;
    }
    .service-info{font-size: 13px;}
}