/* Tech Fixer - Shared Styles */

body { 
    font-family: 'Inter', sans-serif; 
}

.dropdown:hover .dropdown-menu { 
    display: block; 
}

/* Custom Tech Fixer Brand Colors */
.text-brand-orange { color: #ffb600; }
.bg-brand-orange { background-color: #ffb600; }
.hover\:bg-brand-orange-dark:hover { background-color: #e6a400; }
.border-brand-orange { border-color: #ffb600; }

/* Override Tailwind orange with brand gold #ffb600 */
.text-orange-500, .hover\:text-orange-500:hover { color: #ffb600 !important; }
.bg-orange-500 { background-color: #ffb600 !important; }
.hover\:bg-orange-600:hover, .hover\:bg-orange-700:hover { background-color: #e6a400 !important; }
.hover\:bg-orange-50:hover, .bg-orange-50 { background-color: #fffbeb !important; }
.border-orange-500 { border-color: #ffb600 !important; }
.hover\:border-orange-300:hover { border-color: #ffd966 !important; }
.bg-orange-100 { background-color: #fff3cc !important; }
.text-orange-800 { color: #8b6914 !important; }
.text-orange-600, .hover\:text-orange-600:hover { color: #e6a400 !important; }
.text-orange-300 { color: #ffd966 !important; }

/* Brand header styling */
nav.brand-header { background-color: #ffb600 !important; }
nav.brand-header > div > div > a, 
nav.brand-header > div > div > div > button { color: white !important; }
nav.brand-header > div > div > a:hover, 
nav.brand-header > div > div > div > button:hover { color: #1f2937 !important; }
nav.brand-header .fa-bars { color: white !important; }
nav.brand-header .dropdown-menu a { color: #374151 !important; }
nav.brand-header .dropdown-menu a:hover { color: #ffb600 !important; }

/* Mobile menu styling - override brand header colors */
#mobile-menu { background-color: white !important; }
#mobile-menu a { color: #1f2937 !important; }
#mobile-menu a:hover { color: #ffb600 !important; }
#mobile-menu span { color: #9ca3af !important; }
#mobile-menu .bg-gray-50 a { color: #374151 !important; }
#mobile-menu .bg-gray-50 a:hover { color: #ffb600 !important; }

/* Blog/Prose styles */
.prose h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; color: #111827; }
.prose h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #1F2937; }
.prose p { margin-bottom: 1rem; line-height: 1.6; color: #374151; }
.prose ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1rem; }
.prose ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.5rem; color: #374151; }
.prose strong { color: #111827; font-weight: 600; }