/* Additional styles for Strovixa Auto Service */
/* Main color palette is defined in layout file */

/* Additional utility classes */
.text-center {
    text-align: center;
}

.text-primary {
    color: var(--primary);
}

.bg-light {
    background-color: var(--light);
}

.bg-white {
    background-color: white;
}

.shadow-sm {
    box-shadow: var(--shadow-sm);
}

.shadow-md {
    box-shadow: var(--shadow-md);
}

.shadow-lg {
    box-shadow: var(--shadow-lg);
}

.rounded {
    border-radius: var(--radius-md);
}

.rounded-lg {
    border-radius: var(--radius-lg);
}

/* Price highlighting styles */
.price-value {
    font-weight: 700;
    color: var(--primary);
    font-size: 1.25rem;
}

.price-value::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--primary);
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

/* Enhanced button styles */
.btn--primary {
    background: var(--primary);
    color: white;
    border: 2px solid var(--primary);
    transition: all 0.3s ease;
}

.btn--primary:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(205, 147, 83, 0.3);
}

.btn--outline {
    background: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
}

.btn--outline:hover {
    background: var(--primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(205, 147, 83, 0.3);
}

/* Enhanced card hover effects */
.service-card:hover,
.price-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(205, 147, 83, 0.15);
}

/* Responsive utilities */
@media (max-width: 768px) {
    .mobile-hidden {
        display: none;
    }
}

@media (min-width: 769px) {
    .desktop-hidden {
        display: none;
    }
}