/**
 * BOM Google Review Stars - Front-End Styles
 * Styles for the Google review stars display on the frontend
 */

/* Container styles */
.bom-google-review-stars__container {
    text-decoration: none; 
    color: inherit; 
    text-align: left; 
    font-family: sans-serif; 
    display: flex; 
    align-items: center; 
    gap: .25rem;
    font-size: 1rem;
    width: fit-content; 
    cursor: pointer;
    position: relative;
}

/* Images */
.bom-google-review-stars__container img {
    cursor: pointer;
}

/* Star rating image with clip-path applied via JavaScript */
.bom-google-review-stars__container .star-rating-img {
    clip-path: inset(0 0 0 0); /* Default: show all stars */
}

/* Rating text */
.bom-google-review-stars__container .hero-star-rating__stats {
    font-weight: bold;
    cursor: pointer;
}

.bom-google-review-stars__container .rating-text,
.bom-google-review-stars__container .review-text {
    font-weight: 300;
}

/* Manual mode indicator */
.bom-google-review-stars__manual-mode-indicator {
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 10px;
    color: #666;
    font-style: italic;
    display: none; /* Hidden by default */
}
body.logged-in .bom-google-review-stars__manual-mode-indicator {
    display: block; /* Show only for logged-in users */
}

/* Loading screen */
#bom-google-review-stars__loading-screen {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

/* Responsive behavior */
@media (min-width: 981px) {
    .bom-google-review-stars__container br.mobile-break {
        display: none;
    }
}