/* Main application styles - imports organized CSS modules */

/* Design tokens and variables */
@import url('./tokens.css');

/* Utility classes */
@import url('./utilities.css');

/* Layout styles */
@import url('./layout/base.css');
@import url('./layout/grids.css');
@import url('./layout/pages.css');

/* Component styles */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/dialogs.css');

/* Mobile-specific fixes */
@import url('./mobile-fixes.css');

/* Component-specific styles that remain here for simplicity */
/* Star rating component */
.star-rating-container {
    display: flex;
    align-items: center;
    gap: 2px;
}

.star-wrapper {
    position: relative;
    display: inline-block;
}

.icon-container {
    position: relative;
}

.icon-container.filled {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-filled {
    color: var(--mud-palette-warning);
}

.star-empty {
    color: var(--mud-palette-text-disabled);
}

.rating-text {
    margin-left: 8px;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

/* Featured listing slider */
.featured-listing-slider .mud-carousel-item {
    padding: 0 8px;
}

.featured-listing-slider .mud-carousel-indicators {
    bottom: -40px;
}