/* ==========================================
   NAVIGATION ACTIONS
========================================== */

.nav-actions{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin-left:20px;
}

/* ==========================================
   LANGUAGE BUTTON
========================================== */

.lang-btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;

height:44px;
padding:0 18px;

background:#fff;

border:1px solid #dfe8df;
border-radius:999px;

cursor:pointer;

font:600 .95rem/1 var(--font-primary);

color:var(--primary-color);

transition:all .3s ease;

box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.lang-btn:hover{
border-color:var(--primary-color);
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(0,0,0,.08);
}

.lang-btn i:first-child{
font-size:1.1rem;
}

.lang-text{
white-space:nowrap;
}

.lang-btn .ri-arrow-down-s-line{
font-size:1rem;
margin-left:2px;
}

/* ==========================================
   SHOPPING CART
========================================== */

.cart-btn{
display:flex;
align-items:center;
justify-content:center;

width:44px;
height:44px;

background:#fff;

border:1px solid #dfe8df;
border-radius:14px;

text-decoration:none;

color:var(--primary-color);

font-size:1.2rem;

transition:all .3s ease;

box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.cart-btn:hover{
background:var(--primary-color);
border-color:var(--primary-color);
color:#fff;
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(0,0,0,.08);
}