:root {
  --bg: #ffffff;
  --text: #6b0808;
  --footer-bg: #f6f6f6;
  --footer-text: #222222;
  --accent: #ff6b3d;
  --glass-opacity: 0.85;

  /* Progress bar variables (Light theme) */
  --progress-card-bg: #ffffff;
  --progress-border: rgba(0,0,0,0.06);
  --progress-line-bg: rgba(0,0,0,0.08);
  --progress-fill-start: #ff7a56;
  --progress-fill-end: #ff4b17;
  --progress-accent: #ff6347;
  --step-bg: #f5f5f5;
  --step-border: rgba(0,0,0,0.08);
  --step-completed-bg: #4CAF50;
  --step-label: #6b6b6b;
  --progress-shadow: 0 6px 18px rgba(16,16,16,0.04);

  /* Pill / percentage variables */
  --progress-pill-bg: rgba(255,99,71,0.06);
  --progress-pill-border: rgba(255,99,71,0.12);
  --step-number-color: #2d2d2d;

  /* Card / component variables (Light theme) */
  --card-bg-soft: #fff6f2; /* warm off-white */
  --card-border-dark: rgba(0,0,0,0.12);
  --card-border-weight: 1.5px;
  --card-shadow-soft: 0 6px 18px rgba(12,12,12,0.04);
  --card-text: #111111;
  --card-text-muted: #5b4d44;
}

/* Light Mode Color Palette Override */
body[data-theme="light"] {
  --color-text-primary: #000000;
  --color-text-secondary: #c78a70;
  --color-text-muted: #b46e52;
}

/* global overrides */
body {
  background: var(--bg);
  color: var(--text);
}

/* Navbar visibility in light theme */
body[data-theme="light"] .header {
  background: transparent !important;
  box-shadow: none !important;
}

/* Search bar visibility in light theme */
body[data-theme="light"] .search-bar {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
body[data-theme="light"] .search-bar input {
  color: #333 !important;
}
body[data-theme="light"] .search-bar input::placeholder {
  color: #888 !important;
}
body[data-theme="light"] .search-bar i {
  color: rgba(0, 0, 0, 0.6) !important;
}
body[data-theme="light"] .search-bar:hover i,
body[data-theme="light"] .search-bar:focus-within i {
  color: #ff6347 !important;
}
body[data-theme="light"] .search-bar:focus-within {
  background: rgba(255, 99, 71, 0.08) !important;
  border-color: #ff6347 !important;
}

/* Theme toggle button visibility in light mode */
body[data-theme="light"] .nav-theme-toggle button,
body[data-theme="light"] #theme-toggle {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  color: #1a1a1a !important;
}
body[data-theme="light"] .nav-theme-toggle button:hover,
body[data-theme="light"] #theme-toggle:hover {
  background: rgba(255, 99, 71, 0.15) !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
}
body[data-theme="light"] .nav-theme-toggle button i,
body[data-theme="light"] #theme-toggle i {
  color: #ff6347 !important;
}


/* footer example */
.footer {
  background: var(--footer-bg);
  color: var(--footer-text);
}

/* Hero Section - Light Mode - For pages WITHOUT background images (home page quote section, etc.) */
/* NOTE: Pages with background images (About, etc.) have their own specific styles in the About Page section below */
/* This general style should NOT override background images - use more specific selectors for image-based heroes */

body[data-theme="light"] .hero::before {
  background: 
    radial-gradient(ellipse at 30% 20%, rgba(255, 99, 71, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 80%, rgba(255, 140, 0, 0.04) 0%, transparent 50%) !important;
}

body[data-theme="light"] .hero-badge {
  background: linear-gradient(135deg, #ff6347 0%, #ff4500 100%) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.3) !important;
}

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

body[data-theme="light"] .title-line {
  color: #1a1a1a !important;
  text-shadow: none !important;
}

body[data-theme="light"] .title-line:nth-child(2) {
  color: #2d2d2d !important;
}

body[data-theme="light"] .title-line:nth-child(3) {
  color: #3d3d3d !important;
}

body[data-theme="light"] .title-line.highlight {
  background: linear-gradient(135deg, #ff6347 0%, #ff4500 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 2px 10px rgba(255, 99, 71, 0.3)) !important;
}

body[data-theme="light"] .hero-sub-title {
  color: #444 !important;
}

body[data-theme="light"] .hero-sub-title span {
  background: linear-gradient(135deg, rgba(255, 99, 71, 0.1) 0%, rgba(255, 140, 0, 0.08) 100%) !important;
  border: 1px solid rgba(255, 99, 71, 0.2) !important;
  color: #ff5733 !important;
  font-weight: 600 !important;
}

body[data-theme="light"] .hero-description {
  color: #555 !important;
  font-weight: 400 !important;
}

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

body[data-theme="light"] .stat:hover {
  background: #fff !important;
  border-color: rgba(255, 99, 71, 0.3) !important;
  box-shadow: 0 8px 30px rgba(255, 99, 71, 0.12) !important;
  transform: translateY(-3px) !important;
}

body[data-theme="light"] .stat-number {
  color: #ff5733 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

body[data-theme="light"] .stat-label {
  color: #666 !important;
  font-weight: 500 !important;
}

body[data-theme="light"] .cta-btn.primary {
  background: linear-gradient(135deg, #ff6347 0%, #ff4500 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px rgba(255, 99, 71, 0.35) !important;
}

body[data-theme="light"] .cta-btn.primary:hover {
  box-shadow: 0 12px 35px rgba(255, 99, 71, 0.45) !important;
}

body[data-theme="light"] .cta-btn.secondary {
  background: #fff !important;
  color: #333 !important;
  border: 2px solid #e0e0e0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
}

body[data-theme="light"] .cta-btn.secondary:hover {
  background: #fff !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
  box-shadow: 0 6px 20px rgba(255, 99, 71, 0.15) !important;
}

body[data-theme="light"] .cta-btn.outline {
  background: transparent !important;
  color: #ff6347 !important;
  border: 2px solid #ff6347 !important;
}

body[data-theme="light"] .cta-btn.outline:hover {
  background: #ff6347 !important;
  color: #fff !important;
}

.hero-overlay {
  background: linear-gradient(135deg,
      rgba(0, 0, 0, 0.45) 0%,
      rgba(0, 0, 0, 0.4) 40%,
      rgba(0, 0, 0, 0.35) 100%) !important;
}

/* Dark text for light theme */
.hero-title,
.title-line {
  color: #ffffff !important;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.8) !important;
}

.hero-description {
  color: #f5f5f5 !important;
  text-shadow:0 2px 6px rgba(0, 0, 0, 0.7) !important;
}

.hero-badge {
  color:#ffffff !important;
  background: rgba(255, 99, 71, 0.35) !important;
  border-color: rgba(255, 99, 71, 0.8)  !important;
}

.stat-number {
  color:  #ffb399 !important;
}

.stat-label {
  color: #f0f0f0 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}

/* Keep gradient on highlighted title */
.title-line.highlight {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: slideInLeft 0.8s ease-out 0.2s !important;
  filter: none !important;
}

/* Contact CTA Section */
.contact-cta {
  background: #ffffff;
}

.cta-text h2 {
  color: #aa0707 !important;
}

.cta-text p {
  color: #d00000 !important;
}

.feature span {
  color: #1a1a1a !important;
}

/* Features Section */
.features {
  background: #ffffff;
}

.section-title,
.features .section-title {
  color: #df0808 !important;
}

.h1 {
  color: #000 !important;
}

.feature-box {
  background: #fff;
  border-color: #ddd;
}

.feature-box h3 {
  color: #000 !important;
}

.feature-box p {
  color: #555 !important;
}

/* Hero Action Buttons - Improved contrast for light theme */
.hero-actions .cta-btn.primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  box-shadow: 0 12px 32px rgba(255, 99, 71, 0.5)!important;
  border: 2px solid transparent !important;
  filter: brightness(1.05) !important;
}

.hero-actions .cta-btn.primary:hover {
  background: linear-gradient(135deg, #ff4500, #e63900) !important;
  box-shadow:  0 16px 40px rgba(255, 99, 71, 0.6)!important;
  border-color: rgba(255, 99, 71, 0.3) !important;
  filter: brightness(1.1) !important;
}

.hero-actions .cta-btn.secondary {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 2px solid #d0d0d0 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.hero-actions .cta-btn.secondary:hover {
  background: #f5f5f5 !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

.hero-actions .cta-btn.outline {
  color: #ff6347 !important;
  border-color: #ff6347 !important;
  border-width: 2px !important;
  background: transparent !important;
}

.hero-actions .cta-btn.outline:hover {
  background: #ff6347 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(255, 99, 71, 0.3) !important;
}

/* Testimonials intro paragraph on light background */
body[data-theme="light"] .testimonials-section .section-title p {
  color: #2d2d2d !important;
}

/* Footer text contrast in light theme */
body[data-theme="light"] .footer,
body[data-theme="light"] #footer-container .footer {
  color: #d3654c !important;
}
body[data-theme="light"] .footer .footer-about p,
body[data-theme="light"] .footer .footer-links a,
body[data-theme="light"] .footer .contact-info li,
body[data-theme="light"] .footer .footer-bottom-content,
body[data-theme="light"] .footer .footer-bottom-content .copyright,
body[data-theme="light"] .footer .footer-bottom-links a,
body[data-theme="light"] .footer .payment-methods i,
body[data-theme="light"] .footer .footer-brand {
  color: #333333 !important;
}

/* Footer form & button visibility fixes for light theme */
body[data-theme="light"] .footer .newsletter-animated input,
body[data-theme="light"] .footer .newsletter-form input,
body[data-theme="light"] .footer input[type="email"],
body[data-theme="light"] .footer .newsletter input {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  caret-color: #1a1a1a !important;
}

body[data-theme="light"] .footer .newsletter-animated input::placeholder,
body[data-theme="light"] .footer .newsletter-form input::placeholder,
body[data-theme="light"] .footer input::placeholder {
  color: rgba(0,0,0,0.45) !important;
}

body[data-theme="light"] .footer .newsletter-animated button,
body[data-theme="light"] .footer .newsletter-form button,
body[data-theme="light"] .footer .cta-primary {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  border: none !important;
}

/* Ensure small sticky footer icons and toggle are visible */
body[data-theme="light"] .mini-sticky-footer,
body[data-theme="light"] .footer-toggle {
  background: rgba(255,255,255,0.9) !important;
  color: #1a1a1a !important;
  border-color: rgba(0,0,0,0.06) !important;
}

/* Quote Card - Light Theme - Clean White Design */
body[data-theme="light"] .quote-card {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
}

body[data-theme="light"] .quote-card:hover {
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] .quote-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body[data-theme="light"] .quote-header h3 {
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

body[data-theme="light"] .quote-header p {
  color: #ff5733 !important;
  font-weight: 500 !important;
}

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

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

body[data-theme="light"] .quote-card .form-group input,
body[data-theme="light"] .quote-card .form-group select {
  background: #f8f9fa !important;
  border: 1px solid #e0e0e0 !important;
  color: #1a1a1a !important;
}

body[data-theme="light"] .quote-card .form-group input:focus,
body[data-theme="light"] .quote-card .form-group select:focus {
  border-color: #ff6347 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] .quote-card .form-group input::placeholder {
  color: #999 !important;
}

body[data-theme="light"] .step-progress {
  background: rgba(255, 99, 71, 0.05) !important;
  border-color: rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] .step-number {
  background: #f0f0f0 !important;
  border-color: #ddd !important;
  color: #888 !important;
}

body[data-theme="light"] .step.active .step-number {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  border-color: #ff6347 !important;
  color: #fff !important;
}

body[data-theme="light"] .step-label {
  color: #888 !important;
}

body[data-theme="light"] .step.active .step-label {
  color: #ff6347 !important;
  font-weight: 600 !important;
}

body[data-theme="light"] .step-line {
  background: #e0e0e0 !important;
}

body[data-theme="light"] .distance-display {
  background: rgba(34, 197, 94, 0.08) !important;
  border-color: rgba(34, 197, 94, 0.2) !important;
  color: #16a34a !important;
}

body[data-theme="light"] .quote-next,
body[data-theme="light"] .quote-form-submit-btn {
  background: linear-gradient(135deg, #ff6347 0%, #ff4500 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.3) !important;
}

body[data-theme="light"] .quote-form-back-btn {
  background: #f5f5f5 !important;
  color: #555 !important;
  border: 1px solid #ddd !important;
}

body[data-theme="light"] .quote-form-back-btn:hover {
  background: #eee !important;
  border-color: #ccc !important;
}

/* Step Progress - Light Theme */
body[data-theme="light"] .step-progress {
  background: rgba(255, 99, 71, 0.05) !important;
  border-color: rgba(255, 99, 71, 0.15) !important;
}

body[data-theme="light"] .step-number {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

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

body[data-theme="light"] .step.active .step-label {
  color: #ff6347 !important;
}

body[data-theme="light"] .step-line {
  background: rgba(0, 0, 0, 0.1) !important;
}

/* Form Fields - Light Theme */
body[data-theme="light"] .form-group.floating-label input,
body[data-theme="light"] .form-group.floating-label select {
  background: #ffffff !important;
  border-color: #ddd !important;
  color: #000000 !important;
}

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

body[data-theme="light"] .form-group.floating-label input:focus,
body[data-theme="light"] .form-group.floating-label input:not(:placeholder-shown),
body[data-theme="light"] .form-group.floating-label select:focus,
body[data-theme="light"] .form-group.floating-label select:not([value=""]) {
  background: rgba(255, 99, 71, 0.05) !important;
  border-color: #ff6347 !important;
}

body[data-theme="light"] .form-group.floating-label input:focus ~ label,
body[data-theme="light"] .form-group.floating-label input:not(:placeholder-shown) ~ label,
body[data-theme="light"] .form-group.floating-label select:focus ~ label,
body[data-theme="light"] .form-group.floating-label select:not([value=""]) ~ label {
  color: #ff6347 !important;
}

body[data-theme="light"] .form-group.floating-label select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
}

body[data-theme="light"] .form-group.floating-label select option {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Autocomplete Dropdown - Light Theme */
body[data-theme="light"] .autocomplete-dropdown {
  background: #ffffff !important;
  border-color: #ff6347 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

body[data-theme="light"] .autocomplete-item {
  color: #000000 !important;
}

body[data-theme="light"] .autocomplete-item:hover,
body[data-theme="light"] .autocomplete-item.active {
  background: rgba(255, 99, 71, 0.1) !important;
  color: #ff6347 !important;
}

/* Distance Display - Light Theme */
body[data-theme="light"] .distance-display {
  background: rgba(34, 197, 94, 0.08) !important;
  border-color: rgba(34, 197, 94, 0.25) !important;
  color: #16a34a !important;
}

body[data-theme="light"] .distance-display strong {
  color: #15803d !important;
}

/* Result Display - Light Theme */
body[data-theme="light"] .result-details {
  background: rgba(0, 0, 0, 0.03) !important;
}

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

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

body[data-theme="light"] .result-value {
  color: #1a1a1a !important;
}

body[data-theme="light"] .result-price {
  background: linear-gradient(135deg, rgba(255, 99, 71, 0.1) 0%, rgba(255, 69, 0, 0.08) 100%) !important;
  border-color: #ff6347 !important;
}

body[data-theme="light"] .result-price .label {
  color: #666666 !important;
}

body[data-theme="light"] .result-price .amount {
  color: #ff6347 !important;
}

/* Back Button - Light Theme */
body[data-theme="light"] .quote-form-back-btn {
  background: #f5f5f5 !important;
  color: #333333 !important;
  border: 2px solid #d0d0d0 !important;
}

body[data-theme="light"] .quote-form-back-btn:hover {
  background: #e8e8e8 !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
}

/* Calculate Price Button - Light Theme */
body[data-theme="light"] .quote-next,
body[data-theme="light"] .quote-form-submit-btn {
  background: linear-gradient(135deg, #ff6347 0%, #ff4500 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.3) !important;
}

body[data-theme="light"] .quote-next:hover,
body[data-theme="light"] .quote-form-submit-btn:hover {
  background: linear-gradient(135deg, #ff4500 0%, #e63900 100%) !important;
  box-shadow: 0 6px 25px rgba(255, 99, 71, 0.5) !important;
}

/* Completed Step - Light Theme - Green Border Visible */
body[data-theme="light"] .step.completed .step-number {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  border-color: #22c55e !important;
  color: white !important;
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.5), 0 4px 15px rgba(34, 197, 94, 0.3) !important;
}

body[data-theme="light"] .step.completed .step-label {
  color: #16a34a !important;
  font-weight: 700 !important;
}

/* Delivery Time Display - Light Theme */
body[data-theme="light"] .delivery-time-display {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.1) 100%) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}

body[data-theme="light"] .delivery-time-display i {
  color: #3b82f6 !important;
}

body[data-theme="light"] .delivery-time-display .time-label {
  color: #666666 !important;
}

body[data-theme="light"] .delivery-time-display .time-value {
  color: #2563eb !important;
}

/* Compare Prices Section - Light Theme */
body[data-theme="light"] .compare-prices-section {
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

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

body[data-theme="light"] .compare-prices-header i {
  color: #fbbf24 !important;
}

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

body[data-theme="light"] .price-option:hover {
  background: rgba(255, 99, 71, 0.05) !important;
  border-color: #ff6347 !important;
}

body[data-theme="light"] .price-option.selected {
  background: rgba(34, 197, 94, 0.1) !important;
  border-color: #22c55e !important;
}

body[data-theme="light"] .price-option.best-value {
  border-color: #fbbf24 !important;
}

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

body[data-theme="light"] .price-option-details {
  color: #666666 !important;
}

body[data-theme="light"] .price-option-amount {
  color: #ff6347 !important;
}

/* Result Actions Buttons - Light Theme */
body[data-theme="light"] .quote-result-book-btn {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .quote-save-later-btn {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .quote-result-reset-btn {
  background: #f5f5f5 !important;
  color: #333333 !important;
  border: 2px solid #d0d0d0 !important;
}

body[data-theme="light"] .quote-result-reset-btn:hover {
  background: #e8e8e8 !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
}

/* Light Mode: Improve Card Visibility */
body[data-theme="light"] .service-card,
body[data-theme="light"] .feature-box,
body[data-theme="light"] .card {
    background: #f2f2f2 !important;                    /* Slight grey for contrast */
    border: 1px solid rgba(0,0,0,0.08) !important;     /* Soft border */
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important; /* Card pops out */
    color: #1a1a1a !important;                         /* Ensure text is readable */
}

body[data-theme="light"] .service-card p,
body[data-theme="light"] .service-card h3 {
    color: #1a1a1a !important;                         /* Fix faded text */
}


/* Bottom Action Bar - Light Theme Contrast */
body[data-theme="light"] .bottom-action-bar-fixed {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .bottom-bar-clock {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #333 !important;
}

body[data-theme="light"] .bottom-bar-clock .clock-time {
  color: #ff6347 !important;
}

body[data-theme="light"] .bottom-bar-clock .clock-date {
  color: #666 !important;
}

/* Back to Top/Bottom buttons - Light Theme */
body[data-theme="light"] .back-to-top,
body[data-theme="light"] .back-to-bottom,
body[data-theme="light"] .scroll-button {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.35) !important;
}

body[data-theme="light"] .back-to-top:hover,
body[data-theme="light"] .back-to-bottom:hover,
body[data-theme="light"] .scroll-button:hover {
  box-shadow: 0 6px 20px rgba(255, 99, 71, 0.45) !important;
}

/* FAB Button - Light Theme */
body[data-theme="light"] .fab-main {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.35) !important;
}

body[data-theme="light"] .fab-main:hover {
  box-shadow: 0 6px 20px rgba(255, 99, 71, 0.45) !important;
}

body[data-theme="light"] .fab-action-btn {
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

body[data-theme="light"] .fab-action-btn:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}

/* ====================================
   UPBAR - Light Mode Styles
   ==================================== */
body[data-theme="light"] .upbar {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .upbar::before {
  background: linear-gradient(90deg, transparent, #ff6347, #ff4500, #ff6347, transparent) !important;
}

body[data-theme="light"] .upbar-btn {
  color: #333 !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .upbar-btn i {
  color: #555 !important;
}

body[data-theme="light"] .track-btn:hover {
  background: rgba(255, 99, 71, 0.1) !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
}

body[data-theme="light"] .track-btn:hover i {
  color: #ff6347 !important;
}

body[data-theme="light"] .help-btn:hover {
  background: rgba(0, 174, 239, 0.1) !important;
  border-color: #00aeef !important;
  color: #00aeef !important;
}

body[data-theme="light"] .help-btn:hover i {
  color: #00aeef !important;
}

body[data-theme="light"] .upbar-btn::after {
  background: rgba(50, 50, 50, 0.95) !important;
}

/* ====================================
   NAVBAR - Light Mode Styles
   ==================================== */
body[data-theme="light"] .navbar {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%) !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .nav-link {
  color: #333 !important;
}

body[data-theme="light"] .nav-link i {
  color: #555 !important;
}

body[data-theme="light"] .nav-link:hover {
  background: rgba(255, 99, 71, 0.08) !important;
  color: #ff6347 !important;
  transform: translateY(-1px);
}

body[data-theme="light"] .nav-link:hover i {
  color: #ff6347 !important;
}

body[data-theme="light"] .nav-link.active {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: white !important;
}

body[data-theme="light"] .nav-link.active i {
  color: white !important;
}

/* Search bar in light mode navbar */
body[data-theme="light"] .search-bar {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

body[data-theme="light"] .search-bar input {
  color: #333 !important;
}

body[data-theme="light"] .search-bar input::placeholder {
  color: #888 !important;
}

body[data-theme="light"] .search-bar i {
  color: #666 !important;
}

body[data-theme="light"] .search-bar:focus-within {
  background: rgba(255, 99, 71, 0.05) !important;
  border-color: #ff6347 !important;
}

body[data-theme="light"] .search-bar:focus-within i {
  color: #ff6347 !important;
}

/* Login button in light mode */
body[data-theme="light"] .login-btn {
  color: #333 !important;
  border-color: rgba(255, 99, 71, 0.4) !important;
}

body[data-theme="light"] .login-btn i {
  color: #ff6347 !important;
}

body[data-theme="light"] .login-btn:hover {
  background: rgba(255, 99, 71, 0.1) !important;
  border-color: #ff6347 !important;
  color: #ff6347 !important;
}

/* Dropdown menu in light mode */
body[data-theme="light"] .dropdown-menu {
  background: #ffffff !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(255, 99, 71, 0.15) !important;
}

body[data-theme="light"] .dropdown-menu a {
  color: #444 !important;
}

body[data-theme="light"] .dropdown-menu a:hover {
  background: rgba(255, 99, 71, 0.1) !important;
  color: #ff6347 !important;
}

/* Dropdown nav active state in light mode */
body[data-theme="light"] .dropdown-nav.active > .nav-link,
body[data-theme="light"] .dropdown-nav.active > [data-dropdown-btn] {
  background: rgba(255, 99, 71, 0.12) !important;
  color: #ff6347 !important;
}

body[data-theme="light"] .dropdown-nav.active > .nav-link i,
body[data-theme="light"] .dropdown-nav.active > [data-dropdown-btn] i {
  color: #ff6347 !important;
  -webkit-text-fill-color: #ff6347 !important;
}

/* Mobile menu button bars */
body[data-theme="light"] .menu-bar {
  background: #333 !important;
}

/* Nav actions border */
body[data-theme="light"] .nav-actions {
  border-left-color: rgba(0, 0, 0, 0.1) !important;
}

/* Tooltips in light mode */
body[data-theme="light"] .nav-link::after,
body[data-theme="light"] .upbar-btn::after {
  background: rgba(50, 50, 50, 0.95) !important;
  color: white !important;
}


/* ====================================
   FOOTER - Light Mode Comprehensive Styles
   ==================================== */
body[data-theme="light"] .footer,
body[data-theme="light"] footer.footer {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%) !important;
  color: #333 !important;
}

body[data-theme="light"] .footer-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .footer-heading,
body[data-theme="light"] .footer-brand {
  color: #222 !important;
}

body[data-theme="light"] .footer-about p,
body[data-theme="light"] .footer-card p {
  color: #555 !important;
}

body[data-theme="light"] .footer-links a,
body[data-theme="light"] .footer-links li a {
  color: #444 !important;
}

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

body[data-theme="light"] .contact-info li,
body[data-theme="light"] .contact-info span,
body[data-theme="light"] .contact-info a {
  color: #444 !important;
}

body[data-theme="light"] .contact-info i {
  color: #ff6347 !important;
}

body[data-theme="light"] .social-links a {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #555 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .social-links a:hover {
  background: #ff6347 !important;
  color: white !important;
  border-color: #ff6347 !important;
}

body[data-theme="light"] .footer-bottom {
  background: rgba(0, 0, 0, 0.03) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .footer-bottom-content,
body[data-theme="light"] .copyright,
body[data-theme="light"] .footer-bottom-links a {
  color: #555 !important;
}

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

body[data-theme="light"] .payment-methods i {
  color: #666 !important;
}

body[data-theme="light"] .accordion-header {
  color: #333 !important;
}

body[data-theme="light"] .accordion-icon {
  color: #666 !important;
}

body[data-theme="light"] .footer-road {
  background: linear-gradient(to bottom, #ddd 0%, #ccc 100%) !important;
}

body[data-theme="light"] .cities-search-input {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

body[data-theme="light"] .cities-search-input input {
  color: #333 !important;
}

body[data-theme="light"] .cities-search-input input::placeholder {
  color: #888 !important;
}

/* Bottom Action Bar Light Mode */
body[data-theme="light"] .bottom-action-bar-fixed {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .bottom-bar-clock {
  color: #333 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .bottom-bar-clock .clock-time {
  color: #ff6347 !important;
}

body[data-theme="light"] .bottom-bar-clock .clock-date {
  color: #666 !important;
}


/* ====================================
   SLIDER FEATURE GRID - Light Mode
   ==================================== */
body[data-theme="light"] .slider-feature-grid .feature-box {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .slider-feature-grid .feature-box:hover {
  background: #ffffff !important;
  border-color: rgba(255, 99, 71, 0.4) !important;
  box-shadow: 0 12px 35px rgba(255, 99, 71, 0.15) !important;
}

body[data-theme="light"] .slider-feature-grid .feature-box h3 {
  color: #ff6347 !important;
}

body[data-theme="light"] .slider-feature-grid .feature-box p {
  color: #555 !important;
}

body[data-theme="light"] .grid-slider {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}


/* ====================================
   MOBILE FAB - Light Mode
   ==================================== */
body[data-theme="light"] .mini-sticky-footer {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .mini-sticky-footer a,
body[data-theme="light"] .mini-sticky-footer button {
  color: #333 !important;
}

body[data-theme="light"] .mini-sticky-footer a:hover,
body[data-theme="light"] .mini-sticky-footer button:hover {
  background: rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] .mini-sticky-footer i {
  color: #ff6347 !important;
}

body[data-theme="light"] .mini-sticky-footer span {
  color: #444 !important;
}

body[data-theme="light"] .mini-fab-trigger.active {
  background: rgba(255, 99, 71, 0.15) !important;
}

body[data-theme="light"] .mobile-fab-actions {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(255, 99, 71, 0.2) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}


/* ====================================
   CAREERS PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .careers-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .why-work-with-us {
  background: #f8f9fa !important;
}

body[data-theme="light"] .benefit-card {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .benefit-card p {
  color: #555 !important;
}

body[data-theme="light"] .current-openings {
  background: #ffffff !important;
}

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

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

body[data-theme="light"] .job-description {
  color: #555 !important;
}

body[data-theme="light"] .job-requirements {
  background: #f8f9fa !important;
}

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

body[data-theme="light"] .driver-section {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .training-programs {
  background: #f8f9fa !important;
}

body[data-theme="light"] .training-card {
  background: #ffffff !important;
}

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

body[data-theme="light"] .training-card p,
body[data-theme="light"] .training-card li {
  color: #555 !important;
}

body[data-theme="light"] .company-culture {
  background: #ffffff !important;
}

body[data-theme="light"] .culture-card {
  background: #f8f9fa !important;
}

body[data-theme="light"] .culture-card:hover {
  background: #ffffff !important;
}

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

body[data-theme="light"] .culture-card p {
  color: #555 !important;
}

body[data-theme="light"] .employee-testimonials {
  background: #f8f9fa !important;
}

body[data-theme="light"] .testimonial-card {
  background: #ffffff !important;
}

body[data-theme="light"] .testimonial-text {
  color: #555 !important;
}

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

body[data-theme="light"] .franchise-opportunities {
  background: #ffffff !important;
}

body[data-theme="light"] .franchise-info h3,
body[data-theme="light"] .franchise-benefits h4,
body[data-theme="light"] .franchise-requirements h4 {
  color: #1a1a1a !important;
}

body[data-theme="light"] .franchise-info p,
body[data-theme="light"] .franchise-benefits li,
body[data-theme="light"] .franchise-requirements li {
  color: #555 !important;
}

body[data-theme="light"] .modal-content {
  background: #ffffff !important;
}

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

body[data-theme="light"] .modal-subtitle {
  color: #555 !important;
}

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

body[data-theme="light"] .form-group input,
body[data-theme="light"] .form-group select,
body[data-theme="light"] .form-group textarea {
  background: #ffffff !important;
  border-color: #ddd !important;
  color: #333 !important;
}

/* ====================================
   NETWORK PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .network-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .network-section {
  background: #f8f9fa !important;
}

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

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

body[data-theme="light"] .network-card p {
  color: #555 !important;
}

body[data-theme="light"] .stats-section {
  background: #ffffff !important;
}

body[data-theme="light"] .stat-card {
  background: #f8f9fa !important;
}

body[data-theme="light"] .stat-card h3 {
  color: #ff6347 !important;
}

body[data-theme="light"] .stat-card p {
  color: #555 !important;
}

/* ====================================
   HOW IT WORKS PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .how-it-works-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .steps-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .step-card {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .step-card p {
  color: #555 !important;
}

body[data-theme="light"] .process-section {
  background: #ffffff !important;
}

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

body[data-theme="light"] .process-item p {
  color: #555 !important;
}

/* ====================================
   PRICING CALCULATOR PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .calculator-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .calculator-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .calculator-card {
  background: #ffffff !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

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

body[data-theme="light"] .calculator-card label {
  color: #333 !important;
}

body[data-theme="light"] .calculator-card input,
body[data-theme="light"] .calculator-card select {
  background: #ffffff !important;
  border-color: #ddd !important;
  color: #333 !important;
}

body[data-theme="light"] .price-result {
  background: #f8f9fa !important;
  border-color: rgba(255, 99, 71, 0.3) !important;
}

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

body[data-theme="light"] .price-amount {
  color: #ff6347 !important;
}

/* ====================================
   PRESS & MEDIA PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .press-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .press-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .press-card {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .press-card p {
  color: #555 !important;
}

body[data-theme="light"] .media-kit-section {
  background: #ffffff !important;
}

/* ====================================
   EMERGENCY SUPPORT PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .emergency-hero {
  background: linear-gradient(135deg, #dc3545 0%, #ff6347 100%) !important;
}

body[data-theme="light"] .emergency-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .emergency-card {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .emergency-card p {
  color: #555 !important;
}

body[data-theme="light"] .contact-section {
  background: #ffffff !important;
}

/* ====================================
   FAQ PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .faq-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .faq-section {
  background: #f8f9fa !important;
}

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

body[data-theme="light"] .faq-question {
  color: #1a1a1a !important;
  background: #ffffff !important;
}

body[data-theme="light"] .faq-question:hover {
  background: #f8f9fa !important;
}

body[data-theme="light"] .faq-answer {
  color: #555 !important;
  background: #f8f9fa !important;
}

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

/* ====================================
   BOOKING PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .booking-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .booking-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .booking-form-container {
  background: #ffffff !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

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

body[data-theme="light"] .booking-form label {
  color: #333 !important;
}

body[data-theme="light"] .booking-form input,
body[data-theme="light"] .booking-form select,
body[data-theme="light"] .booking-form textarea {
  background: #ffffff !important;
  border-color: #ddd !important;
  color: #333 !important;
}

body[data-theme="light"] .booking-form input:focus,
body[data-theme="light"] .booking-form select:focus,
body[data-theme="light"] .booking-form textarea:focus {
  border-color: #ff6347 !important;
}

body[data-theme="light"] .booking-summary-fade-in .summary-header h3{
  color:#5b4d44;
}

body[data-theme="light"] .booking-summary {
  background: #f8f9fa !important;
  border-color: black!important;
}

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

body[data-theme="light"] .booking-summary p {
  color: #555 !important;
}

/* ====================================
   LOGIN PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .login-container {
  background: #f8f9fa !important;
}

body[data-theme="light"] .login-card {
  background: #ffffff !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

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

body[data-theme="light"] .login-form label {
  color: #333 !important;
}

body[data-theme="light"] .login-form input {
  background: #ffffff !important;
  border-color: #ddd !important;
  color: #333 !important;
}

/* ====================================
   CITY PAGE - Light Mode
   ==================================== */
body[data-theme="light"] .city-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .city-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .city-card {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .city-card p {
  color: #555 !important;
}

/* ====================================
   PRIVACY & TERMS PAGES - Light Mode
   ==================================== */
body[data-theme="light"] .legal-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .legal-content {
  background: #ffffff !important;
}

body[data-theme="light"] .legal-content h1,
body[data-theme="light"] .legal-content h2,
body[data-theme="light"] .legal-content h3 {
  color: #1a1a1a !important;
}

body[data-theme="light"] .legal-content p,
body[data-theme="light"] .legal-content li {
  color: #555 !important;
}

body[data-theme="light"] .legal-section {
  background: #f8f9fa !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ====================================
   GLOBAL SECTION BACKGROUNDS - Light Mode
   ==================================== */
body[data-theme="light"] section {
  background-color: #ffffff;
}

body[data-theme="light"] section:nth-child(even) {
  background-color: #f8f9fa;
}

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

body[data-theme="light"] .section-subtitle {
  color: #555 !important;
}

/* ====================================
   CARDS & CONTAINERS - Light Mode
   ==================================== */
body[data-theme="light"] .card,
body[data-theme="light"] .info-card,
body[data-theme="light"] .feature-card,
body[data-theme="light"] .service-card {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .card p,
body[data-theme="light"] .info-card p,
body[data-theme="light"] .feature-card p,
body[data-theme="light"] .service-card p {
  color: #555 !important;
}

/* ====================================
   FORMS - Light Mode Global
   ==================================== */
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea {
  background: #eeeeef!important;
  border-color: #ddd !important;
  color: #333 !important;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder {
  color: #888 !important;
}

body[data-theme="light"] input:focus,
body[data-theme="light"] select:focus,
body[data-theme="light"] textarea:focus {
  border-color: #ff6347 !important;
  box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] label {
  color: #333 !important;
}

/* ====================================
   BUTTONS - Light Mode Global
   ==================================== */
body[data-theme="light"] .btn-primary,
body[data-theme="light"] .submit-btn,
body[data-theme="light"] .cta-button {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .btn-primary:hover,
body[data-theme="light"] .submit-btn:hover,
body[data-theme="light"] .cta-button:hover {
  background: linear-gradient(135deg, #ff4500, #ff6347) !important;
  box-shadow: 0 8px 25px rgba(255, 99, 71, 0.4) !important;
}

body[data-theme="light"] .btn-secondary {
  background: #ffffff !important;
  color: #333 !important;
  border-color: #ddd !important;
}

body[data-theme="light"] .btn-secondary:hover {
  border-color: #ff6347 !important;
  color: #ff6347 !important;
}

/* ====================================
   MIDDLE NAVBAR - Light Mode
   ==================================== */
body[data-theme="light"] .middle-navbar {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

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

body[data-theme="light"] .middle-navbar .tagline {
  color: #666 !important;
}

body[data-theme="light"] .middle-navbar .contact-item {
  color: #333 !important;
}

body[data-theme="light"] .middle-navbar .contact-item i {
  color: #ff6347 !important;
}

body[data-theme="light"] .middle-navbar .contact-item:hover {
  color: #ff6347 !important;
}

/* ====================================
   MOBILE NAVIGATION - Light Mode
   ==================================== */
body[data-theme="light"] .mobile-nav {
  background: #ffffff !important;
}

body[data-theme="light"] .mobile-nav-link {
  color: #333 !important;
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .mobile-nav-link:hover {
  background: rgba(255, 99, 71, 0.1) !important;
  color: #ff6347 !important;
}

body[data-theme="light"] .mobile-nav-link.active {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .mobile-dropdown-menu {
  background: #f8f9fa !important;
}

body[data-theme="light"] .mobile-dropdown-menu a {
  color: #444 !important;
}

body[data-theme="light"] .mobile-dropdown-menu a:hover {
  color: #ff6347 !important;
}

/* ====================================
   SCROLL BUTTONS - Light Mode
   ==================================== */
body[data-theme="light"] #backToTop,
body[data-theme="light"] #backToBottom,
body[data-theme="light"] .back-to-top,
body[data-theme="light"] .back-to-bottom {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.4) !important;
}

body[data-theme="light"] #backToTop:hover,
body[data-theme="light"] #backToBottom:hover,
body[data-theme="light"] .back-to-top:hover,
body[data-theme="light"] .back-to-bottom:hover {
  box-shadow: 0 6px 25px rgba(255, 99, 71, 0.5) !important;
}

/* ====================================
   TESTIMONIALS SECTION - Light Mode
   ==================================== */
body[data-theme="light"] .testimonials-section {
  background: #f8f9fa !important;
}

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

body[data-theme="light"] .testimonials-section p {
  color: #555 !important;
}

/* ====================================
   CONTACT CTA SECTION - Light Mode
   ==================================== */
body[data-theme="light"] .contact-cta {
  background: #ffffff !important;
}

body[data-theme="light"] .cta-form-box {
  background: #f8f9fa !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

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

body[data-theme="light"] .form-header p {
  color: #666 !important;
}

body[data-theme="light"] .input-group {
  background: #ffffff !important;
  border-color: #ddd !important;
}

body[data-theme="light"] .input-group i {
  color: #888 !important;
}

body[data-theme="light"] .input-group input,
body[data-theme="light"] .input-group select {
  color: #333 !important;
}

body[data-theme="light"] .form-footer p {
  color: #666 !important;
}

body[data-theme="light"] .contact-link {
  color: #ff6347 !important;
}

/* ====================================
   CONTACT PAGE FORM - Light Mode Fix
   ==================================== */
body[data-theme="light"] .contact-form-container {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .contact-form .input-group input,
body[data-theme="light"] .contact-form .input-group select,
body[data-theme="light"] .contact-form .input-group textarea {
  background: #f8f9fa !important;
  border-color: #ddd !important;
  color: #333 !important;
}

body[data-theme="light"] .contact-form .input-group input::placeholder,
body[data-theme="light"] .contact-form .input-group textarea::placeholder {
  color: #888 !important;
}

body[data-theme="light"] .contact-form .input-group input:focus,
body[data-theme="light"] .contact-form .input-group select:focus,
body[data-theme="light"] .contact-form .input-group textarea:focus {
  background: #ffffff !important;
  border-color: #ff6347 !important;
  box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] .file-upload-area {
  background: #f8f9fa !important;
  border-color: #ddd !important;
}

body[data-theme="light"] .upload-text h4 {
  color: #333 !important;
}

body[data-theme="light"] .upload-text p {
  color: #666 !important;
}

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

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

body[data-theme="light"] .info-content p {
  color: #555 !important;
}

body[data-theme="light"] .hours-list li {
  border-bottom-color: #ddd !important;
}

body[data-theme="light"] .hours-list .day {
  color: #666 !important;
}


/* ====================================
   FAQ PAGE - Light Mode Styles
   ==================================== */
body[data-theme="light"] .faq-section {
  background-color: #f8f9fa !important;
}

body[data-theme="light"] .faq-item {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .faq-question {
  background: rgba(255, 99, 71, 0.08) !important;
}

body[data-theme="light"] .faq-question:hover {
  background: rgba(255, 99, 71, 0.15) !important;
}

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

body[data-theme="light"] .faq-answer {
  background: #ffffff !important;
}

body[data-theme="light"] .faq-answer p {
  color: #555 !important;
}

body[data-theme="light"] .faq-search-input {
  background: #ffffff !important;
  border-color: #ddd !important;
  color: #333 !important;
}

body[data-theme="light"] .faq-search-input:focus {
  border-color: #ff6347 !important;
}

body[data-theme="light"] .faq-search-input::placeholder {
  color: #888 !important;
}

body[data-theme="light"] .faq-category-btn {
  background: #ffffff !important;
  color: #333 !important;
  border-color: #ddd !important;
}

body[data-theme="light"] .faq-category-btn:hover,
body[data-theme="light"] .faq-category-btn.active {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  border-color: #ff6347 !important;
}

/* ====================================
   BLOG PAGE - Light Mode Styles
   ==================================== */
body[data-theme="light"] .blog-hero {
  background: linear-gradient(135deg, #ff6347 0%, #ff8c00 100%) !important;
}

body[data-theme="light"] .blog-section {
  background: #f8f9fa !important;
}

body[data-theme="light"] .blog-card {
  background: #ffffff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

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

body[data-theme="light"] .blog-card p {
  color: #555 !important;
}

body[data-theme="light"] .blog-meta {
  color: #888 !important;
}

body[data-theme="light"] .blog-categories,
body[data-theme="light"] .category-filter {
  background: #ffffff !important;
}

body[data-theme="light"] .category-btn,
body[data-theme="light"] .filter-btn {
  background: #f8f9fa !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
}

body[data-theme="light"] .category-btn:hover,
body[data-theme="light"] .category-btn.active,
body[data-theme="light"] .filter-btn:hover,
body[data-theme="light"] .filter-btn.active {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  border-color: #ff6347 !important;
}

body[data-theme="light"] .blog-sidebar {
  background: #ffffff !important;
}

body[data-theme="light"] .sidebar-widget {
  background: #f8f9fa !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

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

body[data-theme="light"] .sidebar-widget a {
  color: #555 !important;
}

body[data-theme="light"] .sidebar-widget a:hover {
  color: #ff6347 !important;
}

body[data-theme="light"] .tag {
  background: #f0f0f0 !important;
  color: #555 !important;
}

body[data-theme="light"] .tag:hover {
  background: #ff6347 !important;
  color: #ffffff !important;
}

/* ====================================
   BACK TO TOP/BOTTOM BUTTONS - Light Mode
   ==================================== */
body[data-theme="light"] .back-to-top,
body[data-theme="light"] .back-to-bottom,
body[data-theme="light"] #backToTop,
body[data-theme="light"] #backToBottom {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.4) !important;
  border: none !important;
}

body[data-theme="light"] .back-to-top:hover,
body[data-theme="light"] .back-to-bottom:hover,
body[data-theme="light"] #backToTop:hover,
body[data-theme="light"] #backToBottom:hover {
  box-shadow: 0 6px 25px rgba(255, 99, 71, 0.5) !important;
  transform: translateY(-3px) !important;
}

/* ====================================
   FEEDBACK MODAL - Light Mode
   ==================================== */
body[data-theme="light"] .feedback-modal {
  background: rgba(0, 0, 0, 0.5) !important;
}

body[data-theme="light"] .feedback-modal-content {
  background: #ffffff !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}

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

body[data-theme="light"] .feedback-header p {
  color: #666 !important;
}

body[data-theme="light"] .feedback-input label {
  color: #333 !important;
}

body[data-theme="light"] .feedback-input input,
/* ===== Booking page: Light-mode component card styles ===== */

body[data-theme="light"] .addon-services,
body[data-theme="light"] .price-calculator,
body[data-theme="light"] .popular-routes,
body[data-theme="light"] .distance-estimate,
body[data-theme="light"] .summary-section,
body[data-theme="light"] .delivery-estimate,
body[data-theme="light"] .map-container-wrapper,
body[data-theme="light"] .waypoints-section,
body[data-theme="light"] .booking-summary,
body[data-theme="light"] .review-summary {
  background: var(--card-bg-soft, #fff6f2);
  border: var(--card-border-weight, 1.5px) solid var(--card-border-dark, rgba(51,51,51,0.4));
  border-radius: 8px;
  padding: 14px;
  box-shadow: var(--card-shadow-soft, 0 6px 18px rgba(12,12,12,0.04));
  color: var(--card-text, #111111);
}

/* addon items */
body[data-theme="light"] .addon-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.12), var(--card-bg-soft,#fff6f2));
  color: var(--card-text, #111111);
  border: var(--card-border-weight,1.5px) solid  rgb(51,51,51,0.5);
}

body[data-theme="light"] .addon-desc{
  color: var(--card-text-muted, #5b4d44);
}
body[data-theme="light"] .addon-item:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.85), #fffefc);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(16,16,16,0.08);
}

/* price summary rows */
body[data-theme="light"] .price-slider-group {
  border-bottom: 1px solid rgba(51,51,51,0.12);
  padding-bottom: 10px;
}
body[data-theme="light"] .price-slider-group .slider-label {
  color: var(--card-text-muted, #5b4d44);
}

body[data-theme="light"] .price-item {
    color: var(--card-text-muted, #5b4d44);
}
body[data-theme="light"] .price-calculator h4,
body[data-theme="light"] .summary-header h3 {
  color: var(--accent, #ff6b3d);
  margin-bottom: 10px;
}


body[data-theme="light"] .summary-header h3,
body[data-theme="light"] .review-summary h4 {
  color: #6b0808 !important;
}
body[data-theme="light"] .summary-header i,
body[data-theme="light"] .review-summary h4 i {
  color: #6b0808 !important;
}

body[data-theme="light"] .price-summary,
body[data-theme="light"] .summary-section {
  background: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
}

body[data-theme="light"] .delivery-estimate {
  border-color: rgba(34, 197, 94, 0.25) !important;
  color: #16a34a !important;
}
body[data-theme="light"] .delivery-estimate .date {
  color: #15803d !important;
  font-weight: 600;
}

body[data-theme="light"] .popular-routes h5  {
  color: var(--accent, #ff6b3d);
  font-weight: 600;
  font-size: 1.05rem;
}

body[data-theme="light"] .popular-routes .pr-header {
  color: rgba(0,0,0,0.65);
}
body[data-theme="light"] .popular-routes .pr-header .pr-icon {
  color: var(--accent, #ff6b3d);
}

body[data-theme="light"] .popular-routes .pr-list .route-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), var(--card-bg-soft,#fff6f2));
  border: var(--card-border-weight,1.5px) solid rgba(0,0,0,0.06);
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color: var(--card-text, #111111);
}

body[data-theme="light"] .route-cities, body[data-theme="light"] .route-meta {
  color: #2d2d2d;
}

body[data-theme="light"] .route-item:hover {
  background: linear-gradient(180deg, #fffefc, rgba(255, 240, 235, 0.9));
  box-shadow: 0 8px 20px rgba(16,16,16,0.06);
  transform: translateY(-3px);
}

body[data-theme="light"] .route-distance strong,
body[data-theme="light"] .distance-display strong,
body[data-theme="light"] .distance-estimate .distance,
body[data-theme="light"] .distance-estimate .time {
  color: var(--card-text, #111111) !important;
}

body[data-theme="light"] .distance.distance-select-hint {
  color: var(--success-color, #10b981) !important;
  font-weight: 600;
}

body[data-theme="light"] .route-badges .badge {
  background: rgba(255,99,71,0.08);
  color: var(--accent, #ff6b3d);
  border: 1px solid rgba(255,99,71,0.12);
}

body[data-theme="light"] .route-badges .badge.high {
  background: linear-gradient(90deg, #ff7a59, #ff6347);
  color: #fff;
  box-shadow: 0 6px 18px rgba(255,99,71,0.12);
  border: none;
}

body[data-theme="light"] .route-badges .badge.trending {
  background: rgba(255, 99, 71, 0.06);
  color: var(--accent, #ff6b3d);
  border: 1px solid rgba(255,99,71,0.12);
}


/* delivery & distance labels */
body[data-theme="light"] .delivery-estimate .label,
body[data-theme="light"] .distance-estimate .label {
  color: var(--card-text-muted, #5b4d44);
  font-weight: 700;
}
body[data-theme="light"] .delivery-estimate .date,
body[data-theme="light"] .distance-estimate .distance,
body[data-theme="light"] .distance-estimate .time {
  color: var(--card-text, #111111);
  font-weight: 600;
}

/* summary labels and values (light mode overrides default dark-mode styles) */
body[data-theme="light"] .summary-label {
  color: var(--card-text-muted, #5b4d44) !important;
}
body[data-theme="light"] .summary-value {
  color: var(--card-text, #111111) !important;
}
body[data-theme="light"] .summary-value.empty {
  color: rgba(17,17,17,0.45) !important;
}

/* summary buttons */
body[data-theme="light"] .summary-actions { display:flex; gap:10px; }
body[data-theme="light"] .summary-btn {
  background: linear-gradient(135deg, var(--accent,#ff6b35), #ff4a20);
  color: #fff;
  border: var(--card-border-weight,1.5px) solid var(--card-border-dark, rgba(0,0,0,0.12));
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(255,107,61,0.12);
}
body[data-theme="light"] .summary-btn.btn-download {
  background: linear-gradient(135deg, #34d399, #10b981);
  border: none;
  box-shadow: 0 8px 20px rgba(16,185,129,0.12);
  color: #fff;
}

/* Light-mode download/button overrides */
body[data-theme="light"] .btn-download {
  background: linear-gradient(135deg, #34d399, #10b981);
  color: #fff;
  border: none;
}
body[data-theme="light"] .btn-download:hover {
  background: linear-gradient(135deg, #2bb673, #059669);
}
body[data-theme="light"] .download-asset-btn {
  background: linear-gradient(135deg, #34d399, #10b981) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(16,185,129,0.12);
}
body[data-theme="light"] .download-asset-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(16,185,129,0.18);
}

/* map container */
body[data-theme="light"] .map-container-wrapper {
  padding: 12px;
  border-radius: 12px;
  overflow: hidden;
}
body[data-theme="light"] .map-container {
  border-radius: 10px;
  border: var(--card-border-weight,1.5px) solid var(--card-border-dark, rgba(0,0,0,0.12));
  height: 320px;
}
body[data-theme="light"] .map-container-wrapper.fade-in {
  border-color: rgb(74, 74, 73);
}

body[data-theme="light"] .map-header h3 {
  color: var(--accent, #ff6b3d);
  margin-bottom: 10px;
}
body[data-theme="light"] .map-header p {
  color: #5d4b44;
  margin-bottom: 10px;
}
body[data-theme="light"] #map {
  border-color: #ffffff;
}
body[data-theme="light"] .map-3d-indicator
{
  margin-top: 9px;
  color:#5b4d44
}

body[data-theme="light"] .map-control-btn {
  color:#5b4d44;
  margin-bottom: 10px;
  background-color: #ffdbbb;
}
/* waypoints list */
body[data-theme="light"] .waypoints-list .waypoint-item {
  background: rgba(255,255,255,0.85);
  border: var(--card-border-weight,1.5px) solid var(--card-border-dark, rgba(0,0,0,0.12));
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color: var(--card-text, #111111);
}

/* Accessibility: subtle focus */
body[data-theme="light"] .addon-item:focus,
body[data-theme="light"] .summary-btn:focus,
body[data-theme="light"] .waypoint-item:focus {
  outline: 2px solid rgba(255,99,71,0.12);
  outline-offset: 2px;
}

/* ===== end booking light-mode overrides ===== */


body[data-theme="light"] .feedback-input textarea {
  background: #f8f9fa !important;
  border: 1px solid #ddd !important;
  color: #333 !important;
}


body[data-theme="light"] .close-feedback:hover {
  color: #ff6347 !important;
}

/* ====================================
   ABOUT PAGE - Light Mode Styles
   ==================================== */

/* About Page Hero Section - PRESERVE BACKGROUND IMAGE */
/* The hero section on the About page should show the same background image in both light and dark modes */
/* Only the overlay opacity/color should change for readability */
/* Uses .about-hero class to specifically target the About page hero */

body[data-theme="light"] .about-hero,
body[data-theme="light"] .hero.about-hero {
  /* Use the same background image as dark mode with a lighter overlay for readability */
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(248, 249, 250, 0.65)), url('../../assets/images/banner.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* About page hero text styling for light mode */
body[data-theme="light"] .about-hero h1 {
  color: #1a1a1a !important;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.8) !important;
}

body[data-theme="light"] .about-hero p {
  color: #333 !important;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9) !important;
}

body[data-theme="light"] .hero-btn {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  box-shadow: 0 5px 15px rgba(255, 99, 71, 0.4) !important;
}

body[data-theme="light"] .hero-btn:hover {
  background: linear-gradient(135deg, #ff4500, #e63900) !important;
  box-shadow: 0 8px 20px rgba(255, 99, 71, 0.5) !important;
}

/* About Section */
body[data-theme="light"] .about {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

body[data-theme="light"] .about .section-title h2 {
  color: #1a1a1a !important;
  text-shadow: 0 0 10px rgba(255, 99, 71, 0.6) !important;
}

body[data-theme="light"] .about .section-title p {
  color: #555 !important;
}

body[data-theme="light"] .about-text {
  color: #1a1a1a !important;
}

body[data-theme="light"] .about-text h3 {
  color: #ff6347 !important;
  text-shadow: none !important;
}

body[data-theme="light"] .about-text p {
  color: #555 !important;
}

/* About Image - Fix for light mode */
body[data-theme="light"] .about-image {
  background: radial-gradient(
    circle,
    rgba(255, 99, 71, 0.1),
    rgba(255, 255, 255, 0.95)
  ) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
  border: 2px solid rgba(255, 99, 71, 0.2) !important;
}

body[data-theme="light"] .about-image:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
  border-color: rgba(255, 99, 71, 0.4) !important;
}

body[data-theme="light"] .about-image img {
  filter: brightness(1.1) contrast(1.05) !important;
}

/* Values Section */
body[data-theme="light"] .values {
  background: #f8f9fa !important;
}

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

body[data-theme="light"] .values .section-title p {
  color: #555 !important;
}

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

body[data-theme="light"] .value-card:hover {
  background: #ffffff !important;
  border-color: rgba(255, 99, 71, 0.3) !important;
  box-shadow: 0 10px 30px rgba(255, 99, 71, 0.15) !important;
}

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

body[data-theme="light"] .value-card p {
  color: #555 !important;
}

body[data-theme="light"] .value-icon {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  box-shadow: 0 4px 15px rgba(255, 99, 71, 0.3) !important;
}

/* Enhanced Values Section */
body[data-theme="light"] .values-enhanced {
  background: #f8f9fa !important;
}

body[data-theme="light"] .value-icon-wrapper {
  background: rgba(255, 99, 71, 0.1) !important;
}

body[data-theme="light"] .value-icon-morph {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
}

body[data-theme="light"] .value-tooltip {
  background: rgba(50, 50, 50, 0.95) !important;
  color: white !important;
}

/* Team Section */
body[data-theme="light"] .team {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

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

body[data-theme="light"] .team .section-title p {
  color: #555 !important;
}

body[data-theme="light"] .team-member {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .team-member:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
}

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

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

body[data-theme="light"] .member-info p {
  color: #ff6347 !important;
}

/* Team Flip Cards */
body[data-theme="light"] .about-team-flip-card-front {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .about-team-flip-card-back {
  background: linear-gradient(145deg, #f8f9fa, #ffffff) !important;
  color: #1a1a1a !important;
}

body[data-theme="light"] .about-team-flip-card-back h3 {
  color: #1a1a1a !important;
}

body[data-theme="light"] .about-member-front-info h3 {
  color: #1a1a1a !important;
}

body[data-theme="light"] .about-member-role {
  color: #ff6347 !important;
}

body[data-theme="light"] .about-member-bio {
  color: #555 !important;
}

body[data-theme="light"] .about-member-highlights li {
  color: #666 !important;
}

body[data-theme="light"] .about-social-icon {
  background: rgba(255, 99, 71, 0.1) !important;
  color: #ff6347 !important;
  border: 1px solid rgba(255, 99, 71, 0.3) !important;
}

body[data-theme="light"] .about-social-icon:hover {
  background: #ff6347 !important;
  color: #ffffff !important;
}

/* Skill Bars */
body[data-theme="light"] .about-skill-name,
body[data-theme="light"] .skill-name {
  color: #333 !important;
}

body[data-theme="light"] .about-skill-progress,
body[data-theme="light"] .skill-progress {
  background: rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .about-skill-progress-bar,
body[data-theme="light"] .skill-progress-bar {
  background: linear-gradient(90deg, #ff6347, #ff4500) !important;
}

/* Stats Section Enhanced */
body[data-theme="light"] .stats-enhanced {
  background: #f8f9fa !important;
}

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

body[data-theme="light"] .stats-enhanced .section-title p {
  color: #555 !important;
}

body[data-theme="light"] .stat-circle-item {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

body[data-theme="light"] .stat-circle-number {
  color: #ff6347 !important;
  text-shadow: none !important;
}

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

body[data-theme="light"] .stat-circle-description {
  color: #666 !important;
}

body[data-theme="light"] .stat-circle-bg {
  stroke: rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .stat-circle-progress {
  stroke: url(#gradient) !important;
}

/* Milestone Timeline */
body[data-theme="light"] .milestone-timeline h3 {
  color: #ff6347 !important;
}

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

body[data-theme="light"] .milestone-marker {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
}

body[data-theme="light"] .milestone-year {
  color: #ff6347 !important;
}

body[data-theme="light"] .milestone-achievement {
  color: #555 !important;
}

/* Animated Infographic */
body[data-theme="light"] .animated-infographic h3 {
  color: #ff6347 !important;
}

body[data-theme="light"] .infographic-label {
  color: #333 !important;
}

body[data-theme="light"] .infographic-bar {
  background: rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .infographic-bar-fill {
  background: linear-gradient(90deg, #ff6347, #ff4500) !important;
}

/* Company Timeline Section */
body[data-theme="light"] .company-timeline {
  background: #ffffff !important;
}

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

body[data-theme="light"] .company-timeline .section-title p {
  color: #555 !important;
}

body[data-theme="light"] .timeline-line {
  background: rgba(255, 99, 71, 0.3) !important;
}

body[data-theme="light"] .timeline-item {
  background: #f8f9fa !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

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

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

body[data-theme="light"] .timeline-year {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
}

body[data-theme="light"] .timeline-tag {
  background: rgba(255, 99, 71, 0.1) !important;
  color: #ff6347 !important;
  border: 1px solid rgba(255, 99, 71, 0.3) !important;
}

/* CTA Section */
body[data-theme="light"] .cta {
  background: #f8f9fa !important;
}

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

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

body[data-theme="light"] .cta-btn {
  background: linear-gradient(135deg, #ff6347, #ff4500) !important;
  color: #ffffff !important;
  box-shadow: 0 5px 15px rgba(255, 99, 71, 0.3) !important;
}

body[data-theme="light"] .cta-btn:hover {
  background: linear-gradient(135deg, #ff4500, #e63900) !important;
  box-shadow: 0 8px 20px rgba(255, 99, 71, 0.4) !important;
}

/* Section Divider */
body[data-theme="light"] .section-divider {
  background: linear-gradient(90deg, transparent, rgba(255, 99, 71, 0.3), transparent) !important;
}

/* About Content Spacing and Typography */
body[data-theme="light"] .about-content {
  color: #1a1a1a !important;
}

body[data-theme="light"] .about-text h3::before {
  background: #ff6347 !important;
}

/* Responsive adjustments for light mode */
@media (max-width: 768px) {
  body[data-theme="light"] .about {
    background: #ffffff !important;
  }
  
  body[data-theme="light"] .values {
    background: #f8f9fa !important;
  }
  
  body[data-theme="light"] .team {
    background: #ffffff !important;
  }
  
  body[data-theme="light"] .company-timeline {
    background: #f8f9fa !important;
  }
}