/**
 * recipe-star-rating CSS
 * Component-specific styles only
 *
 * Uses global classes: bg-white, rounded-2xl, p-6, text-center, shadow-sm
 *                      font-bold, mb-4, text-lg, text-sm, font-semibold, text-primary
 */

/* ==========================================================================
   COMPONENT: STAR RATING WIDGET - Specific Styles Only
   ========================================================================== */

/* Container - vertical margin only */
.bap_give_review {
    margin: var(--spacing-10) 0;
}

/* Wrapper - responsive flex layout */
.bap_give_review_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3);
}

/* Star container */
.star-container {
    display: inline-flex;
    gap: var(--spacing-2);
}

/* .bap_star styles moved to global.css */

/* Stroke width override for this component */
.bap_give_review .bap_star {
    stroke-width: 1;
}

/* Response message - min-height for layout stability */
.bap_comment_response {
    min-height: 20px;
}

/* Responsive: horizontal layout on desktop */
@media (min-width: 768px) {
    .bap_give_review_wrapper {
        flex-direction: row;
        justify-content: center;
    }
}