/* -----------------------------------------------------
   0. Global Reset (Elementor-Safe)
----------------------------------------------------- */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'liberation_sansregular', sans-serif;
    color: #292c30;
    line-height: 1.5;
    background: #fff;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: #275da6;
    text-decoration: none;
    transition: 0.3s ease;
}
a:hover { text-decoration: underline; }

strong, b {
    font-family: 'liberation_sansbold';
}

/* Prevent Elementor conflicts */
.elementor * {
    box-sizing: border-box;
}


/* -----------------------------------------------------
   1. Fonts (KEEP)
----------------------------------------------------- */

@font-face {
    font-family: 'liberation_sansregular';
    src: url('../fonts/liberationsans-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'liberation_sansbold';
    src: url('../fonts/liberationsans-bold-webfont.woff') format('woff');
}


/* -----------------------------------------------------
   2. HEADER (CLEAN + FLEXBOX)
----------------------------------------------------- */

#header {
    max-width: 980px;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo img {
    height: 60px;
    width: auto;
}

.header-content {
    text-align: right;
    font-size: 14px;
}

#header .tel {
    display: inline-block;
    padding-left: 32px;
    color: #95979a;
    background: url('../images/imgtel.png') no-repeat left center;
}

#header .lanuages {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    gap: 10px;
}

#header .lanuages li a {
    color: #95979a;
}

#header .lanuages li.active a,
#header .lanuages li a:hover {
    color: #275da6;
    text-decoration: underline;
}

/* Mobile header */
@media (max-width: 767px) {
    #header {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
}


/* -----------------------------------------------------
   3. NAVIGATION (Cleaned)
----------------------------------------------------- */

#nav {
    background: #275da6;
    width: 100%;
}

#nav ul {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

#nav ul li a {
    display: block;
    padding: 10px 14px;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    transition: 0.25s;
}

#nav ul li.home a span {
    display: inline-block;
    background: url('../images/img-home.png') no-repeat center;
    width: 24px;
    height: 20px;
    text-indent: -9999px;
}

#nav ul li:hover a,
#nav ul li.active a {
    background: #9acfdf;
    color: #275da6;
}

/* Mobile nav */
@media (max-width: 767px) {
    #nav ul {
        flex-direction: column;
        text-align: center;
    }
}


/* -----------------------------------------------------
   END OF CLEAN CSS
----------------------------------------------------- */