/* ==========================================================================
   Accessibility & polish layer (assignmenthelpermy)
   Loaded last. Goal: satisfy a11y audits WITHOUT changing the visual design.
   ========================================================================== */

/* --- Skip link: hidden until focused, then visible above sticky header --- */
.skip-link.visually-hidden-focusable:focus,
.skip-link.visually-hidden-focusable:focus-within {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 100000;
    width: auto;
    height: auto;
    padding: 10px 16px;
    background: #ffffff;
    color: #0a2a66;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    text-decoration: none;
}

#primary-content:focus {
    outline: none;
}

/* --- Preserve original visual sizes after semantic heading-level changes --- */
/* Footer section titles were <h6> (1rem); now <h2> for correct outline order. */
.footer-title {
    font-size: 1rem;
}

/* Promo CTA headings were <h4> (1.5rem); now <h2> so they never skip a level. */
.cta-heading {
    font-size: 1.5rem;
}

/* --- Touch targets: ensure interactive controls meet the 24px minimum,
       applied conservatively so layout/spacing stays visually unchanged. --- */
.contact-social-link,
.footer-payment-icons > i,
.navbar-toggler,
.close-menu {
    min-width: 24px;
    min-height: 24px;
}

/* Keyboard focus visibility for the close-menu icon-button */
.close-menu[role="button"]:focus-visible {
    outline: 2px solid #d12027;
    outline-offset: 2px;
    border-radius: 4px;
}

/* --- CLS prevention: before Slick initialises, show only the first slide so the
       slider area doesn't collapse from a tall stack to a carousel on load. --- */
.sample-slider:not(.slick-initialized) > div:not(:first-child),
.expert-slider:not(.slick-initialized) > div:not(:first-child),
.customer-review-slider:not(.slick-initialized) > div:not(:first-child) {
    display: none;
}