.star-rating {
    display: flex;
    flex-direction: row-reverse;
    /* Change to left-to-right */
    justify-content: left;
    /* Change to flex-start */
}

.star-rating input[type="radio"] {
    display: none;
}

.star-rating label {
    font-size: 2rem;
    color: #ddd;
    cursor: pointer;
}

.star-rating input[type="radio"]:checked~label {
    color: #ddd;
    /* Reset color for all labels */
}

.star-rating input[type="radio"]:checked+label,
.star-rating input[type="radio"]:checked+label~label {
    color: #f5b301;
    /* Highlight selected and previous labels */
}

.star-rating label:hover,
.star-rating label:hover~label {
    color: #f5b301;
}

.star-rating-profile {
    display: inline-block;
    position: relative;

    width: 4.2em;
    /* Adjust width to fit 5 stars */
    height: 1em;
    /* Adjust height to fit stars */
    font-size: 2rem;
    /* Ensure font-size is set for width calculation */
    line-height: 1em;
    /* Ensure line-height is set to avoid wrapping */
}

.star-rating-profile::before {
    content: '★★★★★';
    color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    /* Prevent wrapping */
}

.star-rating-profile::after {
    content: '★★★★★';
    color: #f5c518;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--rating-width, 0%);
    overflow: hidden;
    display: block;
    white-space: nowrap;
    /* Prevent wrapping */
    transition: width 0.3s ease;
    /* Add transition for smooth effect */
}



.availability-calendar .d-flex {
    display: flex;
    flex-wrap: nowrap;
    /* Prevents wrapping */
    gap: 8px;
    /* Adds space between days */
    overflow-x: auto;
    /* Allows scrolling on small screens */
}

.availability-calendar .day-card {
    flex: 1;
    /* Ensures equal width */
    min-width: 100px;
    /* Prevents shrinking too much */
}

.availability-calendar .card {
    min-height: 150px;
}

.availability-calendar .bg-success {
    background-color: #28a745 !important;
}

.availability-calendar .bg-secondary {
    background-color: #6c757d !important;
}