/* Footer styles adapted from Velocity-index.html (Kadence)
   File: VelocityClinicalScreeners/css/footer-velocity.css
*/
:root {
    --vc-footer-bg: #0D1C44;
    --vc-footer-accent: #35BDD4;
    --vc-footer-max-width: 1320px;
}

/* Main footer */
footer.elementor-location-footer {
    background-color: var(--vc-footer-bg);
    color: #ffffff;
    padding: 32px 0;
    position: relative;
    overflow: hidden;
    /* decorative background image from the reference site - commented out as file doesn't exist */
    /* background-image: url("https://abouttrials.uk/wp-content/uploads/2025/05/Asset-2-2.svg"); */
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 420px auto;
}

/* subtle overlay to match Kadence dark tone */
footer.elementor-location-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13,28,68,0.95) 0%, rgba(13,28,68,0.95) 100%);
    pointer-events: none;
}

/* Container / inner row */
footer.elementor-location-footer .elementor-element-4193900 {
    position: relative; /* above overlay */
    max-width: var(--vc-footer-max-width);
    margin: 0 auto;
    padding: 8px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 1;
}

/* text & link appearance */
footer.elementor-location-footer .elementor-widget-text-editor p,
footer.elementor-location-footer .elementor-widget-text-editor span,
footer.elementor-location-footer .elementor-widget-heading p {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
}

footer.elementor-location-footer a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

footer.elementor-location-footer a:hover,
footer.elementor-location-footer a:focus {
    color: var(--vc-footer-accent);
    text-decoration: underline;
    outline: none;
}

/* pipe separators style */
footer.elementor-location-footer .elementor-heading-title {
    color: rgba(255,255,255,0.6);
    margin: 0 8px;
}

/* keep mobile-hidden items hidden on small screens */
@media (max-width: 767px) {
    footer.elementor-location-footer .elementor-element-4193900 {
        flex-direction: column;
        text-align: center;
    }
    footer.elementor-location-footer .elementor-hidden-mobile {
        display: none !important;
    }
    /* reduce background size for small screens */
    footer.elementor-location-footer {
        background-size: 260px auto;
        background-position: center top;
        padding: 28px 12px;
    }
}

/* Accessibility: focus visible for footer links */
footer.elementor-location-footer a:focus-visible {
    outline: 3px solid rgba(53,189,212,0.25);
    border-radius: 3px;
}
