/* ─── Layout (header + footer) pentru servicii2026.html ─── */
/* Extras din custom.css doar regulile relevante pentru navbar + footer */

:root
{
    --white: #ffffff;
    --black: #000000;
    --red: #ED4335;
    --orange: #EE7501;
    --green: #13776B;
    --blue: #008E9F;
    --darkGray: #828282;
    --lightGray: #C4C4C4;
}

body
{
    font-family: 'Inter', sans-serif;
    margin-top: 120px;
}

a { text-decoration: none; }

.colorWhite { color: var(--white); }

.gradientGreen
{
    background: linear-gradient(320.57deg, #1BDAE9 -44.76%, #13776B 73.97%);
}

.hidemax { display: none; }

.whiteBorderRight { border-right: 1px solid var(--white); }


/* ─── NAVBAR ─── */
.navbar
{
    background-color: var(--white);
    padding-top: 20px;
    padding-bottom: 10px;
}
.navbar.whitebg { background-color: var(--white); }

.navbar-brand { width: 15%; }
.navbar-brand img { width: 75%; }
.smallLogo { display: none; }

.navbar .nav-item .nav-link
{
    color: var(--blue);
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
}
.navbar-light .navbar-nav .nav-link.active { color: var(--blue); }
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: #ED4335 !important; }

.navbar .nav-item .active { font-weight: 700; }

.mainMenu { border-bottom: 1px solid var(--blue); }
.mainMenu .menActive { color: var(--red) !important; }

.navbar .nav-item .activeBackground
{
    color: var(--white);
    background-color: var(--blue);
}

/* search form */
.searchForm
{
    box-shadow: 0px 4px 4px rgba(51,51,51,0.04), 0px 4px 16px rgba(51,51,51,0.08);
    border-radius: 4px;
    background-color: var(--white);
}
.searchForm input { background-color: transparent; border: 0; }
.searchForm i { border: 0; color: var(--blue); }

/* account top menu */
.accountTopMenu { margin-left: 0; }
.accountTopMenu .topUserLogat i { float: left; font-size: 26px; }
.accountTopMenu .topUserLogat span
{
    margin-top: -4px;
    font-size: 14px;
    float: left;
    padding-left: 5px;
    font-weight: normal;
    line-height: 16px;
}


/* ─── FOOTER ─── */
footer
{
    background: linear-gradient(113.49deg, #1BDAE9 -85.4%, #13776B 110.92%);
    padding-top: 45px;
    padding-bottom: 45px;
    color: var(--white);
    font-size: 12px;
    line-height: 17px;
}
footer a
{
    text-decoration: none;
    color: var(--white);
    font-weight: 500;
    display: block;
}
footer i { margin-right: 20px; font-size: 20px; }
footer .fLogos { text-align: center; }
footer .fLogos img { width: 60%; margin-bottom: 20px; }


/* ─── RESPONSIVE NAVBAR ─── */
@media (max-width: 1860px)
{
    .navbar-brand { width: 12%; }
    .navbar-brand img { width: 90%; }
}
@media (max-width: 1800px)
{
    .navbar-brand { width: 10%; }
    .navbar-brand img { width: 95%; }
    .searchForm { width: 18%; }
}
@media (max-width: 1700px)
{
    .navbar-brand { width: 12%; }
    .navbar-brand img { width: 100%; }
    .searchForm { width: 15%; }
    .navbar .nav-item .nav-link { padding-left: 1rem; padding-right: 1rem; }
}
@media (max-width: 1600px)
{
    .navbar-brand { width: 12%; }
    .navbar-brand img { width: 100%; }
    .searchForm { width: 15%; }
    .navbar .nav-item .nav-link { padding-left: 1rem; padding-right: 1rem; font-size: 0.95rem; }
}
@media (max-width: 1500px)
{
    .navbar-brand { width: 12%; }
    .navbar-brand img { width: 100%; }
    .searchForm { width: 14%; }
    .navbar .nav-item .nav-link { padding-left: 0.8rem; padding-right: 0.8rem; font-size: 0.90rem; }
}
@media (max-width: 1375px)
{
    .navbar-brand { width: 12%; }
    .navbar-brand img { width: 100%; }
    .searchForm { width: 13%; }
    .navbar .nav-item .nav-link { padding-left: 0.7rem; padding-right: 0.7rem; font-size: 0.85rem; }
    .accountTopMenu { margin-left: 5px; }
}

@media (max-width: 767px)
{
    body { margin-top: 0; }
    .hidemin { display: none !important; }
    .hidemax { display: inline-block !important; }

    .navbar { padding-top: 40px; position: relative !important; }
    .bigLogo { display: inline-block; }
    .smallLogo { display: none; }

    .navbar-brand { width: 25%; margin-right: 0; }
    .navbar-light .navbar-toggler
    {
        border: 1px solid #fff;
        margin-right: 15px;
    }
    .navbar-light .navbar-toggler:focus { border: 1px solid #fff; outline: 0; }
    .navbar .nav-item { text-align: center; }
    .navbar .nav-item .activeBackground
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 40% !important;
        margin-right: 10px !important;
        margin-top: 2px;
    }
    .navbar .nav-item .nav-link
    {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        font-size: 14px;
        color: var(--black);
    }
    .searchForm { width: 100%; display: inline-block; float: right; }
    .accountTopMenu { width: 100%; display: inline-block; margin: 0; }
    .accountTopMenu li:first-child
    {
        display: inline-block !important;
        text-align: right;
        padding: 0;
        float: left;
    }
    .topUserLogat { text-align: left; }


    /* footer responsive */
    footer .fContact { padding-top: 30px; }
    footer .whiteBorderRight { border: 0; }
    footer .fPartners { text-align: center; margin-top: 30px; }
    footer .fPartners img
    {
        width: 25%;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }
    footer .fContact .fa-brands { font-size: 28px; }
}
