/* ==========================================================
   FOODEATO
   Header
========================================================== */

.top-header{

    width:100%;

    background:#111827;

    color:#fff;

    font-size:14px;

    position:relative;

    z-index:999;
}

.top-header .container{

    max-width:1320px;

    margin:auto;

    padding:0 20px;
}

.top-header-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:48px;

}

.header-contact{

    display:flex;

    align-items:center;

    gap:30px;

}

.header-contact a{

    color:#fff;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:8px;

    transition:.3s;
}

.header-contact a:hover{

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

.header-hours{

    display:flex;

    align-items:center;

    gap:8px;

    color:#cfcfcf;
}

.header-right{

    display:flex;

    align-items:center;

    gap:20px;
}

.social-icons{

    display:flex;

    gap:12px;
}

.social-icons a{

    width:36px;

    height:36px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    text-decoration:none;

    transition:.35s;

    border:1px solid rgba(255,255,255,.15);
}

.social-icons a:hover{

    background:var(--primary-color);

    transform:translateY(-3px);
}

.book-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:11px 24px;

    border-radius:50px;

    background:linear-gradient(135deg,#ff6b00,#ff9a00);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

    box-shadow:0 12px 35px rgba(255,107,0,.25);
}

.book-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(255,107,0,.45);
}