/* Style for the NEW button */
.new-btn {
    background-color: #985abf;
    border: none;
    border-radius: 10%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}
.new-btn:hover {
    background-color: #7b4699;
}

.new-btn:hover {
    background-color: #7b4699; /* Slightly darker shade on hover */
}

.new-btn i {
    color: #ffffff; /* White plus icon */
    font-size: 1.2rem; /* Adjust icon size */
}

/* Modal Styling */
.modal-content {
    background-color: #5d3474; /* Matches your theme */
    color: #eee9f1; /* Light text color */
}
.modal-header {
    border-bottom: 1px solid #985abf;
}
.modal-footer {
    border-top: 1px solid #985abf;
}
.star-rating label {
    font-size: 1.5rem;
    cursor: pointer;
    color: #ccc; /* Default star color */
}
.star-rating input {
    display: none;
}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
    color: #ffd700; /* Gold star color when selected/hovered */
}
.form-control, .form-select {
    background-color: #502d63;
    color: #eee9f1;
    border: none;
}
.form-control:focus, .form-select:focus {
    background-color: #502d63;
    color: #eee9f1;
    box-shadow: none;
}
.btn-post-review {
    background-color: #985abf;
    border: none;
}
.btn-post-review:hover {
    background-color: #7b4699;
}