.skip-link {
    position: absolute;
    top: -40px;
    left: 10px;
    background: #fb6e29;
    color: #fff;
    padding: 10px 15px;
    z-index: 9999;
    text-decoration: none;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 10px;
}
</style>

<style>
:focus-visible {
    outline: 2px solid #fb6e29 !important;
    outline-offset: 3px;
}

/* ===== ACCESSIBILITY FIXES ===== */

/* Show focus clearly when using keyboard */
:focus-visible {
    outline: 2px solid #fb6e29 !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px rgba(251,110,41,0.3);
}

/* Fix for themes that removed outline */
:focus {
    outline: 2px solid #fb6e29 !important;
}

/* Footer hover + focus */
.footer-area a:hover,
.footer-area a:focus-visible {
    color: #fb6e29 !important;
}

/* Skip link visibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 10px;
    background: #fb6e29;
    color: #fff;
    padding: 10px 15px;
    z-index: 9999;
    text-decoration: none;
}

.skip-link:focus {
    top: 10px;
}

/* Fix sticky header overlap (adjust height if needed) */
#content {
    scroll-margin-top: 80px;
}