/* ===================================
   CRITICAL FIXES - Load this after main CSS
   =================================== */

/* Remove all unwanted underlines */
a,
a:link,
a:visited {
    text-decoration: none !important;
}

/* Navigation links - no underline */
.nav-link,
.nav-link:link,
.nav-link:visited,
.nav-link:hover,
.nav-link:focus,
.nav-link:active,
.navbar .nav-link,
.navbar.scrolled .nav-link,
.navbar.scrolled .nav-link:hover,
.navbar.scrolled .nav-link:focus,
.navbar.scrolled .nav-link:active {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Remove active page styling - only hover effect */
.nav-link.active,
.nav-link.active:hover,
.nav-link.active:focus {
    color: var(--text-primary) !important;
}

.nav-link.active::after {
    width: 0 !important;
}

/* Hover effect works for all links including active */
.nav-link:hover {
    color: var(--primary-color) !important;
}

.nav-link:hover::after {
    width: 100% !important;
}

/* Footer links - no underline */
.footer-links a,
.footer-contact a {
    text-decoration: none !important;
}

/* Breadcrumb links - no underline by default */
.breadcrumb a {
    text-decoration: none !important;
}

/* Only show underline on hover for breadcrumb */
.breadcrumb a:hover {
    text-decoration: underline !important;
}

/* Button links - no underline */
.btn,
.btn:link,
.btn:visited,
.btn:hover,
.btn:focus {
    text-decoration: none !important;
}

/* Service links - no underline */
.service-link,
.service-link:hover {
    text-decoration: none !important;
}

/* Card links - no underline */
.card-link,
.action-link,
.message-link {
    text-decoration: none !important;
}

/* Ensure smooth transitions */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fix any z-index issues */
.navbar {
    z-index: 1000 !important;
}

.whatsapp-float,
.scroll-to-top {
    z-index: 999 !important;
}

/* Ensure proper text rendering */
body {
    text-rendering: optimizeLegibility;
}

/* Fix focus outline for accessibility */
*:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* But remove outline from mouse clicks */
*:focus:not(:focus-visible) {
    outline: none;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Fix any webkit autofill issues */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text-primary);
    -webkit-box-shadow: 0 0 0px 1000px var(--dark-bg) inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* Ensure images don't break layout */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Fix any overflow issues */
body {
    overflow-x: hidden;
}

/* Ensure proper box-sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}