# /*

PustakOne Demo Website
File: navigation.css
Version: Generation 4
Purpose: Navigation System
==========================

*/

/* ========================================= */
/* SECTION: ANNOUNCEMENT BAR */
/* ========================================= */

.announcement-bar{


background:var(--color-primary);

color:#fff;

text-align:center;

padding:12px 0;

font-size:.95rem;

font-weight:600;


}

/* ========================================= */
/* SECTION: HEADER */
/* ========================================= */

.site-header{


position:sticky;

top:0;

z-index:999;

background:#fff;

box-shadow:var(--shadow-sm);


}

.header-inner{


display:flex;

align-items:center;

justify-content:space-between;

min-height:100px;


}

.logo img{


height:90px;


}

/* ========================================= */
/* SECTION: DESKTOP NAVIGATION */
/* ========================================= */

.main-nav ul{


display:flex;

align-items:center;

gap:35px;


}

.main-nav a{


color:var(--color-dark);

font-weight:600;

transition:var(--transition);


}

.main-nav a:hover{


color:var(--color-primary);


}

/* ========================================= */
/* COMPONENT: ACTIVE MENU */
/* ========================================= */

.main-nav a.active{


color:var(--color-primary);

position:relative;


}

.main-nav a.active::after{


content:'';

position:absolute;

left:0;
bottom:-8px;

width:100%;

height:2px;

background:var(--color-primary);


}

/* ========================================= */
/* COMPONENT: CART BUTTON */
/* ========================================= */

.main-nav li:last-child a{


background:var(--color-primary);

color:#fff;

padding:12px 18px;

border-radius:40px;


}

.main-nav li:last-child a:hover{


background:var(--color-primary-dark);


}

/* ========================================= */
/* MOBILE MENU PLACEHOLDER */
/* GENERATION 5 */
/* ========================================= */

.mobile-toggle{


display:none;


}