/**
* EDGE BROWSER SPECIFIC FIXES
* Fixes for Microsoft Edge-specific issues
*/

/* ============================================
  EDGE LINK VISIBILITY FIXES
  ============================================ */

/* Ensure links are always visible in Edge */
@supports (-ms-ime-align: auto) {
    /* Edge-specific fixes */
    a:not(.btn):not(.social-icon) {
        color: #0066cc !important;
        text-decoration: underline !important;
    }

    /* Prevent Edge from hiding links */
    .nav-link,
    .bottom-nav-item {
        color: var(--primary-color, #0066cc) !important;
    }
}

/* ============================================
  EDGE HARDWARE ACCELERATION FIXES
  ============================================ */

/* Fix rendering issues with hardware acceleration */
.navbar,
.bottom-nav-bar,
.sidebar {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* ============================================
  EDGE TRACKING PREVENTION FIXES
  ============================================ */

/* Ensure elements aren't hidden by tracking prevention */
.nav-link,
.bottom-nav-item,
a[href^="#"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
  EDGE SCROLLBAR FIXES
  ============================================ */

/* Fix scrollbar jumping in Edge */
html {
    overflow-y: scroll; /* Always show scrollbar to prevent layout shift */
}

/* ============================================
  EDGE FONT RENDERING FIXES
  ============================================ */

/* Improve font rendering in Edge */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ============================================
  EDGE FOCUS INDICATORS
  ============================================ */

/* Ensure focus is visible in Edge */
a:focus,
button:focus,
input:focus {
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
}

/* ============================================
  EDGE SAFE AREA SUPPORT
  ============================================ */

/* Support for Edge on Windows with notches */
@supports (padding: env(safe-area-inset-top)) {
    .navbar {
        padding-top: calc(15px + env(safe-area-inset-top));
    }

    .bottom-nav-bar {
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
    }
}