/* Accessibility Fixes - Better contrast and touch targets */

/* Improve contrast for low contrast text */
.navbar ul li span {
    color: #e6e6e6 !important; /* Better contrast than silver */
}

/* Improve button and link contrast */
.btn {
    min-height: 44px !important; /* Minimum touch target size */
    min-width: 44px !important;
    padding: 12px 16px !important;
}

/* Improve social media icon touch targets */
.social-media a {
    min-height: 44px !important;
    min-width: 44px !important;
    display: inline-block !important;
    padding: 8px !important;
    margin: 4px !important;
}

/* Improve sidebar navigation touch targets */
.sidenav a {
    min-height: 44px !important;
    min-width: 44px !important;
    display: block !important;
    padding: 8px !important;
    margin: 4px 0 !important;
}

/* Improve navigation menu touch targets */
.navbar-nav .nav-item {
    min-height: 44px !important;
}

.navbar-nav .nav-link {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
}

/* Improve contrast for server info */
.server-info-list-box li {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    margin: 2px 0 !important;
}

/* Improve form input contrast */
input[type="text"], input[type="password"], input[type="email"], select, textarea {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #666666 !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
    border-color: #0066cc !important;
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
}

/* Improve link visibility */
a {
    color: #4da6ff !important;
}

a:hover, a:focus {
    color: #80bfff !important;
    text-decoration: underline !important;
}

/* Improve table readability */
table {
    border-collapse: collapse !important;
}

table th {
    background-color: #333333 !important;
    color: #ffffff !important;
    padding: 12px !important;
    border: 1px solid #666666 !important;
}

table td {
    padding: 12px !important;
    border: 1px solid #666666 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000000 !important;
}

/* Improve heading hierarchy visibility */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    margin: 16px 0 8px 0 !important;
}

/* Focus indicators for keyboard navigation */
*:focus {
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
}

/* Skip to main content link for screen readers */
.skip-link {
    position: absolute !important;
    top: -40px !important;
    left: 6px !important;
    background: #000000 !important;
    color: #ffffff !important;
    padding: 8px !important;
    text-decoration: none !important;
    z-index: 1000 !important;
}

.skip-link:focus {
    top: 6px !important;
}
