/*
 * Shared chrome for the public pages.
 *
 * Emitted automatically alongside the Webflow bundle by buildCss() in
 * assets/snippets/traits/global.php, so it loads BEFORE each page's own
 * <style> block. A page that needs something different can therefore just
 * declare it inline and win on source order -- see the scrollbar note below.
 */

/* ---------------------------------------------------------------------------
 * Webflow interaction fallback.
 *
 * Keeps the hero elements at their final opacity when the Webflow IX engine
 * has not applied inline styles yet (html.w-mod-js without .w-mod-ix). This
 * was pasted identically into 8 separate page templates.
 * ------------------------------------------------------------------------- */
@media (min-width: 992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="dfcb7195-4227-4a80-9b62-cc87cdf8a987"] {
        opacity: 1;
    }
    html.w-mod-js:not(.w-mod-ix) [data-w-id="dfcb7195-4227-4a80-9b62-cc87cdf8a988"] {
        opacity: 0;
    }
}

/* ---------------------------------------------------------------------------
 * Scrollbars.
 *
 * The site had three conflicting policies across 12 pages: 5px (6 pages),
 * 2px (2 pages) and display:none (4 pages) -- plus the same thumb colour
 * written as both #621B74 and #621b74. 5px + the purple thumb is the shared
 * default now.
 *
 * To hide the scrollbar on a specific page, declare this in that page's own
 * <style> block, which loads after this file:
 *
 *     ::-webkit-scrollbar { display: none; }
 *
 * blog/, parteneri/ and voluntariat/ do exactly that and are unaffected by
 * the default set here.
 * ------------------------------------------------------------------------- */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #621B74;
    border-radius: 100px;
    width: 5px;
    height: 5px;
}

/* ---------------------------------------------------------------------------
 * Accessibility helpers
 * ------------------------------------------------------------------------- */

/* Text for screen readers and search engines only: used for the page <h1>
 * on pages whose visible design has no heading element. */
.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* The Webflow stylesheet sets outline: 0 on links, buttons and inputs in
 * nine places and puts nothing back, so keyboard users could not see where
 * they were. :focus-visible only matches keyboard focus, not mouse clicks,
 * so the look for mouse and touch users is unchanged. !important because
 * the outline: 0 rules are more specific (e.g. .w-nav-link:focus). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--chartreuse, #83ff00) !important;
    outline-offset: 3px;
}