/* Featured Vehicles and Brands Sections Dark Mode Styles */

/* Featured Vehicles Section */
.dark .featured-vehicles-section {
    background-color: var(--bg-primary);
}

.dark .featured-vehicles-section h2 {
    color: var(--text-primary);
}

.dark .featured-vehicles-section p {
    color: var(--text-secondary);
}

/* Vehicle Card Styles in Featured Section */
.dark .featured-vehicles-section .group {
    background-color: var(--bg-secondary);
    border-color: var(--border-primary);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.dark .featured-vehicles-section .group:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}

.dark .featured-vehicles-section .text-gray-900 {
    color: var(--text-primary);
}

.dark .featured-vehicles-section .text-gray-600,
.dark .featured-vehicles-section .text-gray-700 {
    color: var(--text-secondary);
}

.dark .featured-vehicles-section .text-gray-500,
.dark .featured-vehicles-section .text-gray-400 {
    color: var(--text-tertiary);
}

.dark .featured-vehicles-section .border-gray-200 {
    border-color: var(--border-primary);
}

.dark .featured-vehicles-section .bg-white\/90 {
    background-color: rgba(30, 41, 59, 0.9);
}

.dark .featured-vehicles-section .hover\:bg-white:hover {
    background-color: var(--bg-secondary);
}

.dark .featured-vehicles-section .hover\:bg-gray-50:hover {
    background-color: var(--bg-tertiary);
}

/* Favorite Button */
.dark .featured-vehicles-section .rounded-full.bg-white\/90 {
    background-color: rgba(30, 41, 59, 0.9);
}

/* Price Section */
.dark .featured-vehicles-section .line-through {
    color: var(--text-tertiary);
}

/* Action Buttons */
.dark .featured-vehicles-section .border-gray-300 {
    border-color: var(--border-secondary);
}

.dark .featured-vehicles-section .text-gray-700.dark\:text-gray-300 {
    color: var(--text-secondary);
}

/* Brands Section */
.dark .py-12.bg-gray-50 {
    background-color: var(--bg-secondary);
}

.dark .brands-section h2 {
    color: var(--text-primary);
}

.dark .brands-section p {
    color: var(--text-secondary);
}

/* Brand Cards */
.dark .brands-section .brand-card {
    background-color: var(--bg-primary);
    border-color: var(--border-primary);
    color: var(--text-primary);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.dark .brands-section .brand-card:hover {
    border-color: #3b82f6;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
    transform: translateY(-3px);
}

/* Media Queries */
@media (max-width: 768px) {
    /* Mobile styles */
}