/**
 * SWEB — Navbar
 * Calibrat 1:1 din Figma (Navbar Follies #16116:4791 / General #16113:4605).
 * Fără meniu text. Telefon verde centrat. Pastilă maro Logare+coș. Selector limbă cream.
 */
.sweb-navbar {
	position: sticky;
	top: 0;
	z-index: 30;
	width: 100%;
	background: rgba(254, 250, 240, 0.8);
	border-bottom: 1px solid #DFD5CF;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
/* Header general: fundal #FAF7F4 */
.sweb-navbar.sweb-brand--general { background: #FAF7F4; }
.sweb-navbar.sweb-brand--general .sweb-navbar__lang { background: #FFFFFF; }
/* Overlay peste hero (homepage): gradient portocaliu */
.sweb-navbar--overlay {
	position: absolute;
	top: 0; left: 0; right: 0;
	z-index: 5;
	background: linear-gradient(180deg, rgba(244,160,115,1) 0%, rgba(244,160,115,0.3) 50%, rgba(244,160,115,0) 100%);
	border-bottom: none;
}
/* Overlay translucid cream (paginile de brand) — peste banner, de la 0,0 */
.sweb-navbar--solid {
	position: absolute;
	background: rgba(254, 250, 240, 0.8);
	border-bottom: 1px solid #DFD5CF;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* Iconuri outline */
.sweb-ic { width: 20px; height: 20px; display: block; flex: 0 0 auto; }

.sweb-navbar__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(12px, 8px + 1.111vw, 24px);
	max-width: 1344px;
	margin: 0 auto;
	padding: clamp(12px, 8px + 1.111vw, 24px) clamp(16px, 5.33px + 2.963vw, 48px);
}

/* Logo */
/* Cap la 220px, dar anchor-ul se poate STRÂNGE (flex-shrink 1 + min-width 0) ca sa
 * incapa langa celelalte elemente => header pe UN rand (nowrap). Imaginea are
 * max-width:100% (a anchor-ului) ca sa se micsoreze proportional cand anchor-ul
 * se strange; height auto + max-height pastreaza aspectul. — cerut de Seba */
.sweb-navbar__logo { display: inline-flex; align-items: center; text-decoration: none; flex: 0 1 auto; min-width: 0; max-width: 220px; }
.sweb-navbar__logo img { height: auto !important; width: auto !important; max-width: 100% !important; max-height: clamp(46px, 38px + 1.8vw, 62px) !important; object-fit: contain; display: block; }
.sweb-navbar__brand {
	font-family: var(--sweb-font-title, 'Freeman', sans-serif);
	font-size: clamp(20px, 18px + 0.5556vw, 26px);
	color: var(--sweb-c-text, #4E220B);
}

/* Telefon — pastilă verde, centrată; icon outline alb DUPĂ text */
.sweb-navbar__phone {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 999px;
	background: #277109;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: clamp(15px, 12px + 0.8333vw, 24px);
	white-space: nowrap;
	cursor: pointer;
}
.sweb-navbar__phone .sweb-ic { color: #fff; width: 22px; height: 22px; }
.sweb-navbar__phone-chev { font-size: 11px; color: currentColor; }
.sweb-navbar__phone-menu {
	position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
	min-width: 230px; background: #fff; border: 1px solid #E4D9CF; border-radius: 12px;
	box-shadow: 0 12px 28px rgba(78, 34, 11, 0.16); padding: 6px; display: none; z-index: 9500;
}
.sweb-navbar__phone.is-open .sweb-navbar__phone-menu { display: block; }
.sweb-navbar__phone-opt {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 9px 12px; border-radius: 8px; text-decoration: none; color: #4E220B; font-size: 14px; white-space: nowrap;
}
.sweb-navbar__phone-opt:hover { background: #F6EEE7; }
.sweb-navbar__phone-opt.is-active { background: #F1E4D9; }
.sweb-navbar__phone-opt-name { font-weight: 600; }
.sweb-navbar__phone-opt-num { color: #277109; font-weight: 700; }

/* Acțiuni dreapta */
.sweb-navbar__actions { display: flex; align-items: center; gap: clamp(10px, 8px + 0.5556vw, 16px); }

.sweb-navbar__lang {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid #DFD5CF;
	border-radius: 999px;
	background: #FEFAF0;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #4E220B;
	cursor: pointer;
}
.sweb-navbar__lang-chev { font-size: 11px; }

/* Pastilă maro: Logare | coș */
.sweb-navbar__usercart {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 0 16px;
	height: 44px;
	border-radius: 999px;
	background: #4E220B;
}
.sweb-navbar__account,
.sweb-navbar__cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #FEFAF0;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 15px;
	white-space: nowrap;
}
.sweb-navbar__account .sweb-ic,
.sweb-navbar__cart .sweb-ic { color: #FEFAF0; }
.sweb-navbar__divider { width: 1px; height: 24px; background: #947362; }
.sweb-navbar__cart-icwrap { position: relative; display: inline-flex; }
.sweb-navbar__cart-count {
	position: absolute;
	top: -8px;
	right: -10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px; height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--sweb-c-primary, #D35A0C);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

/* Mobil: telefonul iese din centrul absolut, se ascunde textul lung */
@media (max-width: 768px) {
	.sweb-navbar__phone { display: none !important; }
	.sweb-navbar__account-txt { display: none; }
	/* Tot pe UN rand (fara wrap) — logoul se micsoreaza cat sa incapa langa
	 * pastila de limba + cont/cos. Inainte se rupea pe 2 randuri. — Seba */
	.sweb-navbar__inner { flex-wrap: nowrap; gap: 8px; }
	.sweb-navbar__logo { flex: 0 1 auto; min-width: 0; }
}

/* === SWEB 1344 inner (recuperat) — inner la 1344, padding lateral 0/20/16 === */
.sweb-navbar__inner { padding-left: 0; padding-right: 0; }
@media (max-width: 1344px) { .sweb-navbar__inner { padding-left: 20px; padding-right: 20px; } }
@media (max-width: 768px) { .sweb-navbar__inner { padding-left: 16px; padding-right: 16px; } }

/* Ecrane inguste: ascundem suma din cos (raman iconita + badge cu numarul) ca logoul
 * sa aiba loc si sa NU se mai taie sub pastila de limba. Suma se vede in cosul lateral. — Seba */
@media (max-width: 480px) {
	.sweb-navbar__cart-total { display: none !important; }
}