/* Dark Mode Specific Overrides */

[data-theme="dark"] {
    /* Additional dark mode specific styles */
}

[data-theme="dark"] .hero {
    background: url('../images/bikes&covers/cover.png');
    background-size: cover;
    background-position: center;
}

[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .bike-card,
[data-theme="dark"] .term-card,
[data-theme="dark"] .summary-card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .mission,
[data-theme="dark"] .vision {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .booking-form,
[data-theme="dark"] .summary-info,
[data-theme="dark"] .contact-info {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background-color: var(--bg-light);
}

[data-theme="dark"] .option-checkbox label {
    background-color: var(--bg-light);
}

[data-theme="dark"] .filter-btn {
    background-color: var(--bg-color);
}

[data-theme="dark"] .filter-btn.active {
    background-color: var(--primary-color);
}

[data-theme="dark"] .dark-mode-toggle i {
    content: "\f185"; /* Sun icon */
}

@media (max-width: 768px) {
    [data-theme="dark"] .hero {
        background: url('../images/bikes&covers/fcover.png');
        background-size: cover;
        background-position: center;
    }
}