/* ============================================================
   Header contact bar — loaded via body <link> to bypass RUCSS
   ============================================================ */

/* ---- Top red contact bar ---- */
.main-header .header-top {
    background: #ED1C24 !important;
    padding: 4px 0;
    display: block !important;
    line-height: 1;
}
.main-header .header-top .inner-container {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.main-header .header-top .left-column { display: none; }
.main-header .header-top .phone-number,
.main-header .header-top .mail-address {
    display: flex !important;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 0;
}
.main-header .header-top .phone-number a,
.main-header .header-top .mail-address a {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    letter-spacing: 0.3px;
}
.main-header .header-top .phone-number a:hover,
.main-header .header-top .mail-address a:hover { opacity: 0.85; }
.main-header .header-top .flaticon-calling:before,
.main-header .header-top .flaticon-mail:before {
    color: rgba(255,255,255,0.9);
    font-size: 13px;
}

/* ---- Hide WPCode ft-pro footer — our fl-footer runs before it ---- */
footer.ft-pro { display: none !important; }
/* Hide EHF Elementor footer — WPCode CSS uses body .footer-width-fixer{display:block!important}
   so we need same/higher specificity and later source order to override it ---- */
body .footer-width-fixer { display: none !important; }
html body .footer-width-fixer { display: none !important; }

/* ---- Logo link fix — override absolute positioning from wpr-usedcss ---- */
.main-header .header-upper .logo-box .logo {
    position: static !important;
    bottom: auto !important;
}
.main-header .header-upper .logo-box .logo a {
    display: block;
    line-height: 0;
}

/* ---- Responsive ---- */
@media (max-width: 767px) {
    .main-header .header-top { padding: 5px 0; }
    .main-header .header-top .inner-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 16px;
    }
    .main-header .header-top .phone-number a,
    .main-header .header-top .mail-address a { font-size: 12px; }
}
@media (max-width: 480px) {
    .main-header .header-top .inner-container {
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }
    .main-header .header-top .phone-number a,
    .main-header .header-top .mail-address a { font-size: 13px; font-weight: 700; }
}