/* Mobile/tablet μενού (≤1024px): drawer με accordion Max Mega Menu, γρήγορες συντομεύσεις */
.fp-drawer-foot,
.fp-menu-overlay {
	display: none;
}

@media (max-width: 1024px) {
	@keyframes fpDrawerIn {
		from { opacity: 0; transform: translateY(-8px); }
		to { opacity: 1; transform: none; }
	}
	@keyframes fpFadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	/* Burger + overlay */
	.header-row-middle-third-burger-menu-button {
		min-width: 48px;
		min-height: 48px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.header-row-middle-third-burger-menu-button:focus-visible {
		outline: 2px solid #972f67;
		outline-offset: -2px;
	}
	body.fp-menu-open .header-row-middle-third-burger-menu-button .fa-align-justify {
		display: none;
	}
	body.fp-menu-open .header-row-middle-third-burger-menu-button .fa-window-close {
		display: block;
	}
	body.fp-menu-open {
		overflow: hidden;
	}
	body.fp-menu-open .fp-menu-overlay {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0; /* το JS το κατεβάζει κάτω από τη γραμμή του logo */
		z-index: -1; /* μέσα στο stacking context του header: κάτω από το drawer */
		background: rgba(20, 20, 20, 0.45);
		animation: fpFadeIn 0.2s ease-out;
	}

	/* Drawer */
	body.fp-menu-open .header-wrapper .header-row-bottom {
		display: block;
		animation: fpDrawerIn 0.22s ease-out;
	}
	.header-wrapper .header-row-bottom {
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		background: #fff;
		padding: 0 !important;
		border-top: 3px solid #972f67;
	}

	/* Στοιχεία μενού (Max Mega Menu) */
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu > li.mega-menu-item {
		display: block;
		position: relative;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu > li.mega-menu-item > a.mega-menu-link {
		display: flex;
		align-items: center;
		min-height: 52px !important;
		height: auto !important;
		line-height: 1.3 !important;
		padding: 0 56px 0 18px !important;
		font-size: 15px;
		font-weight: 500 !important;
		letter-spacing: 0.4px;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link:active {
		background: #f3e6ee;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link > .mega-indicator {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 0;
		width: 52px;
		height: 52px;
		margin: 0 !important;
		border-left: 1px solid #f0f0f0;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link > .mega-indicator {
		width: 46px;
		height: 46px;
	}
	/* Βελάκι: καθαρό chevron από CSS στη θέση του dashicon, που γυρίζει όταν ανοίγει */
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link > .mega-indicator:before {
		display: none !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link > .mega-indicator:after {
		content: "" !important;
		display: block !important;
		width: 8px !important;
		height: 8px !important;
		margin: -4px 0 0 !important;
		padding: 0 !important;
		border: solid #8a8a8a !important;
		border-width: 0 2px 2px 0 !important;
		background: none !important;
		font: inherit !important;
		line-height: 0 !important;
		transform: rotate(45deg);
		transition: transform 0.2s ease, border-color 0.2s ease, margin 0.2s ease;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link > .mega-indicator:after {
		border-color: #972f67 !important;
		margin-top: 4px !important;
		transform: rotate(-135deg);
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		color: #972f67 !important;
		background: #faf2f6;
	}

	/* Υπομενού: απαλό πάνελ με γραμμή στα αριστερά και μικρό chevron σε κάθε επιλογή */
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu {
		padding: 4px 0 10px !important;
		margin: 0 !important;
		box-shadow: none !important;
		border: none !important;
		background: #fcf8fa !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-column,
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-row {
		padding: 0 !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
		margin: 0 14px 0 20px !important;
		border-left: 2px solid #ecd3df;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu a.mega-menu-link {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 44px !important;
		height: auto !important;
		line-height: 1.3 !important;
		padding: 0 44px 0 18px !important;
		font-size: 15px;
		font-weight: 400 !important;
		text-transform: none !important;
		letter-spacing: 0;
		color: #555 !important;
		border-radius: 0 8px 8px 0 !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link:after {
		content: "";
		position: absolute;
		right: 18px;
		top: 50%;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border: solid #c9a7b9;
		border-width: 2px 2px 0 0;
		transform: rotate(45deg);
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:active {
		background: #f3e6ee;
		color: #972f67 !important;
	}

	/* Στην αφή το :hover «κολλάει» όταν σκρολάρεις: καμία αλλαγή φόντου/underline από hover ή focus */
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover,
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:focus {
		background: transparent !important;
		text-decoration: none !important;
		color: #555 !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu > li.mega-menu-item:not(.mega-toggle-on) > a.mega-menu-link:hover,
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu > li.mega-menu-item:not(.mega-toggle-on) > a.mega-menu-link:focus {
		background: transparent !important;
		text-decoration: none !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link {
		text-decoration: none !important;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link:active,
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:active {
		background: #f3e6ee !important;
		color: #972f67 !important;
	}

	/* Τρέχουσα σελίδα / κατηγορία */
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-current-menu-ancestor > a.mega-menu-link {
		color: #972f67 !important;
		font-weight: 600 !important;
		box-shadow: inset 3px 0 0 #972f67;
	}

	/* Συντομεύσεις στο κάτω μέρος του drawer */
	.fp-drawer-foot {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
		background: #faf7f9;
	}
	.header-row-bottom .fp-drawer-foot a {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 48px;
		padding: 0 12px;
		border: 1px solid #eee;
		border-radius: 10px;
		background: #fff;
		color: #444 !important;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.2;
		text-decoration: none;
	}
	.fp-drawer-foot a i {
		flex: none;
		width: 18px;
		text-align: center;
		color: #972f67;
	}
	.fp-drawer-foot a:active {
		background: #f3e6ee;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.fp-menu-open .fp-menu-overlay,
	body.fp-menu-open .header-wrapper .header-row-bottom {
		animation: none;
	}
	#mega-menu-wrap-fp-header-menu #mega-menu-fp-header-menu li.mega-menu-item > a.mega-menu-link > .mega-indicator {
		transition: none;
	}
}