/* AK Mobile UI - meniul mobil și filtrele de pe mobil (Flatsome). */

:root {
	--akm-accent: var(--fs-color-primary, #000);
	--akm-ink: #141414;
	--akm-muted: #6b6b6b;
	--akm-line: #e6e6e6;
}

@media (max-width: 849px) {

	/* ---------- Meniul mobil: secțiuni deschise, cu logo-uri ---------- */

	.mfp-wrap.akm-wrap .mfp-content {
		--drawer-width: 320px;
		max-width: 86vw;
		background: #fff;
	}

	#main-menu .sidebar-menu {
		padding: 14px 0 30px;
	}

	#main-menu .nav-sidebar.nav-uppercase,
	#main-menu .nav-sidebar a {
		text-transform: none;
		letter-spacing: 0;
	}

	#main-menu .nav-sidebar.nav-vertical > li,
	#main-menu .nav-sidebar.nav-vertical > li + li {
		border: 0;
		background: none;
	}

	/* titlul secțiunii (Capsule Cafea, Paduri ESE / SENSEO...) */
	#main-menu .nav-sidebar > li.menu-item-has-children {
		padding: 22px 20px 4px;
	}

	#main-menu .nav-sidebar > li.menu-item-has-children:first-child {
		padding-top: 30px;
	}

	#main-menu .nav-sidebar > li.menu-item-has-children > a {
		display: block;
		width: 100%;
		padding: 0 0 8px;
		margin: 0 0 6px;
		border-bottom: 1px solid var(--akm-ink);
		color: #000;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
	}

	#main-menu .nav-sidebar > li.menu-item-has-children > .toggle {
		display: none;
	}

	/* Flatsome ascunde subcategoriile cu opacity + left: -99999px, nu cu display */
	#main-menu .nav-sidebar > li.menu-item-has-children > ul.children,
	#main-menu .nav-sidebar > li.menu-item-has-children > .sub-menu {
		display: block !important;
		position: static;
		left: auto;
		opacity: 1;
		transform: none;
		padding: 0;
		margin: 0;
	}

	/* elementele din secțiune */
	#main-menu .nav-sidebar > li.menu-item-has-children > ul > li > a {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 7px 0;
		color: #000;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.3;
	}

	#main-menu .akm-ico {
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	#main-menu .akm-ico img {
		width: 26px;
		height: 26px;
		object-fit: contain;
	}

	/* linkurile fără subcategorii (Espressoare, Accesorii...) */
	#main-menu .nav-sidebar > li.menu-item:not(.menu-item-has-children):not(.cart-item):not(.account-item) > a {
		padding: 9px 20px;
		color: #000;
		font-size: 15px;
		font-weight: 700;
	}

	#main-menu .nav-sidebar > li.menu-item-has-children + li.menu-item:not(.menu-item-has-children) {
		margin-top: 18px;
	}

	/* butonul de închidere: cerc închis, în colțul sertarului */
	.mfp-wrap.akm-wrap .mfp-close {
		top: 12px !important;
		right: auto;
		left: calc(min(320px, 86vw) - 44px);
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		background: var(--fs-color-secondary, #474747);
		color: #fff;
		mix-blend-mode: normal;
		opacity: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1046;
	}

	.mfp-wrap.akm-wrap .mfp-close svg {
		width: 18px;
		height: 18px;
	}

	/* butonul WhatsApp (Social Chat) ar acoperi sertarul */
	html.akm-drawer-open .qlwapp {
		display: none !important;
	}

	/* ---------- Filtrele: foaie care urcă de jos ---------- */

	.mfp-wrap.akf-wrap .mfp-content {
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-height: 88vh;
		max-height: 88dvh;
		border-radius: 18px 18px 0 0;
		background: #fff;
		box-shadow: 0 -8px 30px rgba(0, 0, 0, .18);
		transform: translateY(100%);
		transition: transform .25s ease;
		overscroll-behavior: contain;
	}

	.mfp-wrap.akf-wrap.mfp-ready .mfp-content {
		transform: translateY(0);
	}

	.mfp-wrap.akf-wrap > .mfp-close {
		display: none !important;
	}

	#shop-sidebar.akf {
		padding: 0;
	}

	.akf-head {
		position: sticky;
		top: 0;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 16px 16px 14px 20px;
		background: #fff;
		border-bottom: 1px solid var(--akm-line);
	}

	.akf-title {
		margin: 0;
		color: #000;
		font-size: 18px;
		font-weight: 700;
	}

	.akf-reset {
		margin-left: auto;
		color: var(--akm-muted);
		font-size: 13px;
		text-decoration: underline;
	}

	.akf-close {
		width: 36px;
		height: 36px;
		min-height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #f1f1f1;
		color: #000;
		font-size: 22px;
		line-height: 36px;
		text-align: center;
	}

	/* fiecare filtru = un rând care se deschide */
	#shop-sidebar.akf > aside.widget {
		margin: 0 20px;
		padding: 0;
		border-bottom: 1px solid var(--akm-line);
	}

	#shop-sidebar.akf > aside.widget .is-divider {
		display: none;
	}

	#shop-sidebar.akf > aside.widget > .widget-title {
		position: relative;
		display: block;
		margin: 0;
		padding: 15px 28px 15px 0;
		color: #000;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0;
		text-transform: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	#shop-sidebar.akf > aside.widget > .widget-title::after {
		content: "";
		position: absolute;
		right: 4px;
		top: 50%;
		width: 8px;
		height: 8px;
		margin-top: -6px;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		transform: rotate(45deg);
		transition: transform .2s;
	}

	#shop-sidebar.akf > aside.widget.akf-open > .widget-title::after {
		margin-top: -2px;
		transform: rotate(-135deg);
	}

	.akf-count {
		display: inline-block;
		min-width: 20px;
		margin-left: 6px;
		padding: 0 6px;
		border-radius: 10px;
		background: var(--akm-accent);
		color: #fff;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		vertical-align: 1px;
	}

	#shop-sidebar.akf > aside.widget:not(.akf-open) > :not(.widget-title) {
		display: none;
	}

	/* select-urile originale nu se mai folosesc pe mobil */
	#shop-sidebar.akf form.woocommerce-widget-layered-nav-dropdown {
		display: none !important;
	}

	.akf-chips {
		padding: 2px 0 16px;
	}

	.akf-chip {
		display: inline-flex;
		align-items: center;
		min-height: 36px;
		margin: 0 6px 8px 0;
		padding: 6px 14px;
		border: 1px solid #d9d9d9;
		border-radius: 999px;
		background: #fff;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.2;
		text-transform: none;
		letter-spacing: 0;
		-webkit-tap-highlight-color: transparent;
	}

	.akf-chip.is-on {
		border-color: var(--akm-accent);
		box-shadow: inset 0 0 0 1px var(--akm-accent);
		font-weight: 600;
	}

	/* chip cu logo (Brand, Compatibilitate): cerc alb la stânga */
	.akf-chip--logo {
		padding-left: 5px;
	}

	.akf-logo {
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
		margin-right: 8px;
		border: 1px solid var(--akm-line);
		border-radius: 50%;
		background: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.akf-logo img {
		width: 22px;
		height: 22px;
		object-fit: contain;
	}

	/* fără logo în folder: inițiala mărcii */
	.akf-logo--letter {
		background: #f1f1f1;
		color: var(--akm-muted);
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
	}

	/* prețul: rămâne sliderul WooCommerce, fără butonul lui */
	#shop-sidebar.akf .widget_price_filter.akf-open > form {
		padding: 6px 4px 18px;
	}

	#shop-sidebar.akf .widget_price_filter .price_slider_amount .button {
		display: none;
	}

	#shop-sidebar.akf .widget_price_filter .price_label {
		float: none;
		text-align: left;
	}

	.akf-foot {
		position: sticky;
		bottom: 0;
		z-index: 3;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
		background: #fff;
		border-top: 1px solid var(--akm-line);
	}

	.akf-apply {
		display: block;
		width: 100%;
		min-height: 48px;
		margin: 0;
		border: 0;
		border-radius: 999px;
		background: var(--akm-accent);
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		text-transform: none;
		letter-spacing: 0;
	}
}

/* Tabletă rotită pe orizontală după încărcare: pe lățime de desktop rămâne sidebarul original. */
@media (min-width: 850px) {
	.akf-head,
	.akf-foot,
	.akf-chips,
	.akf-count,
	.akm-ico {
		display: none !important;
	}
}