/* Skip to content */

.skip-to-content {
	position: absolute;
	left: -999px;
	top: 1rem;
	background: var(--secondary);
	color: #fff;
	padding: 0.6rem 1.1rem;
	z-index: 10000;
	border-radius: 5px;
	text-decoration: none;
	transition: left 0.2s ease;
	font-weight: 600;
	font-size: 1.05rem;
}

.skip-to-content:focus {
	left: 1rem;
	color: #fff;
}


.header-nav-main nav .dropdown-mega-sub-nav li,
.header-nav-main nav .dropdown-mega-sub-nav li:hover,
.header-nav-main nav .dropdown-mega-sub-nav .dropdown-item,
.header-nav-main nav .dropdown-mega-sub-nav .dropdown-item:hover,
.header-nav-main nav .dropdown-mega-sub-nav .dropdown-item:focus {
    background: transparent !important;
    box-shadow: none !important;
    transition: none !important;
}


.ey-flag-box {
    width: 100%;
    aspect-ratio: 3 / 2;        /* raport vizual steag */

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border-radius: 6px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

#footer {
    position: relative;
}

/* Banda albastră */
#footer::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #002B7F; /* albastru România */
}

/* Banda galbenă */
#footer::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #FCD116; /* galben România */
}

.home-tricolor-separator {
    width: 100%;
    height: 30px; /* 3 x 10px */
    position: relative;
    z-index: 5;

    background: linear-gradient(
        to bottom,
        #CE1126 0%,
        #CE1126 33.333%,
        #FCD116 33.333%,
        #FCD116 66.666%,
        #002B7F 66.666%,
        #002B7F 100%
    );

    /* shadow de separație sub tricolor */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

.eyof-wave-wrapper {
    position: relative;
    width: 100%;
    height: 140px;
    margin-top: -70px; /* urcă peste hero */
    z-index: 5;
}

.eyof-wave-wrapper svg {
    display: block;
    width: 100%;
    height: 100%;
}

.countdown {
    position: relative;
    z-index: 20;
}

/* Ascunde powered by */
.goog-logo-link {
    display: none !important;
}

.goog-te-gadget span {
    display: none !important;
}

/* Elimină textul default */
.goog-te-gadget {
    font-size: 0 !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Ascunde banner-ul de sus */
.goog-te-banner-frame {
    display: none !important;
}

/* Marimea din select */
.goog-te-combo {
    font-size: 16px !important;
    padding: 8px 12px !important;
    height: 42px !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    position: relative !important;
    z-index: 9999 !important;
}

#footer,
#footer .container,
#footer .row {
    overflow: visible !important;
}



/* Elimină spațiul creat de banner */
body {
    top: 0 !important;
}

.ey-gradient-primary-white {
    background: linear-gradient(
        to bottom,
        var(--primary) 0%,
        rgba(255, 255, 255, 0.95) 70%,
        #ffffff 100%
    );
    border-radius: 0.5rem;
}

.ey-gradient-secondary-white {
    background: linear-gradient(
        to bottom,
        var(--secondary) 0%,
        rgba(255, 255, 255, 0.95) 70%,
        #ffffff 100%
    );
    border-radius: 0.5rem;
}

.ey-gradient-quaternary-white {
    background: linear-gradient(
        to bottom,
        var(--quaternary) 0%,
        rgba(255, 255, 255, 0.95) 70%,
        #ffffff 100%
    );
    border-radius: 0.5rem;
}

.ey-gradient-tertiary-white {
    background: linear-gradient(
        to bottom,
        var(--tertiary) 0%,
        rgba(255, 255, 255, 0.95) 70%,
        #ffffff 100%
    );
    border-radius: 0.5rem;
}

/* Wrapper pentru SVG decorativ */
.ey-gradient-wrapper {
    position: relative;
    overflow: hidden;
    padding: 2rem;
}

/* SVG decorativ */
.ey-bg-symbol {
    position: absolute;
    top: -90px;
    left: -90px;
    width: 320px;
    height: 320px;

    color: rgba(255, 255, 255, 0.3); /* ALB controlat din CSS */
    pointer-events: none;
}

/* Galerie video */

/* ==============================
   EYOF Video Gallery
============================== */

/* ===================================
   EYOF Video Gallery – Premium Look
=================================== */

/* ===================================
   EYOF Video Gallery – WCAG Compliant
=================================== */

/* ===================================
   EYOF Video Gallery – WCAG Compliant
=================================== */

.ey-video-gallery .video-thumb {
    position: relative;

    /* CRITICAL: make button behave like a block card */
    display: block;
    width: 100%;

    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;

    aspect-ratio: 16 / 9;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border: none;
    padding: 0;

    appearance: none;
    -webkit-appearance: none;

    transition: transform .3s ease, box-shadow .3s ease;
}

/* Focus visible (WCAG 2.4.7) */
.ey-video-gallery .video-thumb:focus-visible {
    outline: 3px solid #0b4e9a;
    outline-offset: 4px;
}

/* Hover */
.ey-video-gallery .video-thumb:hover {
    transform: translateY(-3px);
    box-shadow: 0 25px 50px rgba(0,0,0,.2);
}

/* Overlay */
.ey-video-gallery .video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0));
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* overlay doesn't block clicks */
}

/* Play button */
.ey-video-gallery .play-button {
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,.75);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ey-video-gallery .play-button i {
    color: #ffffff;
    font-size: 22px;
}

/* Language badge */
.ey-video-gallery .video-language-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    pointer-events: none;
}

/* Filter spacing */
.ey-video-gallery .filter-btn {
    margin: 0 6px 8px;
}