/* =========================
   HEADER
========================= */

header{
    position:sticky;
    top:0;
    z-index:1000;

    background:rgba(255,255,255,0.96);

    backdrop-filter:blur(10px);

    box-shadow:
        0 4px 20px rgba(0,0,0,0.06);
}

/* =========================
   NAVBAR
========================= */

.navbar{
    width:100%;
    background: linear-gradient(to right, #ffffff, #d6e4f5, #e6edf7);
}

.navbar-inner{
    max-width:1400px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:14px 40px;
}

:root{
    
    --phone: " +40268 401 790 / SMS, WhatsApp +40720 400 550";
    --address: " Str. Memorandului 33, Brasov, 500045";
	--email: " office@brahms.ro";
    --program: " Luni-Vineri 09:00-16:00";
}

.email::after{
    content: var(--email);
}

.phone::after{
    content: var(--phone);
}

.address::after{
    content: var(--address);
}

.program::after{
    content: var(--program);
}

/* =========================
   dispare doar whatssup
========================= */

:root{
    --phone: " +40268 401 790 / SMS, WhatsApp +40720 400 550";
}

/* Mobil */
@media (max-width: 768px) {
    :root{
        --phone: " +40268 401 790";
    }
}

.top-bar a{
    color: inherit;
    text-decoration: none;
}



/* =========================
   LOGO
========================= */

.logo img{
    width:110px;

    transition:0.3s ease;
}

.logo img:hover{
    transform:scale(1.03);
}

/* =========================
   MENIU
========================= */

.menu{
    display:flex;
    align-items:center;

    gap:10px;

    list-style:none;
}

/* item */
.menu > li{
    position:relative;
}

/* link principal */
.menu > li > a{
    position:relative;

    display:flex;
    align-items:center;

    padding:14px 18px;

    color:var(--primary);

    font-size:13px;
    font-weight:600;

    border-radius:10px;

    transition:0.3s ease;
	
	font-family:"Inter", Helvetica, Arial, sans-serif;
}

/* hover elegant 
.menu > li > a:hover{
    background:#f3f8ff;

    color:var(--primary);
}*/

/* linie animata */
.menu > li > a::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:8px;

    width:0;
    height:2px;

    background:var(--primary);

    transform:translateX(-50%);

    transition:0.4s ease;
	transition:0.4s ease-in-out;
}


.menu > li > a:hover::after{

    width:calc(100% - 36px);

}


/* =========================
   TOP BAR #081a33
========================= */

.top-bar{
	 background:#081a33;
    color:#fff;
    font-size:11px;
    padding:6px 0;
}

/* container aliniat frumos */
.top-bar .container{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    flex-wrap:wrap;
}

/* fiecare element */
.top-bar .container span{
    display:flex;
    align-items:center;
    gap:6px;

    font-size:11px;
    font-weight:400;
    letter-spacing:0.3px;
}

/* hover discret */
.top-bar .container span:hover{
    opacity:0.8;
    cursor:default;
}