/**
 * =========================================================
 * COTEIA — MENU MOBILE
 * =========================================================
 */

@media (max-width: 767px) {

	.coteia-main-menu-inner {
		grid-template-columns:
			auto
			minmax(0, 1fr);

		gap: 8px;

		min-height: 56px;

		padding:
			7px
			var(--coteia-page-padding-mobile);
	}

	.coteia-menu-offer-column {
		grid-column: 1;
		grid-row: 1;
	}

	.coteia-menu-categories-column {
		grid-column: 2;
		grid-row: 1;

		display: flex;
		justify-content: flex-end;
	}

	.coteia-menu-quick-column,
	.coteia-menu-categories-desktop {
		display: none !important;
	}

	.coteia-menu-offer {
		min-height: 40px;

		padding: 7px 12px;

		font-size: 0.79rem;
	}

	.coteia-menu-mobile-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;

		gap: 7px;

		min-height: 40px;

		padding: 7px 12px;

		border: 1px solid rgba(255, 255, 255, 0.13);
		border-radius: 10px;

		background: rgba(255, 255, 255, 0.10);

		color: #FFFFFF;

		font-family: inherit;
		font-size: 0.80rem;
		font-weight: 600;

		cursor: pointer;
	}

	.coteia-menu-mobile-toggle-icon,
	.coteia-menu-mobile-toggle-icon svg {
		display: block;

		width: 18px;
		height: 18px;
	}

	.coteia-menu-mobile-panel {
		position: absolute;

		top: 100%;
		left: 0;
		right: 0;

		z-index: 9999;

		display: block;

		padding:
			10px
			var(--coteia-page-padding-mobile)
			14px;

		background: var(--coteia-menu-background);

		box-shadow:
			0 14px 28px
			rgba(15, 23, 42, 0.16);
	}

	.coteia-menu-mobile-panel[hidden] {
		display: none !important;
	}

	.coteia-menu-mobile-categories {
		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 6px;
	}

	.coteia-menu-mobile-categories a {
		display: flex;
		align-items: center;

		min-height: 40px;

		padding: 8px 10px;

		border-radius: 8px;

		background: rgba(255, 255, 255, 0.07);

		color: #FFFFFF;

		font-size: 0.80rem;
		font-weight: 600;

		text-decoration: none;
	}

	.coteia-menu-mobile-quick {
		display: flex;
		flex-wrap: wrap;

		gap: 7px;

		margin-top: 10px;
		padding-top: 10px;

		border-top:
			1px solid
			rgba(255, 255, 255, 0.12);
	}

	.coteia-menu-mobile-quick .coteia-menu-quick-button {
		flex: 1 1 auto;
	}
}

@media (max-width: 480px) {

	.coteia-main-menu-inner {
		padding-left: 9px;
		padding-right: 9px;
	}

	.coteia-menu-offer,
	.coteia-menu-mobile-toggle {
		min-height: 38px;

		padding-left: 10px;
		padding-right: 10px;

		font-size: 0.74rem;
	}

	.coteia-menu-mobile-categories {
		grid-template-columns: minmax(0, 1fr);
	}
}


@media (max-width: 767px) {
	.coteia-menu-column-divider {
		display: none !important;
	}
}