/*  
 * Minimalist Modern Tema - Clean & Professional
 * Göz yormayan, minimal ve şık tasarım
 */

/* ====================================
   MINIMAL COLOR PALETTE
   ==================================== */

:root {
    --minimal-dark: #0f172a;
    --minimal-gray: #334155;
    --minimal-light: #64748b;
    --minimal-lighter: #94a3b8;
    --minimal-accent: #6366f1;
    --minimal-accent-light: #818cf8;
    --minimal-bg: #ffffff;
    --minimal-bg-alt: #f8fafc;
}

/* ====================================
   GLOBAL FONT SETTINGS
   ==================================== */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

h1 {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
}

h2 {
    font-size: 2rem !important;
    font-weight: 700 !important;
}

h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

h4 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

p {
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
}

.lead {
    font-size: 1.125rem !important;
    font-weight: 400 !important;
}

button, .btn {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
}

input, textarea, select {
    font-family: 'Inter', sans-serif !important;
}

/* ====================================
   TYPOGRAPHY - CLEAN & READABLE
   ==================================== */

/* Reset aggressive styles */
h1, h2, h3, h4, h5, h6 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

/* Hero - Simple & Clean */
.hero {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
}

.hero h1,
.hero h2,
.hero h3,
.hero-title,
.text-gradient {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.hero p,
.hero .lead,
.hero .subtitle,
.hero .description {
    color: var(--minimal-gray) !important;
    text-shadow: none !important;
}

/* Section Titles - Clean & Simple */
.section-title,
.services-section h2,
.blog-section h2,
.references-section h2,
.partners-section h2,
.contact-section h2,
.about-section h2 {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    font-weight: 700 !important;
    position: relative !important;
    padding-bottom: 1rem !important;
    margin-bottom: 2rem !important;
}

.section-title::after,
.services-section h2::after,
.blog-section h2::after,
.references-section h2::after,
.partners-section h2::after,
.contact-section h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 3px !important;
    background: var(--minimal-dark) !important;
    border-radius: 2px !important;
}

/* Paragraphs - Easy on Eyes */
p {
    color: var(--minimal-gray) !important;
    line-height: 1.7 !important;
}

.lead {
    color: var(--minimal-light) !important;
    font-size: 1.1rem !important;
}

/* ====================================
   BUTTONS - MINIMAL & CLEAN
   ==================================== */

.btn-primary {
    background: var(--minimal-dark) !important;
    color: white !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.btn-primary:hover {
    background: #1e293b !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}

.btn-secondary {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    border: 1px solid #e2e8f0 !important;
}

.btn-secondary:hover {
    background: white !important;
    border-color: var(--minimal-accent) !important;
    color: var(--minimal-accent) !important;
}

.btn-outline {
    background: transparent !important;
    border: 1px solid var(--minimal-dark) !important;
    color: var(--minimal-dark) !important;
}

.btn-outline:hover {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* Remove aggressive button effects */
.btn::before {
    display: none !important;
}

/* ====================================
   CARDS - MINIMAL & SPACIOUS
   ==================================== */

.card,
.service-card,
.blog-card,
.reference-card,
.partner-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.card:hover,
.service-card:hover,
.blog-card:hover,
.reference-card:hover,
.partner-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-4px) !important;
    border-color: #cbd5e1 !important;
}

.card h3,
.card h4,
.service-card h3,
.blog-card h3,
.reference-card h3 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
}

.card p,
.service-card p,
.blog-card p {
    color: var(--minimal-light) !important;
}

/* ====================================
   BADGES - SUBTLE & CLEAN
   ==================================== */

.badge {
    border-radius: 6px !important;
    font-weight: 500 !important;
    padding: 0.35rem 0.75rem !important;
    font-size: 0.85rem !important;
}

.badge-primary {
    background: #f1f5f9 !important;
    color: var(--minimal-dark) !important;
}

.badge-success {
    background: #f0fdf4 !important;
    color: #15803d !important;
}

.badge-warning {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.badge-info {
    background: #eff6ff !important;
    color: #1e40af !important;
}

/* ====================================
   LINKS - MINIMAL
   ==================================== */

a:not(.btn):not(.nav-link):not(.navbar-brand):not(.category-btn) {
    color: var(--minimal-gray) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

a:not(.btn):not(.nav-link):not(.navbar-brand):not(.category-btn):hover {
    color: var(--minimal-dark) !important;
    text-decoration: underline !important;
}

/* ====================================
   NAVBAR - CLEAN & PROFESSIONAL
   ==================================== */

.navbar,
nav.navbar,
.nav-container {
    background: white !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.navbar-brand,
.nav-logo a {
    color: var(--minimal-dark) !important;
}

.navbar-brand:hover,
.nav-logo a:hover {
    color: var(--minimal-dark) !important;
    text-decoration: none !important;
}

.nav-logo span {
    color: var(--minimal-dark) !important;
}

/* Navbar links */
.navbar-nav .nav-link,
.nav-menu .nav-link {
    color: var(--minimal-gray) !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.navbar-nav .nav-link:hover,
.nav-menu .nav-link:hover {
    color: var(--minimal-dark) !important;
}

.navbar-nav .nav-link.active,
.nav-menu .nav-link.active {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

/* CTA Button in navbar */
.nav-cta .btn,
.navbar .btn-primary {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* ====================================
   FOOTER - CLEAN & MINIMAL
   ==================================== */

footer,
.footer {
    background: var(--minimal-dark) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Footer sections */
.footer-section h3,
.footer-section h4,
.footer-section h5 {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-bottom: 1.5rem !important;
    letter-spacing: -0.01em !important;
}

/* Footer logo */
.footer-logo h3 {
    color: white !important;
    font-weight: 700 !important;
}

/* Footer paragraphs */
footer p,
.footer p,
.footer-section p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

/* Footer lists */
footer ul,
.footer ul {
    list-style: none !important;
    padding: 0 !important;
}

footer li,
.footer li {
    color: rgba(255, 255, 255, 0.85) !important;
    margin-bottom: 0.75rem !important;
    font-size: 0.95rem !important;
}

/* Footer links */
footer a,
.footer a {
    color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

footer a:hover,
.footer a:hover {
    color: white !important;
    padding-left: 4px !important;
    font-weight: 600 !important;
}

/* Footer contact info */
.footer-contact a,
.contact-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-contact i,
.contact-link i {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Social links in footer */
.social-links {
    display: flex !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
}

.social-link {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.2s ease !important;
}

.social-link:hover {
    background: white !important;
    color: var(--minimal-dark) !important;
    border-color: white !important;
    transform: translateY(-2px) !important;
}

/* Footer bottom */
.footer-bottom,
.footer-copyright {
    background: rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 1.5rem 0 !important;
}

.footer-bottom p,
.footer-copyright p {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 0.9rem !important;
    margin: 0 !important;
}

.footer-bottom a,
.footer-copyright a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-bottom a:hover,
.footer-copyright a:hover {
    color: white !important;
    padding-left: 0 !important;
}

/* ====================================
   ICONS - SUBTLE STYLING
   ==================================== */

.service-icon,
.feature-icon {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-accent) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ====================================
   FORMS - CLEAN & MODERN
   ==================================== */

input:focus,
textarea:focus,
select:focus {
    border-color: var(--minimal-accent) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
    outline: none !important;
}

label,
.form-label {
    color: var(--minimal-dark) !important;
    font-weight: 500 !important;
}

::placeholder {
    color: var(--minimal-lighter) !important;
}

/* ====================================
   STATS & NUMBERS - MINIMAL
   ==================================== */

.stat-number,
.counter {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    font-weight: 700 !important;
}

.stat-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.stat-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-4px) !important;
}

/* ====================================
   BACK TO TOP - MINIMAL
   ==================================== */

.back-to-top {
    background: var(--minimal-dark) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.back-to-top:hover {
    background: var(--minimal-accent) !important;
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.2) !important;
}

/* ====================================
   BREADCRUMBS
   ==================================== */

.breadcrumb-item,
.breadcrumb-item a {
    color: var(--minimal-light) !important;
}

.breadcrumb-item.active {
    color: var(--minimal-dark) !important;
}

/* ====================================
   TESTIMONIALS
   ==================================== */

.testimonial-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.testimonial-text {
    color: var(--minimal-gray) !important;
}

.testimonial-author {
    color: var(--minimal-dark) !important;
}

/* ====================================
   BLOG & ARTICLES
   ==================================== */

.blog-meta,
.post-meta {
    color: var(--minimal-lighter) !important;
}

.article-content p {
    color: var(--minimal-gray) !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
}

.article-content h2,
.article-content h3 {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

/* ====================================
   CATEGORY BUTTONS
   ==================================== */

.category-btn {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-gray) !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.2s ease !important;
}

.category-btn.active,
.category-btn:hover {
    background: var(--minimal-dark) !important;
    color: white !important;
    border-color: var(--minimal-dark) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* ====================================
   ALERTS - SUBTLE
   ==================================== */

.alert-success {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #15803d !important;
}

.alert-danger {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.alert-warning {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #92400e !important;
}

.alert-info {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #1e40af !important;
}

/* ====================================
   MISC - CLEAN UP
   ==================================== */

.text-muted {
    color: var(--minimal-light) !important;
}

strong, b {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

small {
    color: var(--minimal-lighter) !important;
}

/* Team Members */
.team-member h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.team-member p,
.team-member .position,
.team-role {
    color: var(--minimal-light) !important;
    font-weight: 400 !important;
}

/* Process Steps */
.process-step h4 {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    font-weight: 600 !important;
}

.process-step p,
.process-description {
    color: var(--minimal-gray) !important;
}

/* Pricing */
.pricing-card .price {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    font-weight: 700 !important;
}

.pricing-card.featured {
    border: 2px solid var(--minimal-dark) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.pricing-feature {
    color: var(--minimal-gray) !important;
}

/* Code */
code {
    color: var(--minimal-dark) !important;
    background: var(--minimal-bg-alt) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 4px !important;
}

/* Remove glow effects from cards */
.card:hover,
.service-card:hover,
.blog-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Contact Info */
.contact-info h4 {
    color: var(--minimal-dark) !important;
}

.contact-info p,
.contact-info a {
    color: var(--minimal-light) !important;
}

/* Social Links */
.social-link {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    border: 1px solid #e2e8f0 !important;
}

.social-link:hover {
    background: var(--minimal-dark) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Timeline */
.timeline-dot {
    background: var(--minimal-dark) !important;
    box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.1) !important;
}

.timeline-content h4,
.timeline-title {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.timeline-content p,
.timeline-description {
    color: var(--minimal-gray) !important;
}

.timeline-date {
    color: var(--minimal-light) !important;
}

/* Status badges */
.status-completed {
    background: #f0fdf4 !important;
    color: #15803d !important;
}

.status-pending {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.status-in-progress {
    background: #eff6ff !important;
    color: #1e40af !important;
}

/* ====================================
   ADDITIONAL TEXT ELEMENTS
   ==================================== */

/* FAQ */
.faq-question,
.faq-title {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.faq-answer,
.faq-content {
    color: var(--minimal-gray) !important;
}

/* Category Labels & Tags */
.category-label,
.tag,
.badge-category {
    color: var(--minimal-dark) !important;
    background: var(--minimal-bg-alt) !important;
    border: 1px solid #e2e8f0 !important;
    font-weight: 500 !important;
}

/* List styles */
.feature-list li,
.process-list li,
.checklist li {
    color: var(--minimal-gray) !important;
}

.feature-list li strong,
.process-list li strong {
    color: var(--minimal-dark) !important;
}

/* Icons in text */
.feature-list i,
.checklist i {
    color: var(--minimal-dark) !important;
}

/* Service details */
.service-detail h3,
.service-detail h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.service-detail p {
    color: var(--minimal-gray) !important;
}

/* Blog details */
.blog-detail h3,
.blog-detail h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.blog-detail p {
    color: var(--minimal-gray) !important;
}

/* Project details */
.project-detail h3,
.project-detail h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.project-detail p {
    color: var(--minimal-gray) !important;
}

/* Client info */
.client-name {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.client-position,
.client-company {
    color: var(--minimal-light) !important;
}

/* Meta information */
.meta-info,
.date-info,
.author-info {
    color: var(--minimal-lighter) !important;
}

/* Card titles everywhere */
.card-title {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

.card-subtitle {
    color: var(--minimal-light) !important;
}

.card-text {
    color: var(--minimal-gray) !important;
}

/* Feature icons */
.feature-icon i,
.service-icon i {
    color: var(--minimal-dark) !important;
}

/* Stats labels */
.stat-label,
.counter-label {
    color: var(--minimal-light) !important;
    font-weight: 500 !important;
}

/* CTA sections */
.cta-section h2,
.cta-section h3 {
    color: white !important;
}

.cta-section p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Empty states */
.empty-state h3,
.no-results h3 {
    color: var(--minimal-dark) !important;
}

.empty-state p,
.no-results p {
    color: var(--minimal-light) !important;
}

/* All headings in content areas */
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: var(--minimal-dark) !important;
}

.content p {
    color: var(--minimal-gray) !important;
}

/* Remove any remaining accent colors */
.text-primary {
    color: var(--minimal-dark) !important;
}

.text-secondary {
    color: var(--minimal-gray) !important;
}

.text-muted {
    color: var(--minimal-light) !important;
}

.text-light {
    color: var(--minimal-lighter) !important;
}

/* ====================================
   REMOVE ALL YELLOW/GOLD COLORS
   ==================================== */

/* Override yellow colors - specific only */

/* Remove yellow from all elements */
.bg-warning,
.badge-warning,
.alert-warning,
.text-warning {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    border-color: #e2e8f0 !important;
}

/* Override primary color (was yellow) */
.bg-primary,
.text-primary {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* Hero gradient override */
.hero[style*="gradient"] {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
}

/* ====================================
   ICON COLORS - ALL DARK
   ==================================== */

/* Icons inherit color from parent */
.nav-link i,
.btn i {
    color: inherit !important;
}

.service-icon i,
.feature-icon i,
.stat-icon i {
    color: var(--minimal-dark) !important;
}

/* Social icons */
.social-link i {
    color: var(--minimal-dark) !important;
}

.social-link:hover i {
    color: white !important;
}

/* ====================================
   ADDITIONAL OVERRIDES
   ==================================== */

/* Specific accent overrides */
.text-accent {
    color: var(--minimal-dark) !important;
}

/* Remove all gradient text effects */
.text-gradient,
.gradient-text,
.glow,
[class*="gradient"] h1,
[class*="gradient"] h2,
[class*="gradient"] h3 {
    color: var(--minimal-dark) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Remove glow effects */
.glow,
[class*="glow"],
.btn.glow,
.btn-animated,
.btn-3d,
.magnetic {
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    filter: none !important;
    transform: none !important;
}

/* Remove 3D and animation effects from buttons */
.btn-animated,
.btn-3d {
    animation: none !important;
    transform: none !important;
    perspective: none !important;
}

.btn-animated:hover,
.btn-3d:hover,
.magnetic:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Remove floating animations */
.floating,
[class*="floating"] {
    animation: none !important;
}

/* Remove scroll reveal effects */
.scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* Hover states - smooth transitions */
a:hover, .btn:hover, .card:hover {
    transition: all 0.2s ease !important;
}

/* Focus states */
*:focus {
    outline-color: var(--minimal-dark) !important;
}

/* Selection */
::selection {
    background: var(--minimal-dark) !important;
    color: white !important;
}

::-moz-selection {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* ====================================
   MOBILE & RESPONSIVE FIXES
   ==================================== */

/* Mobile menu toggle */
.nav-toggle,
.mobile-menu-toggle {
    background: var(--minimal-dark) !important;
    color: white !important;
    border: none !important;
}

/* Mobile menu */
@media (max-width: 768px) {
    .nav-menu {
        background: white !important;
        border-top: 1px solid #f1f5f9 !important;
    }
    
    .nav-menu.active {
        display: flex !important;
    }
}

/* ====================================
   LAYOUT FIXES
   ==================================== */

/* Container spacing */
.container {
    max-width: 1200px !important;
}

/* Section spacing */
section {
    padding: 4rem 0 !important;
}

/* Grid layouts */
.grid {
    display: grid !important;
    gap: 2rem !important;
}

.row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 2rem !important;
}

/* Service grid - 4 columns */
#services .row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
}

/* Blog grid - 3 columns */
.blog-section .row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
}

/* Responsive grids */
@media (max-width: 1024px) {
    #services .row {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .blog-section .row {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    #services .row,
    .blog-section .row,
    .row {
        grid-template-columns: 1fr !important;
    }
}

/* Column classes - remove */
.col-6,
.col-md-3,
.col-md-4,
.col-md-6,
[class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
}

/* ====================================
   FIX SPECIFICITY ISSUES
   ==================================== */

/* Ensure buttons work properly */
.btn,
a.btn,
button.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}

/* Ensure cards work */
.card,
.service-card,
.blog-card,
.reference-card {
    display: block !important;
    width: 100% !important;
}

/* Ensure images responsive */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Fix any broken layouts */
.d-flex {
    display: flex !important;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

/* ====================================
   OVERRIDE ALL INLINE STYLES
   ==================================== */

/* Remove all inline background gradients */
[style*="background: linear-gradient"],
[style*="background:linear-gradient"] {
    background: var(--minimal-bg-alt) !important;
}

/* Override specific old gradients */
[style*="#0c1555"],
[style*="#1a237e"],
[style*="#fbb71c"] {
    background: var(--minimal-dark) !important;
}

/* Text with inline colors */
.text-primary[style],
[style*="color: #fbb71c"],
[style*="color:#fbb71c"] {
    color: var(--minimal-dark) !important;
}

/* Fix all sections with inline gradients */
section[style*="linear-gradient"],
.section[style*="linear-gradient"],
.page-header[style*="gradient"],
.hero-section[style*="gradient"] {
    background: var(--minimal-bg-alt) !important;
}

/* Fix specific old color gradients */
section[style*="#0c1555"],
.section[style*="#0c1555"],
[style*="--gradient-secondary"] {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* Blog hero section */
.page-header {
    background: var(--minimal-dark) !important;
    color: white !important;
}

.page-header h1 {
    color: white !important;
}

.page-header p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Contact hero */
.contact-hero,
.hero-section {
    background: var(--minimal-dark) !important;
    color: white !important;
}

.hero-title {
    color: white !important;
}

.hero-subtitle {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Floating circles - remove or make minimal */
.floating-circle {
    opacity: 0.05 !important;
    background: white !important;
}

/* ====================================
   ABOUT SECTION - INDEX PAGE
   ==================================== */

.about-section,
#about {
    background: white !important;
    padding: 4rem 0 !important;
}

.about-content h2,
.about-title {
    color: var(--minimal-dark) !important;
    font-weight: 700 !important;
}

.about-subtitle {
    color: var(--minimal-gray) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    margin-bottom: 1.5rem !important;
}

.about-description {
    color: var(--minimal-gray) !important;
    line-height: 1.7 !important;
    margin-bottom: 2rem !important;
}

/* About stats */
.about-stats .stat-item {
    text-align: center !important;
    padding: 1rem !important;
}

.about-stats .stat-number {
    color: var(--minimal-dark) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

.about-stats .stat-item p {
    color: var(--minimal-light) !important;
    font-size: 0.9rem !important;
}

/* About visual/image section */
.about-visual,
.about-image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.image-placeholder {
    background: linear-gradient(135deg, var(--minimal-dark) 0%, var(--minimal-gray) 100%) !important;
    border-radius: 12px !important;
}

.image-placeholder h4,
.image-placeholder p {
    color: white !important;
}

.floating-icons i {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ====================================
   PARTNERS SECTION - INDEX PAGE
   ==================================== */

.partners-section {
    background: var(--minimal-bg-alt) !important;
}

.partner-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    transition: all 0.3s ease !important;
}

.partner-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--minimal-dark) !important;
}

.partner-logo {
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1rem !important;
}

.partner-name {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
}

.partner-description {
    color: var(--minimal-light) !important;
    font-size: 0.9rem !important;
}

.partner-placeholder i {
    color: var(--minimal-lighter) !important;
}

/* ====================================
   FIX INDEX PAGE SPECIFIC ISSUES
   ==================================== */

/* Service cards */
.service-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    transition: all 0.3s ease !important;
}

.service-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.service-card .service-icon {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1.5rem !important;
}

.service-card h3 {
    color: var(--minimal-dark) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
}

.service-card p {
    color: var(--minimal-gray) !important;
    margin-bottom: 1.5rem !important;
}

.service-card .btn {
    width: 100% !important;
}

/* Stats section */
.stats-section,
.stats-grid {
    background: var(--minimal-bg-alt) !important;
}

.stat-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    text-align: center !important;
}

.stat-card .stat-number {
    color: var(--minimal-dark) !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

.stat-card .stat-label {
    color: var(--minimal-light) !important;
    font-size: 1rem !important;
}

/* Blog cards */
.blog-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.blog-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.blog-card img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

.blog-card .card-body,
.blog-card-content {
    padding: 1.5rem !important;
}

.blog-card h3 {
    color: var(--minimal-dark) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.75rem !important;
}

.blog-card p {
    color: var(--minimal-gray) !important;
    font-size: 0.95rem !important;
}

.blog-card .blog-meta {
    color: var(--minimal-lighter) !important;
    font-size: 0.875rem !important;
}

/* CTA Section - Bold & Clear */
.cta-section,
.project-cta,
section[class*="cta"] {
    background: var(--minimal-dark) !important;
    color: white !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 5rem 0 !important;
}

.cta-section h2,
.cta-section .display-5,
.project-cta h2,
.cta-section .fw-bold {
    color: white !important;
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
}

.cta-section p,
.cta-section .lead,
.project-cta p {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    margin-bottom: 2rem !important;
}

.cta-section .btn,
.project-cta .btn {
    background: white !important;
    color: var(--minimal-dark) !important;
    border: none !important;
    font-weight: 600 !important;
    padding: 1rem 2rem !important;
}

.cta-section .btn:hover,
.project-cta .btn:hover {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.2) !important;
}

.cta-section .btn-warning,
.cta-section .btn-lg {
    background: white !important;
    color: var(--minimal-dark) !important;
}

.cta-section .btn-outline-light {
    background: transparent !important;
    color: white !important;
    border: 2px solid white !important;
}

.cta-section .btn-outline-light:hover {
    background: white !important;
    color: var(--minimal-dark) !important;
}

/* Section headers */
.section-header {
    text-align: center !important;
    margin-bottom: 3rem !important;
}

.section-header .section-title {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--minimal-dark) !important;
    margin-bottom: 1rem !important;
}

.section-header .section-subtitle {
    color: var(--minimal-gray) !important;
    font-size: 1.125rem !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

/* ====================================
   REFERENCES PAGE SPECIFIC
   ==================================== */

/* References hero */
.references-hero,
.project-hero {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    padding: 4rem 0 !important;
}

.references-hero h1,
.project-hero h1 {
    color: var(--minimal-dark) !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

.references-hero .lead,
.references-hero .hero-subtitle,
.project-hero .lead {
    color: var(--minimal-gray) !important;
    font-size: 1.125rem !important;
    margin-bottom: 2rem !important;
}

/* Stats items in references */
.hero-stats,
.stats-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    margin-top: 2rem !important;
}

.stat-item {
    text-align: center !important;
    padding: 2rem 1.5rem !important;
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
}

.stat-item:hover {
    background: white !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.stat-item .stat-number {
    color: var(--minimal-dark) !important;
    font-size: 2.75rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.5rem !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}

.stat-item .stat-label {
    color: var(--minimal-gray) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Reference cards */
.reference-card,
.project-card {
    background: white !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.reference-card:hover,
.project-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.reference-card img,
.project-card img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}

.reference-card .card-body,
.project-card .card-body {
    padding: 1.5rem !important;
}

.reference-card h3,
.project-card h3 {
    color: var(--minimal-dark) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.75rem !important;
}

.reference-card p,
.project-card p {
    color: var(--minimal-gray) !important;
    font-size: 0.95rem !important;
    margin-bottom: 1rem !important;
}

.reference-card .category-badge,
.project-card .badge {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 6px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

/* Category filter */
.category-filter {
    display: flex !important;
    gap: 1rem !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 3rem !important;
}

.category-btn {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-gray) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.category-btn:hover {
    background: white !important;
    color: var(--minimal-dark) !important;
    border-color: var(--minimal-dark) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.category-btn.active,
.category-btn.active:hover,
.category-btn.active:focus,
.category-btn.active:active {
    background: var(--minimal-dark) !important;
    color: white !important;
    border-color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Force white text on active category buttons - STRONGEST OVERRIDE */
a.category-btn.active,
a.category-btn.active:link,
a.category-btn.active:visited,
a.category-btn.active:hover,
a.category-btn.active:active,
a.category-btn.active:focus,
button.category-btn.active,
.filter-btn.active {
    background-color: #0f172a !important;
    background: #0f172a !important;
    color: #ffffff !important;
}

/* Super specific for anchor tags */
.category-filter a.category-btn.active,
.category-filter a.active.category-btn,
a.active.category-btn {
    background: #0f172a !important;
    color: #ffffff !important;
}

/* Override any link color inheritance */
.category-filter a.category-btn.active *,
a.category-btn.active * {
    color: #ffffff !important;
}

/* Kill any conflicting link styles */
a.category-btn:not(.active):not(:hover) {
    color: #334155 !important;
}

/* Badge inside category button */
.category-btn .badge {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    margin-left: 0.5rem !important;
}

.category-btn:not(.active) .badge {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* Responsive stats */
@media (max-width: 768px) {
    .hero-stats,
    .stats-container {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .stat-item .stat-number {
        font-size: 2rem !important;
    }
    
    .references-hero h1,
    .project-hero h1 {
        font-size: 2rem !important;
    }
}

/* ====================================
   BLOG PAGE SPECIFIC
   ==================================== */

/* Blog filters */
.blog-filters,
.filter-form {
    background: white !important;
    padding: 1.5rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 2rem !important;
}

.search-box input {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0.75rem 1rem !important;
}

.filter-buttons .btn {
    margin-right: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Blog grid */
.blog-grid,
.blog-posts {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
}

/* Blog sidebar */
.blog-sidebar {
    position: sticky !important;
    top: 100px !important;
}

.sidebar-widget {
    background: white !important;
    padding: 1.5rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 2rem !important;
}

.sidebar-widget h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
    font-size: 1.125rem !important;
}

.sidebar-widget ul {
    list-style: none !important;
    padding: 0 !important;
}

.sidebar-widget li {
    padding: 0.75rem 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.sidebar-widget li:last-child {
    border-bottom: none !important;
}

.sidebar-widget a {
    color: var(--minimal-gray) !important;
    font-weight: 500 !important;
}

.sidebar-widget a:hover {
    color: var(--minimal-dark) !important;
}

/* Pagination */
.pagination {
    display: flex !important;
    gap: 0.5rem !important;
    justify-content: center !important;
    margin-top: 3rem !important;
}

.pagination a,
.pagination span {
    padding: 0.75rem 1.25rem !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    color: var(--minimal-gray) !important;
    background: white !important;
    transition: all 0.2s ease !important;
}

.pagination a:hover,
.pagination .active {
    background: var(--minimal-dark) !important;
    color: white !important;
    border-color: var(--minimal-dark) !important;
}

/* ====================================
   CONTACT PAGE SPECIFIC
   ==================================== */

/* Contact form */
.contact-form {
    background: white !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
}

.contact-form h3 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
}

.contact-form .form-group {
    margin-bottom: 1.5rem !important;
}

.contact-form label {
    color: var(--minimal-dark) !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
}

.contact-form input,
.contact-form textarea {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0.875rem 1rem !important;
    color: var(--minimal-dark) !important;
    background: white !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: var(--minimal-dark) !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1) !important;
}

/* Contact info cards */
.contact-info,
.contact-card {
    background: white !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 2rem !important;
}

.contact-info h4,
.contact-card h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
}

.contact-info-item {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1rem 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.contact-info-item:last-child {
    border-bottom: none !important;
}

.contact-info-item i {
    color: var(--minimal-dark) !important;
    font-size: 1.25rem !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--minimal-bg-alt) !important;
    border-radius: 8px !important;
}

.contact-info-item a,
.contact-info-item p {
    color: var(--minimal-gray) !important;
    margin: 0 !important;
}

.contact-info-item a:hover {
    color: var(--minimal-dark) !important;
}

/* ====================================
   START PROJECT PAGE SPECIFIC
   ==================================== */

/* Multi-step form */
.form-wizard,
.multi-step-form {
    background: white !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
}

/* Step indicators */
.form-steps,
.steps-indicator {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 3rem !important;
    position: relative !important;
}

.form-step,
.step {
    flex: 1 !important;
    text-align: center !important;
    position: relative !important;
}

.step-number {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: var(--minimal-bg-alt) !important;
    border: 2px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 0.75rem !important;
    font-weight: 600 !important;
    color: var(--minimal-light) !important;
    transition: all 0.3s ease !important;
}

.step.active .step-number {
    background: var(--minimal-dark) !important;
    color: white !important;
    border-color: var(--minimal-dark) !important;
}

.step.completed .step-number {
    background: var(--minimal-dark) !important;
    color: white !important;
    border-color: var(--minimal-dark) !important;
}

.step-title,
.step-label {
    color: var(--minimal-light) !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

.step.active .step-title {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
}

/* Form step content */
.step-content {
    padding: 2rem 0 !important;
}

.step-content h3 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
}

/* Service selection */
.service-selection,
.service-options {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
}

.service-option {
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.service-option:hover {
    border-color: var(--minimal-gray) !important;
}

.service-option.selected {
    border-color: var(--minimal-dark) !important;
    background: var(--minimal-bg-alt) !important;
}

.service-option h4 {
    color: var(--minimal-dark) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
}

.service-option p {
    color: var(--minimal-light) !important;
    font-size: 0.9rem !important;
}

/* Form navigation */
.form-navigation {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 2rem !important;
    padding-top: 2rem !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Budget and timeline selects */
select.form-control {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0.875rem 1rem !important;
    color: var(--minimal-dark) !important;
}

/* ====================================
   SERVICES PAGE SPECIFIC
   ==================================== */

/* Services hero */
.services-hero {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* Service categories */
.service-category {
    margin-bottom: 4rem !important;
}

.service-category h2 {
    color: var(--minimal-dark) !important;
    font-weight: 700 !important;
    margin-bottom: 2rem !important;
}

/* Services grid */
.services-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
}

@media (max-width: 768px) {
    .services-grid,
    .service-selection {
        grid-template-columns: 1fr !important;
    }
}

/* ====================================
   DETAIL PAGES (Service, Blog, Project)
   ==================================== */

/* Detail hero sections */
.service-detail-hero,
.blog-detail-hero,
.project-detail-hero {
    background: var(--minimal-dark) !important;
    color: white !important;
    padding: 5rem 0 3rem !important;
}

.service-detail-hero h1,
.blog-detail-hero h1,
.project-detail-hero h1 {
    color: white !important;
    font-weight: 700 !important;
}

.service-detail-hero p,
.blog-detail-hero p,
.project-detail-hero p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Detail content */
.detail-content,
.article-content,
.project-content {
    background: white !important;
    padding: 3rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
}

.detail-content h2,
.detail-content h3,
.article-content h2,
.article-content h3 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

.detail-content p,
.article-content p {
    color: var(--minimal-gray) !important;
    line-height: 1.8 !important;
    margin-bottom: 1.5rem !important;
}

/* Feature lists in service detail */
.features-list,
.feature-list {
    list-style: none !important;
    padding: 0 !important;
}

.features-list li,
.feature-list li {
    padding: 0.75rem 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: var(--minimal-gray) !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.features-list li:last-child,
.feature-list li:last-child {
    border-bottom: none !important;
}

.features-list i,
.feature-list i {
    color: var(--minimal-dark) !important;
    font-size: 1rem !important;
}

/* Sidebar in detail pages */
.detail-sidebar,
.sidebar {
    position: sticky !important;
    top: 100px !important;
}

.sidebar-card {
    background: white !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 2rem !important;
}

.sidebar-card h4 {
    color: var(--minimal-dark) !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
}

/* Price range in service detail */
.price-info,
.pricing-info {
    background: var(--minimal-bg-alt) !important;
    padding: 1.5rem !important;
    border-radius: 8px !important;
    margin: 1.5rem 0 !important;
}

.price-info h4,
.pricing-info h4 {
    color: var(--minimal-dark) !important;
}

.price-info .price,
.pricing-info .price {
    color: var(--minimal-dark) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
}

/* Related posts/projects */
.related-posts,
.related-projects {
    margin-top: 4rem !important;
    padding-top: 3rem !important;
    border-top: 2px solid #e2e8f0 !important;
}

.related-posts h3,
.related-projects h3 {
    color: var(--minimal-dark) !important;
    font-weight: 700 !important;
    margin-bottom: 2rem !important;
}

/* Project meta information */
.project-meta,
.post-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
    margin: 1.5rem 0 !important;
}

.meta-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.meta-item i {
    color: var(--minimal-light) !important;
}

.meta-item span,
.meta-item strong {
    color: var(--minimal-gray) !important;
}

/* Tags */
.tags,
.post-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin-top: 1.5rem !important;
}

.tag,
.post-tag {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    border: 1px solid #e2e8f0 !important;
}

.tag:hover {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* ====================================
   GLOBAL HEADER & NAVBAR FIXES
   ==================================== */

/* Navbar positioning */
.navbar,
nav.navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: white !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Navbar height */
.nav-container {
    padding: 1rem 0 !important;
}

/* Navbar toggle for mobile */
.nav-toggle {
    background: var(--minimal-dark) !important;
    color: white !important;
    border: none !important;
    padding: 0.75rem !important;
    border-radius: 8px !important;
}

/* Mobile menu */
.nav-menu.active {
    background: white !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Navbar brand/logo */
.nav-logo a {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
}

/* ====================================
   GLOBAL FOOTER IMPROVEMENTS
   ==================================== */

/* Footer structure */
.footer-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 3rem 2rem !important;
}

.footer-content {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
    gap: 3rem !important;
    margin-bottom: 2rem !important;
}

/* Footer logo section */
.footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.footer-logo svg {
    flex-shrink: 0 !important;
}

/* Footer responsive */
@media (max-width: 1024px) {
    .footer-content {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .footer-content {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    .footer-container {
        padding: 2rem 1.5rem !important;
    }
}

/* ====================================
   REMOVE ALL OLD COLOR CLASSES
   ==================================== */

/* Text color utilities */
.text-warning,
.text-yellow {
    color: var(--minimal-dark) !important;
}

.text-success {
    color: #10b981 !important;
}

.text-danger {
    color: #ef4444 !important;
}

.text-info {
    color: var(--minimal-dark) !important;
}

/* Background utilities */
.bg-light {
    background: var(--minimal-bg-alt) !important;
}

.bg-dark {
    background: var(--minimal-dark) !important;
}

.bg-white {
    background: white !important;
}

/* Border utilities */
.border-primary {
    border-color: var(--minimal-dark) !important;
}

.border-secondary {
    border-color: #e2e8f0 !important;
}

/* ====================================
   FINAL TOUCH - SMOOTH EVERYTHING
   ==================================== */

/* Remove all jarring transitions */
.card-3d,
.service-card-3d,
[class*="3d"] {
    transform: none !important;
    transform-style: flat !important;
    perspective: none !important;
}

/* Remove micro interactions */
.micro-bounce,
.pulse,
[class*="bounce"],
[class*="pulse"] {
    animation: none !important;
}

/* Stagger items - remove delay */
.stagger-item {
    animation-delay: 0s !important;
}

/* All images */
img {
    border-radius: 8px !important;
}

/* All buttons consistent */
.btn,
button,
[type="submit"] {
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Button active/pressed state */
.btn:active,
.btn:focus,
button:active,
button:focus,
[type="submit"]:active,
[type="submit"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.2) !important;
}

.btn-primary:active,
.btn-primary:focus {
    background: var(--minimal-dark) !important;
    color: white !important;
}

.btn-secondary:active,
.btn-secondary:focus {
    background: var(--minimal-bg-alt) !important;
    color: var(--minimal-dark) !important;
}

.btn-outline:active,
.btn-outline:focus {
    background: var(--minimal-dark) !important;
    color: white !important;
}

/* Category button pressed state */
.category-btn:active {
    background: var(--minimal-dark) !important;
    color: #ffffff !important;
    outline: none !important;
}

.category-btn:focus {
    background: var(--minimal-dark) !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.2) !important;
}

/* Ensure white text on dark background */
.category-btn[style*="background"],
.category-btn[style*="black"],
.category-btn[class*="active"] {
    color: #ffffff !important;
}

/* Remove default browser button styles */
button::-moz-focus-inner {
    border: 0 !important;
}

.btn:focus-visible,
button:focus-visible {
    outline: 2px solid var(--minimal-dark) !important;
    outline-offset: 2px !important;
}