/* =============================================
   DRIVEASY — LIGHT MODE CSS
   Matches the clean white professional design
   ============================================= */

[data-theme="light"] {
  --bg: #ffffff;
  --bg-card: #ffffff;
  --bg-elevated: #f5f5f5;
  --border: rgba(0,0,0,0.08);
  --border-hover: rgba(0,0,0,0.15);
  --text: #1a1a1a;
  --text-muted: #666666;
  --text-faint: #999999;
  --accent: #c9a85c;
  --accent-dark: #a8863a;
  --accent-bg: rgba(201,168,92,0.1);
  --success: #2e7d5e;
  --danger: #c0392b;
  --warning: #d68910;
}

/* ===== BODY ===== */
[data-theme="light"] body {
  background: #f8f8f6 !important;
  color: #1a1a1a !important;
}

/* ===== NAVBAR ===== */
[data-theme="light"] .navbar {
  background: rgba(255,255,255,0.98) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .navbar-brand {
  color: #1a1a1a !important;
}

[data-theme="light"] .navbar-links a {
  color: #555555 !important;
}

[data-theme="light"] .navbar-links a:hover,
[data-theme="light"] .navbar-links a.active {
  color: #1a1a1a !important;
}

[data-theme="light"] .ai-nav-link {
  color: var(--accent) !important;
  background: rgba(201,168,92,0.1) !important;
  border-color: rgba(201,168,92,0.3) !important;
}

[data-theme="light"] .btn-ghost {
  border-color: rgba(0,0,0,0.15) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .btn-ghost:hover {
  background: #f5f5f5 !important;
}

[data-theme="light"] .btn-primary {
  background: var(--accent) !important;
  color: #ffffff !important;
}

[data-theme="light"] .btn-primary:hover {
  background: var(--accent-dark) !important;
}

/* ===== HERO ===== */
[data-theme="light"] .hero {
  background: linear-gradient(135deg, #ffffff 0%, #faf8f4 100%) !important;
}

[data-theme="light"] .hero-grid {
  background-image:
    linear-gradient(rgba(201,168,92,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,168,92,0.06) 1px, transparent 1px) !important;
}

[data-theme="light"] .hero-tag {
  color: var(--accent) !important;
}

[data-theme="light"] .hero-title {
  color: #1a1a1a !important;
}

[data-theme="light"] .hero-title em {
  color: var(--accent) !important;
}

[data-theme="light"] .hero-subtitle {
  color: #666666 !important;
}

/* ===== SEARCH BOX ===== */
[data-theme="light"] .search-box {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .search-field label {
  color: #999999 !important;
}

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
  background: #f8f8f6 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] input::placeholder {
  color: #aaaaaa !important;
}

[data-theme="light"] .ai-hint span {
  color: #888888 !important;
}

[data-theme="light"] .ai-hint-btn {
  background: rgba(201,168,92,0.1) !important;
  border-color: rgba(201,168,92,0.3) !important;
  color: var(--accent) !important;
}

/* ===== STATS BAR ===== */
[data-theme="light"] .stats-bar {
  background: #ffffff !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.04) !important;
}

[data-theme="light"] .stat-num {
  color: var(--accent) !important;
}

[data-theme="light"] .stat-label {
  color: #888888 !important;
}

[data-theme="light"] .stat-div {
  background: rgba(0,0,0,0.08) !important;
}

/* ===== FEATURES SECTION ===== */
[data-theme="light"] .features-section {
  background: #f8f8f6 !important;
}

[data-theme="light"] .section-title {
  color: #1a1a1a !important;
}

[data-theme="light"] .section-title::after {
  background: var(--accent) !important;
}

[data-theme="light"] .feature-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .feature-card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 8px 32px rgba(201,168,92,0.15) !important;
  transform: translateY(-4px) !important;
}

[data-theme="light"] .feature-card h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .feature-card p {
  color: #666666 !important;
}

/* ===== FEATURED CARS ===== */
[data-theme="light"] .featured-cars {
  background: #ffffff !important;
  padding: 80px 0 !important;
   border:1px solid rgba(214,163,71,.18);

    box-shadow:
    0 20px 50px rgba(214,163,71,.08);

}

[data-theme="light"] .featured-cars h2 {
  color: #1a1a1a !important;
  text-align: center !important;
}

[data-theme="light"] .featured-cars p {
  color: #888888 !important;
  text-align: center !important;
}

[data-theme="light"] .car-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
  border-radius: 18px !important;
}

[data-theme="light"] .car-card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 12px 40px rgba(201,168,92,0.15) !important;
  transform: translateY(-6px) !important;
}

[data-theme="light"] .car-card .car-name {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

[data-theme="light"] .car-card .car-type {
  color: #888888 !important;
}

[data-theme="light"] .car-card span {
  color: var(--accent) !important;
}

[data-theme="light"] .car-card button {
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* ===== HOW IT WORKS ===== */
[data-theme="light"] .how-works {
  background: #f8f8f6 !important;
   border:1px solid rgba(214,163,71,.18);

    box-shadow:
    0 20px 50px rgba(214,163,71,.08);

}

[data-theme="light"] .section-header h2 {
  color: #1a1a1a !important;
}

[data-theme="light"] .section-header p {
  color: #888888 !important;
}

[data-theme="light"] .timeline::before {
  background: rgba(201,168,92,0.3) !important;
}

[data-theme="light"] .timeline-number {
  background: #ffffff !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  box-shadow: 0 4px 20px rgba(201,168,92,0.2) !important;
}

[data-theme="light"] .timeline-content {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .timeline-content:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 8px 32px rgba(201,168,92,0.15) !important;
}

[data-theme="light"] .timeline-content h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .timeline-content p {
  color: #666666 !important;
}

/* ===== REVIEWS ===== */
[data-theme="light"] .Reviews {
  background: #ffffff !important;
  padding: 80px 0 !important;
   border:1px solid rgba(214,163,71,.18);

    box-shadow:
    0 20px 50px rgba(214,163,71,.08);

}

[data-theme="light"] .Reviews h2 {
  color: #1a1a1a !important;
  text-align: center !important;
}

[data-theme="light"] .review-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
  border-radius: 20px !important;
}

[data-theme="light"] .review-card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 8px 32px rgba(201,168,92,0.15) !important;
  transform: translateY(-4px) !important;
}

[data-theme="light"] .review-card p {
  color: #444444 !important;
}

[data-theme="light"] .review-card h4 {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* ===== DESTINATIONS ===== */
[data-theme="light"] .destinations {
  background: #f8f8f6 !important;
  padding: 80px 0 !important;
   border:1px solid rgba(243, 220, 178, 0.082);
    box-shadow:
    0 20px 50px rgba(248, 226, 184, 0.08);

}

[data-theme="light"] .destinations h2 {
  color: #1a1a1a !important;
  text-align: center !important;
}

[data-theme="light"] .destination-card {
  background: transparent !important;
  border: 1px solid rgba(241, 203, 99, 0.644) !important;
  box-shadow: none !important;
}

[data-theme="light"] .destination-card img {
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
  border-radius: 18px !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
}

[data-theme="light"] .destination-card:hover img {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.18) !important;
}

[data-theme="light"] .destination-card h3 {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  
}

[data-theme="light"] .destination-card p {
  color: #888888 !important;
  
}

/* ===== FAQ ===== */
[data-theme="light"] .faq-section{
    background:linear-gradient(
    135deg,
    #fcf6ec,
    #fcf2e3);
    border:1px solid rgba(214,163,71,.12);
    border-radius:30px;
    box-shadow:
    0 20px 60px rgba(214,163,71,.08);
    padding: 50px 60px;
    gap: 50px;
     width:90%;
    max-width:1500px;
    margin:100px auto;
        border:1px solid rgba(214,163,71,.18);

    box-shadow:
    0 20px 50px rgba(214,163,71,.08);

}

[data-theme="light"] .faq-tag{
    background:#fff0d3;
    color:#ffa600;
    border: #ffb005;

}

[data-theme="light"] .faq-left h2{
    color:#1F1F1F;
}

[data-theme="light"] .faq-left p{
    color:#707070;
}

[data-theme="light"] .faq-card{

    background:#FFFFFF;
    border:1px solid #ECECEC;
    box-shadow:
    0 10px 30px rgba(0,0,0,.04);
    padding:18px 24px;
    margin-bottom:16px;

}

[data-theme="light"] .faq-card:hover{
    border-color:#ffa600;
    transform:translateY(-4px);
    box-shadow:
    0 18px 35px rgba(214,163,71,.12);
}

[data-theme="light"] .faq-card summary{
    color:#000000c2;
}

[data-theme="light"] .faq-card p{
    color:#242222;
}

/* ===== CTA BOX ===== */
[data-theme="light"] .cta-box {
  background: linear-gradient(135deg, #fdf8ee 0%, #f5edda 100%) !important;
  border: 1px solid rgba(201,168,92,0.25) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .cta-box h2 {
  color: #1a1a1a !important;
}

[data-theme="light"] .cta-box p {
  color: #666666 !important;
}

/* ===== FOOTER ===== */
[data-theme="light"] .site-footer {
  background: #ffffff !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .footer-brand {
  color: #1a1a1a !important;
}

[data-theme="light"] .footer-col h4 {
  color: #1a1a1a !important;
}

[data-theme="light"] .footer-col ul li a {
  color: #666666 !important;
}

[data-theme="light"] .footer-col ul li a:hover {
  color: var(--accent) !important;
}

[data-theme="light"] .footer-contact-item {
  color: #666666 !important;
}

[data-theme="light"] .footer-bottom {
  color: #999999 !important;
  border-top-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .footer-bottom p {
  color: #999999 !important;
}

[data-theme="light"] .footer-bottom-links a {
  color: #999999 !important;
}

[data-theme="light"] .footer-bottom-links a:hover {
  color: var(--accent) !important;
}

[data-theme="light"] .footer-social a {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #555555 !important;
}

[data-theme="light"] .footer-social a:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

/* ===== PAGE HEADER (fleet, branches etc) ===== */
[data-theme="light"] .page-header {
  background: linear-gradient(135deg, #ffffff 0%, #faf8f4 100%) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .page-header h1 {
  color: #1a1a1a !important;
}

[data-theme="light"] .page-header p {
  color: #888888 !important;
}

/* ===== CARDS (global) ===== */
[data-theme="light"] .card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

/* ===== BADGES ===== */
[data-theme="light"] .badge-green {
  background: rgba(46,125,94,0.1) !important;
  color: #2e7d5e !important;
}

[data-theme="light"] .badge-red {
  background: rgba(192,57,43,0.1) !important;
  color: #c0392b !important;
}

[data-theme="light"] .badge-amber {
  background: rgba(214,137,16,0.1) !important;
  color: #d68910 !important;
}

[data-theme="light"] .badge-accent {
  background: rgba(201,168,92,0.1) !important;
  color: var(--accent) !important;
}

/* ===== FLEET PAGE ===== */
[data-theme="light"] .type-btn {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #666666 !important;
}

[data-theme="light"] .type-btn:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .type-btn.active {
  background: rgba(201,168,92,0.1) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .car-name {
  color: #1a1a1a !important;
}

[data-theme="light"] .car-year,
[data-theme="light"] .car-specs,
[data-theme="light"] .car-branch {
  color: #888888 !important;
}

[data-theme="light"] .car-price {
  color: var(--accent) !important;
}

[data-theme="light"] .car-price-unit {
  color: #888888 !important;
}

[data-theme="light"] .car-location-badge {
  background: rgba(0,0,0,0.5) !important;
  color: #ffffff !important;
}

/* ===== BRANCHES PAGE ===== */
[data-theme="light"] .branch-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .branch-card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 8px 32px rgba(201,168,92,0.15) !important;
}

[data-theme="light"] .branch-card-header h2 {
  color: #1a1a1a !important;
}

[data-theme="light"] .branch-city {
  color: var(--accent) !important;
  background: rgba(201,168,92,0.1) !important;
  border-color: rgba(201,168,92,0.2) !important;
}

[data-theme="light"] .branch-detail-row {
  color: #666666 !important;
}

[data-theme="light"] .branches-info-bar {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .info-item strong {
  color: #1a1a1a !important;
}

[data-theme="light"] .info-item p {
  color: #888888 !important;
}

/* ===== AUTH PAGES ===== */
[data-theme="light"] .auth-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .auth-header h1 {
  color: #1a1a1a !important;
}

[data-theme="light"] .auth-header p {
  color: #888888 !important;
}

[data-theme="light"] .form-group label {
  color: #666666 !important;
}

[data-theme="light"] .auth-switch {
  color: #888888 !important;
}

[data-theme="light"] .auth-switch a {
  color: var(--accent) !important;
}

[data-theme="light"] .auth-demo {
  background: #f5f5f5 !important;
  color: #888888 !important;
}

/* ===== ACCOUNT PAGE ===== */
[data-theme="light"] .account-header {
  border-bottom-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .account-header h1 {
  color: #1a1a1a !important;
}

[data-theme="light"] .account-header p {
  color: #888888 !important;
}

[data-theme="light"] .account-avatar {
  background: rgba(201,168,92,0.1) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .tab-btn {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #666666 !important;
}

[data-theme="light"] .tab-btn.active {
  background: rgba(201,168,92,0.1) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .booking-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .booking-card h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .booking-dates,
[data-theme="light"] .booking-extra {
  color: #888888 !important;
}

[data-theme="light"] .booking-total {
  color: var(--accent) !important;
}

[data-theme="light"] .profile-row {
  border-bottom-color: rgba(0,0,0,0.06) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .profile-row span:first-child {
  color: #888888 !important;
}

/* ===== ADMIN DASHBOARD ===== */
[data-theme="light"] .admin-page {
  background: #f8f8f6 !important;
}

[data-theme="light"] .stat-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .stat-card .stat-label {
  color: #888888 !important;
}

[data-theme="light"] .stat-card .stat-num {
  color: var(--accent) !important;
}

[data-theme="light"] .admin-table-wrap {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .admin-table th {
  background: #f5f5f5 !important;
  color: #888888 !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .admin-table td {
  color: #1a1a1a !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .admin-table tr:hover td {
  background: #fafafa !important;
}

[data-theme="light"] .td-sub {
  color: #aaaaaa !important;
}

[data-theme="light"] .status-select {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .add-form {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .add-form h2 {
  color: #1a1a1a !important;
}

/* ===== AI SUGGEST ===== */
[data-theme="light"] .ai-page {
  background: #f8f8f6 !important;
}

[data-theme="light"] .ai-header h1 {
  color: #1a1a1a !important;
}

[data-theme="light"] .ai-header p {
  color: #888888 !important;
}

[data-theme="light"] .ai-header-icon {
  background: rgba(201,168,92,0.1) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .ai-chat-box {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .ai-bubble {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .ai-message.user .ai-bubble {
  background: rgba(201,168,92,0.1) !important;
  border-color: rgba(201,168,92,0.2) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .ai-input-row {
  background: #f5f5f5 !important;
  border-top-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .ai-input-row input {
  background: #ffffff !important;
}

[data-theme="light"] .quick-reply-btn {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #666666 !important;
}

[data-theme="light"] .quick-reply-btn:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .ai-avatar {
  background: rgba(201,168,92,0.1) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .user-avatar {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #666666 !important;
}

/* ===== BOOKING PAGE ===== */
[data-theme="light"] .car-summary {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .car-summary-info h2 {
  color: #1a1a1a !important;
}

[data-theme="light"] .car-summary-info p {
  color: #888888 !important;
}

[data-theme="light"] .car-rate {
  color: var(--accent) !important;
}

[data-theme="light"] .form-section {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .form-section h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .summary-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .summary-card h3 {
  color: #1a1a1a !important;
}

[data-theme="light"] .summary-row {
  color: #888888 !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .summary-total {
  color: var(--accent) !important;
}

[data-theme="light"] .payment-note {
  background: #f5f5f5 !important;
  color: #aaaaaa !important;
}

[data-theme="light"] .checkbox-row {
  border-bottom-color: rgba(0,0,0,0.06) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .checkbox-charge {
  color: var(--accent) !important;
}

[data-theme="light"] .branch-detail-row {
  color: #666666 !important;
}

/* ===== CAR DETAIL PAGE ===== */
[data-theme="light"] .detail-img-wrap {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .detail-title {
  color: #1a1a1a !important;
}

[data-theme="light"] .detail-year {
  color: #888888 !important;
}

[data-theme="light"] .detail-branch {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #666666 !important;
}

[data-theme="light"] .detail-branch strong {
  color: #1a1a1a !important;
}

[data-theme="light"] .detail-specs {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .spec-label {
  color: #aaaaaa !important;
}

[data-theme="light"] .spec-val {
  color: #1a1a1a !important;
}

[data-theme="light"] .price-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .price-card.active,
[data-theme="light"] .price-card:hover {
  border-color: var(--accent) !important;
  background: rgba(201,168,92,0.05) !important;
}

[data-theme="light"] .price-period {
  color: #aaaaaa !important;
}

[data-theme="light"] .price-amount {
  color: var(--accent) !important;
}

[data-theme="light"] .price-save {
  color: #2e7d5e !important;
}

[data-theme="light"] .btn-cart {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .btn-cart:hover,
[data-theme="light"] .btn-cart.active {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: rgba(201,168,92,0.08) !important;
}

[data-theme="light"] .coupon-section {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .coupon-slider {
  background: #f5f5f5 !important;
}

[data-theme="light"] .coupon-slide {
  color: #666666 !important;
}

[data-theme="light"] .coupon-slide strong {
  color: var(--accent) !important;
}

[data-theme="light"] .coupon-chip {
  background: rgba(201,168,92,0.08) !important;
  border-color: rgba(201,168,92,0.2) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .detail-tab {
  color: #888888 !important;
}

[data-theme="light"] .detail-tab:hover {
  color: #1a1a1a !important;
}

[data-theme="light"] .detail-tab.active {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

[data-theme="light"] .detail-tabs {
  border-bottom-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .tab-desc p {
  color: #666666 !important;
}

[data-theme="light"] .specs-grid {
  border-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .spec-row {
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .spec-row span {
  color: #888888 !important;
}

[data-theme="light"] .spec-row strong {
  color: #1a1a1a !important;
}

[data-theme="light"] .feature-chip {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .reviews-summary {
  background: #f5f5f5 !important;
  border-color: rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .reviews-avg {
  color: var(--accent) !important;
}

[data-theme="light"] .review-comment {
  color: #666666 !important;
}

[data-theme="light"] .review-top strong {
  color: #1a1a1a !important;
}

/* ===== ALERT ===== */
[data-theme="light"] .alert-success {
  background: rgba(46,125,94,0.08) !important;
  border-color: rgba(46,125,94,0.2) !important;
  color: #2e7d5e !important;
}

[data-theme="light"] .alert-error {
  background: rgba(192,57,43,0.08) !important;
  border-color: rgba(192,57,43,0.2) !important;
  color: #c0392b !important;
}

/* ===== CHATBOT ===== */
[data-theme="light"] .chat-window {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.1) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.12) !important;
}

[data-theme="light"] .chat-header {
  background: #ffffff !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .chat-header h4 {
  color: #1a1a1a !important;
}

[data-theme="light"] .chat-header small {
  color: #888888 !important;
}

[data-theme="light"] .chat-body {
  background: #f8f8f6 !important;
}

[data-theme="light"] .bot-message {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .user-message {
  background: var(--accent) !important;
  color: #ffffff !important;
}

[data-theme="light"] .chat-input {
  background: #ffffff !important;
  border-top-color: rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .chat-input input {
  background: #f5f5f5 !important;
  color: #1a1a1a !important;
}

[data-theme="light"] .chat-input button {
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* ===== THEME TOGGLE BUTTON ===== */
[data-theme="light"] .switch-track{
background:#E9E9E9;
}
[data-theme="light"] .switch-thumb{
transform:translateX(0);
}