/* Header + mega menu. Mobile-first: <768 Figma mobile (56px, logo + burger), 768–1024 burger με εικονίδια, ≥1025 desktop. */
.site-header {
	position: relative;
	z-index: 50;
	background: var(--color-header);
	color: var(--color-white);
	transition: background-color 0.2s ease;
}

.site-header__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	padding: 10px var(--space-container);
}

.site-header__logo { display: block; line-height: 0; flex: 0 0 auto; }
.site-header__logo img { width: 180px; height: auto; aspect-ratio: 180 / 35.72; object-fit: cover; }

.site-header__actions { display: none; align-items: center; gap: var(--space-lg); margin-left: auto; }
.site-header__action {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
	line-height: 0;
}
.site-header__action img { display: block; }
.site-header__cart-count {
	position: absolute;
	top: -8px;
	right: -10px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 9px;
	background: var(--color-white);
	color: var(--color-black);
	font-size: 12px;
	font-weight: var(--font-weight-bold);
	line-height: 18px;
	text-align: center;
}

/* Burger: 47×22, 3 γραμμές 2px, gap 8 (Figma) */
.site-header__burger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 47px;
	height: 22px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}
.site-header__burger-lines,
.site-header__burger-lines::before,
.site-header__burger-lines::after {
	display: block;
	width: 47px;
	height: 2px;
	background: currentColor;
	transition: transform 0.2s ease, background-color 0.2s ease;
}
.site-header__burger-lines { position: relative; }
.site-header__burger-lines::before,
.site-header__burger-lines::after { content: ""; position: absolute; left: 0; }
.site-header__burger-lines::before { top: -10px; }
.site-header__burger-lines::after { top: 10px; }
.site-header__burger[aria-expanded="true"] .site-header__burger-lines { background: transparent; }
.site-header__burger[aria-expanded="true"] .site-header__burger-lines::before { transform: translateY(10px) rotate(25deg); }
.site-header__burger[aria-expanded="true"] .site-header__burger-lines::after { transform: translateY(-10px) rotate(-25deg); }

/* Κύριο μενού: drawer κάτω από τη μπάρα */
.site-nav { display: none; order: 10; flex: 0 0 100%; }
.site-header.is-nav-open .site-nav { display: block; }
.site-nav__list { list-style: none; margin: 0; padding: var(--space-md) 0 0; display: flex; flex-direction: column; gap: var(--space-md); }
.site-nav__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
.site-nav__link:hover { color: var(--color-accent); }
.site-nav__arrow {
	width: 21.75px;
	height: 21.75px;
	-webkit-mask: var(--ilb-icon) calc(100% - 4.2px) 50% / 13px 13px no-repeat;
	mask: var(--ilb-icon) calc(100% - 4.2px) 50% / 13px 13px no-repeat;
	transition: transform 0.2s ease;
}
.site-nav__toggle[aria-expanded="true"] { color: var(--color-accent); }
.site-nav__toggle[aria-expanded="true"] .site-nav__arrow { transform: rotate(45deg); }

.site-nav__extras { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-md); padding: var(--space-lg) 0 var(--space-md); margin-top: var(--space-md); border-top: 1px solid var(--color-line); }
.site-nav__search input[type="search"] { width: 100%; max-width: 280px; padding: 10px 14px; border: 1px solid var(--color-white); border-radius: 0; background: transparent; color: var(--color-white); font: inherit; }
.site-nav__search input::placeholder { color: rgba(255, 255, 255, 0.8); }

.site-header.is-nav-open,
.site-header.is-mega-open { background: var(--color-mega); }

/* Mega menu: 5 στήλες desktop (Figma: Nav Bar V.2 Variant2) */
.mega { background: var(--color-mega); padding: var(--space-md) var(--space-container) var(--space-xl); border-bottom: 1px solid var(--color-white); }
.mega__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.mega__link { display: block; color: var(--color-white); text-decoration: none; }
.mega__thumb { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--color-white); }
.mega__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mega__title { display: block; margin-top: var(--space-sm); font-size: var(--font-size-h3); font-weight: var(--font-weight-bold); line-height: normal; }
.mega__link:hover .mega__title,
.mega__link:focus-visible .mega__title { text-decoration: underline; text-underline-offset: 6px; }

/* Search */
.site-search { background: var(--color-mega); padding: var(--space-md) var(--space-container); }
.site-search__form { display: flex; gap: var(--space-sm); max-width: 720px; }
.site-search__input { flex: 1; min-width: 0; padding: 12px 16px; border: 1px solid var(--color-white); background: transparent; color: var(--color-white); font: inherit; }
.site-search__input::placeholder { color: rgba(255, 255, 255, 0.8); }
.site-search__submit { padding: 12px 24px; border: 0; background: var(--color-black); color: var(--color-white); font: inherit; cursor: pointer; }

/* Mobile αρχική: header διάφανο πάνω στο hero, λογότυπο στο x40 (Figma: padding hero 20 + menu 20) */
.has-overlay-header .site-header { position: absolute; top: 0; left: 0; right: 0; background: transparent; }
.has-overlay-header .site-header__bar { padding: 20px 40px 0; }
.has-overlay-header .site-header.is-nav-open { background: var(--color-header); }
.has-overlay-header .site-header.is-nav-open .site-header__bar { padding-bottom: 10px; }

@media (min-width: 600px) {
	.mega__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-xl) var(--space-lg); }
}

/* Tablet: εικονίδια πίσω στη μπάρα */
@media (min-width: 768px) {
	.site-header__bar { padding: 20px var(--space-container); }
	.site-header__actions { display: flex; margin-left: auto; order: 2; }
	.site-header__burger { order: 3; }
	.site-nav__extras { display: none; }
	.has-overlay-header .site-header__bar { padding: 20px var(--space-container); }
	.has-overlay-header .site-header { background: var(--color-header); }
}

/* Desktop (πάνω από 1024) */
@media (min-width: 1025px) {
	.site-header__burger { display: none; }
	.site-header__bar { flex-wrap: nowrap; justify-content: flex-start; gap: var(--space-2xl); padding: var(--header-pad-y) var(--space-container); }
	.site-nav { display: block; order: 0; flex: 0 1 auto; }
	.site-nav__list { flex-direction: row; align-items: center; gap: var(--space-lg); padding: 0; }
	.site-nav__link { font-size: var(--font-size-body); line-height: 1.3; }
	/* Figma Nav Bar: κουμπί Κατάλογος = κείμενο + gap 6 + βέλος 21.75 */
	.site-nav__toggle { gap: 6px; }
	.site-nav__toggle[aria-expanded="true"] .site-nav__arrow { transform: rotate(45deg); }
	.site-header__actions { gap: var(--space-lg); position: relative; top: -0.5px; }

	.mega { position: absolute; left: 0; right: 0; top: 100%; padding-top: 0; }
	.mega__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-xl); }
	.site-search { position: absolute; left: 0; right: 0; top: 100%; }

	/* Αρχική: header overlay χωρίς λογότυπο (Figma), γραμμή από κάτω */
	.has-overlay-header .site-header { box-shadow: inset 0 -1px 0 var(--color-white); background: transparent; }
	.has-overlay-header .site-header__bar { padding: var(--header-pad-y) var(--space-container); }
	.has-overlay-header .site-header.is-mega-open { background: var(--color-mega); }
	.has-overlay-header .site-header__logo { display: none; }
}