/* ============================================================
   WooDelivery Manager - REGOLE RESPONSIVE E LAYOUT
   ------------------------------------------------------------
   Questo foglio contiene SOLO le regole responsive e di layout
   che il plugin gestisce in automatico (impilamento su tablet e
   mobile, barra fissa delle categorie, carrello a cassetto,
   colonne delle card per orientamento, larghezze su tablet).
   È tenuto separato dagli stili base e caricato DOPO, così le
   due parti non entrano in conflitto: gli stili che imposti tu
   restano, il responsive del plugin resta prevedibile.
   ============================================================ */

/* --- da categorie --- */
@media (max-width: 1024px) {
	.aa-wdm-catside--hide-mobile {
		display: none;
	}
}

@media (max-width: 1024px) {
	.aa-wdm-catside {
		display: none;
	}

	/* contenitore trasparente: lo sfondo lo mette la barra, non lui,
	   altrimenti resterebbe un rettangolo bianco attorno */
	.aa-wdm-catmobile {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9996;
		width: 100%;
		margin: 0;
		padding: 0 0 env(safe-area-inset-bottom, 0px);
		background: transparent;
		box-sizing: border-box;
	}

	/* barra chiusa */
	.aa-wdm-catmobile > .aa-wdm-catmobile__toggle,
	button.aa-wdm-catmobile__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 15px 16px;
		box-sizing: border-box;
		border: 0;
		border-top: 1px solid #dcd8d6;
		border-radius: 0;
		background: #fff;
		color: #2b2726;
		font: inherit;
		line-height: 1.4;
		text-align: left;
		cursor: pointer;
		box-shadow: 0 -6px 20px rgba(43, 39, 38, .18);
		-webkit-appearance: none;
		appearance: none;
	}
	button.aa-wdm-catmobile__toggle:focus {
		outline: none;
	}
	.aa-wdm-catmobile__current {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.aa-wdm-catmobile__arrow {
		flex: 0 0 auto;
		width: 12px;
		height: 12px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(-135deg);
		transition: transform .22s ease;
	}
	.aa-wdm-catmobile.is-open .aa-wdm-catmobile__arrow {
		transform: rotate(45deg);
	}

	/* elenco aperto: stessa larghezza della barra, sale verso l'alto */
	.aa-wdm-catmobile__panel {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		width: 100%;
		max-height: 60vh;
		overflow-y: auto;
		overscroll-behavior: contain;
		box-sizing: border-box;
		scrollbar-width: none;
	}
	.aa-wdm-catmobile__panel::-webkit-scrollbar {
		width: 0;
		display: none;
	}
	.aa-wdm-catmobile__panel[hidden] {
		display: none;
	}
	.aa-wdm-catmobile__opt {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		box-sizing: border-box;
		text-decoration: none;
	}
	.aa-wdm-catmobile__opt-text {
		min-width: 0;
		flex: 1 1 auto;
	}
	.aa-wdm-catmobile__opt-count {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

	/* il pulsante tondo del carrello sale sopra la tendina */
	body.aa-wdm-has-catmobile .aa-wdm-cart-toggle,
	body.aa-wdm-has-catmobile .aa-wdm-shop__cartfab {
		bottom: calc(64px + env(safe-area-inset-bottom, 0px));
	}

	/* la colonna del widget non riserva più spazio nel layout */
	.aa-wdm-free-mobile {
		flex: 0 0 0 !important;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow: visible !important;
	}
}

@media (max-width: 1024px) {
	.aa-wdm-catbar {
		display: block;
	}
}

@media (max-width: 1024px) {
	body.aa-wdm-has-bar-top {
		padding-top: 60px;
	}
	body.aa-wdm-has-bar-bottom {
		padding-bottom: 60px;
	}
}

@media (max-width: 1024px) {
	.aa-wdm-menu-parent {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}
	.aa-wdm-menu-parent > * {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.aa-wdm-menu-parent--keep-tabv {
		flex-direction: row !important;
	}
	.aa-wdm-menu-parent--keep-tabv > * {
		width: auto !important;
		flex: 0 1 auto !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.aa-wdm-catwrap.aa-wdm-tabv-column .aa-wdm-catside {
		display: block;
	}
	/* la barra è nel body: la nascondo tramite la classe che porta con sé */
	.aa-wdm-catbar--tabv-column {
		display: none !important;
	}
}

@media (min-width: 1025px) and (max-width: 1440px) {
	.aa-wdm-cats-col {
		width: var(--wdm-tablet-cats-w, 240px) !important;
		min-width: var(--wdm-tablet-cats-w, 240px) !important;
		max-width: var(--wdm-tablet-cats-w, 240px) !important;
		flex: 0 0 var(--wdm-tablet-cats-w, 240px) !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.aa-wdm-menu-parent--keep-tabv .aa-wdm-cats-col {
		width: var(--wdm-tablet-cats-w, 240px) !important;
		min-width: var(--wdm-tablet-cats-w, 240px) !important;
		max-width: var(--wdm-tablet-cats-w, 240px) !important;
		flex: 0 0 var(--wdm-tablet-cats-w, 240px) !important;
	}
}

/* --- da prodotti --- */
@media (hover: none) {
	.aa-wdm-plist--style-2 .aa-wdm-card__foot {
		max-height: none;
		opacity: 1;
		margin-top: 10px;
	}
}

@media (hover: none) {
	.aa-wdm-plist--style-3 .aa-wdm-card__body {
		position: static;
		transform: none;
		background: none;
		color: inherit;
	}
	.aa-wdm-plist--style-3 .aa-wdm-card__title a,
	.aa-wdm-plist--style-3 .aa-wdm-card__details {
		color: inherit;
	}
}

@media (max-aspect-ratio: 1/1) and (max-width: 767px) {
	.aa-wdm-plist__grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-aspect-ratio: 1/1) and (min-width: 768px) and (max-width: 1200px) {
	.aa-wdm-plist__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (min-aspect-ratio: 1/1) and (max-width: 1000px) {
	.aa-wdm-plist__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (min-aspect-ratio: 1/1) and (min-width: 1001px) and (max-width: 1440px) {
	.aa-wdm-plist__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 1024px) {
	.aa-wdm-plist--img-left .aa-wdm-card,
	.aa-wdm-plist--img-right .aa-wdm-card {
		display: flex;
		flex-direction: column;
	}
	.aa-wdm-plist--img-left .aa-wdm-card__media,
	.aa-wdm-plist--img-right .aa-wdm-card__media {
		grid-column: auto;
		grid-row: auto;
		width: 100%;
		height: auto;
	}
	.aa-wdm-plist--img-left .aa-wdm-card__media img,
	.aa-wdm-plist--img-right .aa-wdm-card__media img {
		height: auto;
		min-height: 0;
		aspect-ratio: var(--wdm-ratio, 4/3);
	}
}

@media (max-width: 1024px) {
	.aa-wdm-menu-parent .aa-wdm-plist {
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}
}