/**
 * DMY SEO & Accessibility CSS Fixes
 * PageSpeed Insights / Lighthouse contrast and accessibility fixes
 */

/* ==========================================================================
   1. FOGLALÁS button contrast fix
   Original: background #CAA163, text #FFFFFF → contrast ratio ~2.6:1
   Fix: darken background to #8B6914 → contrast ratio ~5.5:1 (WCAG AA pass)
   ========================================================================== */
.elementor-element-4dcbdd26 .elementor-button,
.elementor-element-89d69a0 .elementor-button {
    background-color: #8B6914 !important;
    color: #FFFFFF !important;
}

.elementor-element-4dcbdd26 .elementor-button:hover,
.elementor-element-4dcbdd26 .elementor-button:focus,
.elementor-element-89d69a0 .elementor-button:hover,
.elementor-element-89d69a0 .elementor-button:focus {
    background-color: #6E5310 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   2. Footer link distinguishability fix
   Issue: link color #DF9B16 not distinguishable from surrounding white text
   Fix: add underline decoration to make links recognizable
   ========================================================================== */
.elementor-element-432df57 a {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.elementor-element-432df57 a:hover,
.elementor-element-432df57 a:focus {
    text-decoration: underline !important;
    opacity: 0.85;
}

/* ==========================================================================
   3. UAEL Infobox title-prefix (h5 "Budapest") - visual fix
   Changed to span via JS, but ensure consistent styling
   ========================================================================== */
.uael-infobox-title-prefix {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

/* ==========================================================================
   4. Video poster placeholder (replaces video thumbnail with static image)
   Matches UAEL's own CSS structure for .uael-video__outer-wrap
   ========================================================================== */

/* Poster image: fill entire video container (overrides UAEL height:auto) */
.uael-video__outer-wrap .uael-video-poster-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    cursor: pointer;
}
