/* Custom Color Utilities for AdOnRoad */

/* Logo styling to prevent size issues */
.logo-container {
    height: 48px !important;
    width: auto !important;
}

.logo-container img {
    height: 48px !important;
    width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    display: block !important;
}

/* Primary Colors */
.bg-primary { background-color: #186c6a !important; }
.bg-primary-50 { background-color: #f0fdfa !important; }
.bg-primary-100 { background-color: #ccfbf1 !important; }
.bg-primary-200 { background-color: #99f6e4 !important; }
.bg-primary-300 { background-color: #5eead4 !important; }
.bg-primary-400 { background-color: #2dd4bf !important; }
.bg-primary-500 { background-color: #186c6a !important; }
.bg-primary-600 { background-color: #0f5b5a !important; }
.bg-primary-700 { background-color: #0d4a49 !important; }
.bg-primary-800 { background-color: #0a3938 !important; }
.bg-primary-900 { background-color: #072827 !important; }

.text-primary { color: #186c6a !important; }
.text-primary-50 { color: #f0fdfa !important; }
.text-primary-100 { color: #ccfbf1 !important; }
.text-primary-200 { color: #99f6e4 !important; }
.text-primary-300 { color: #5eead4 !important; }
.text-primary-400 { color: #2dd4bf !important; }
.text-primary-500 { color: #186c6a !important; }
.text-primary-600 { color: #0f5b5a !important; }
.text-primary-700 { color: #0d4a49 !important; }
.text-primary-800 { color: #0a3938 !important; }
.text-primary-900 { color: #072827 !important; }

.border-primary { border-color: #186c6a !important; }
.border-primary-50 { border-color: #f0fdfa !important; }
.border-primary-100 { border-color: #ccfbf1 !important; }
.border-primary-200 { border-color: #99f6e4 !important; }
.border-primary-300 { border-color: #5eead4 !important; }
.border-primary-400 { border-color: #2dd4bf !important; }
.border-primary-500 { border-color: #186c6a !important; }
.border-primary-600 { border-color: #0f5b5a !important; }
.border-primary-700 { border-color: #0d4a49 !important; }
.border-primary-800 { border-color: #0a3938 !important; }
.border-primary-900 { border-color: #072827 !important; }

/* Secondary Colors */
.bg-secondary { background-color: #fbbf24 !important; }
.bg-secondary-500 { background-color: #fbbf24 !important; }
.bg-secondary-600 { background-color: #f59e0b !important; }
.bg-secondary-700 { background-color: #d97706 !important; }

.text-secondary { color: #fbbf24 !important; }
.text-secondary-500 { color: #fbbf24 !important; }
.text-secondary-600 { color: #f59e0b !important; }
.text-secondary-700 { color: #d97706 !important; }

/* Hover States */
.hover\:bg-primary:hover { background-color: #186c6a !important; }
.hover\:bg-primary-500:hover { background-color: #186c6a !important; }
.hover\:bg-primary-600:hover { background-color: #0f5b5a !important; }
.hover\:bg-primary-700:hover { background-color: #0f5b5a !important; }
.hover\:bg-primary-800:hover { background-color: #0a3938 !important; }

.hover\:text-primary:hover { color: #186c6a !important; }
.hover\:border-primary:hover { border-color: #186c6a !important; }

.hover\:bg-secondary:hover { background-color: #fbbf24 !important; }
.hover\:bg-secondary-600:hover { background-color: #f59e0b !important; }

/* Focus States */
.focus\:ring-primary:focus { box-shadow: 0 0 0 2px #186c6a !important; }
.focus\:border-primary:focus { border-color: #186c6a !important; }

/* Active States */
.active { color: #186c6a !important; }

/* Navigation Active States */
.text-primary.bg-blue-50 {
  background-color: #f0fdfa !important;
  color: #186c6a !important;
}

/* Service cards hover effects */
.hover\:bg-primary-50:hover { background-color: #f0fdfa !important; }
.hover\:border-primary:hover { border-color: #186c6a !important; }

/* Gallery filter buttons */
.filter-btn.active {
  background-color: #186c6a !important;
  color: white !important;
}

.filter-btn:hover {
  background-color: #0f5b5a !important;
  color: white !important;
}

.gallery-filter.active {
  background-color: #186c6a !important;
  color: white !important;
}

.gallery-filter:hover {
  background-color: #0f5b5a !important;
  color: white !important;
}

/* Form elements */
input:focus,
textarea:focus,
select:focus {
  border-color: #186c6a !important;
  box-shadow: 0 0 0 3px rgba(24, 108, 106, 0.1) !important;
}

/* Stats section */
.stat-number {
  color: #186c6a;
}

/* Feature icons */
.feature-icon {
  color: #186c6a;
}

/* Testimonial styling */
.testimonial-author {
  color: #186c6a;
}

/* Footer links */
.footer-link:hover {
  color: #186c6a;
}

/* Breadcrumb */
.breadcrumb-active {
  color: #186c6a;
}

/* Progress bars */
.progress-bar {
  background-color: #186c6a;
}

/* Loading spinners */
.spinner {
  border-color: #186c6a;
}

/* Tooltips */
.tooltip {
  background-color: #186c6a;
}

.tooltip::before {
  border-top-color: #186c6a;
}

/* Modal headers */
.modal-header {
  background-color: #186c6a;
  color: white;
}

/* Alert styles */
.alert-info {
  background-color: #f0fdfa;
  border-color: #186c6a;
  color: #0d4a49;
}

/* Badge styles */
.badge-primary {
  background-color: #186c6a;
  color: white;
}

/* Dropdown active states */
.dropdown-item.active {
  background-color: #186c6a;
  color: white;
}

/* Tab active states */
.tab-active {
  border-bottom-color: #186c6a;
  color: #186c6a;
}

/* Pagination */
.pagination-active {
  background-color: #186c6a;
  border-color: #186c6a;
  color: white;
}

.pagination-link:hover {
  background-color: #f0fdfa;
  border-color: #186c6a;
  color: #186c6a;
}