:root {
	--palta-primary: #568203;
	--palta-primary-hover: #426303;

	--palta-invert: #fff;
	--palta-dark: #333;
	--palta-grey: #CCC;

	--palta-success: #4CAF50;
	--palta-success-hover: #43a047;
	--palta-success-bg: color-mix(in srgb, var(--palta-success) 12%, white);

	--palta-danger: #e53935;
	--palta-danger-hover: #c62828;
	--palta-danger-bg: color-mix(in srgb, var(--palta-danger) 12%, white);

	--palta-warning: #f59e0b;
	--palta-warning-hover: #d97706;
	--palta-warning-bg: color-mix(in srgb, var(--palta-warning) 12%, white);

	--palta-info: #0284c7;
	--palta-info-hover: #0369a1;
	--palta-info-bg: color-mix(in srgb, var(--palta-info) 12%, white);

	--palta-light: #dddddd;
	--palta-light-hover: #d6d6d6;

	--palta-gap: 10px;
	--palta-gap-sm: calc(var(--palta-gap) / 2);
	--palta-gap-lg: calc(var(--palta-gap) * 2);
	--palta-gap-xlg: calc(var(--palta-gap) * 3.5);

	--palta-radius: 5px;
	--palta-radius-lg: calc(var(--palta-radius) * 2);
}

.palta-d-none {
	display: none;
}
.palta-d-sm-none {
	@media (min-width: 641px) {
		display: none;
	}
}
.palta-d-md-none {
	@media (min-width: 981px) {
		display: none;
	}
}
.palta-d-sm-block {
	@media (max-width: 640px) {
		display: none;
	}
}
.palta-d-md-block {
	@media (max-width: 980px) {
		display: none;
	}
}



/* Text align */
.palta-text-left {
	text-align: left;
}
.palta-text-center {
	text-align: center;
}
.palta-text-right {
	text-align: right;
}
.palta-text-justify {
	text-align: justify;
}

/*Text Color*/
.palta-text-primary {
	color: var(--palta-primary);
}

/* Alert */
.palta-alert {
	padding: 14px 16px;
	margin-bottom: var(--palta-gap);
	border: 1px solid transparent;
	border-radius: var(--palta-radius);
	/*display: flex;
	align-items: center;
	gap: var(--palta-gap-sm);*/
	font-size: 14px;
	line-height: 1.5;
}

.palta-alert a {
	color: inherit;
	font-weight: 600;
}

.palta-alert-success {
	background: var(--palta-success-bg);
	border-color: var(--palta-success);
	color: var(--palta-success-hover);
}

.palta-alert-danger {
	background: var(--palta-danger-bg);
	border-color: var(--palta-danger);
	color: var(--palta-danger-hover);
}

.palta-alert-warning {
	background: var(--palta-warning-bg);
	border-color: var(--palta-warning);
	color: var(--palta-warning-hover);
}

.palta-alert-info {
	background: var(--palta-info-bg);
	border-color: var(--palta-info);
	color: var(--palta-info-hover);
}

/* Badge */
.palta-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	text-transform: uppercase;
}

.palta-badge-primary {
	background: var(--palta-primary);
	color: var(--palta-invert);
}
.palta-badge-primary:hover {
	background: var(--palta-primary-hover);
}
.palta-badge-muted {
	background: var(--palta-dark);
	color: var(--palta-invert);
	&:hover {
		background: var(--palta-dark);
	}
}

/*Grid*/
.palta-grid {
	display: grid;
	grid-gap: var(--palta-gap);
}
.palta-grid-2 {
	@media (min-width: 641px) {
		grid-template-columns: repeat(2, 1fr);
	}
}
.palta-grid-3 {
	@media (min-width: 641px) {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Forms */
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
	height: 46px;
}
input[type="checkbox"] {
	accent-color: var(--palta-primary);
}

input:read-only {
	background-color: color-mix(in srgb, var(--palta-grey) 20%, white);
	border-color: var(--ast-border-color);
	&:active, &:hover, &:focus {
		background-color: color-mix(in srgb, var(--palta-grey) 20%, white);
		border-color: var(--ast-border-color);
	}
}
.palta-form-label {
	display: inline-block;
	margin-bottom: var(--palta-gap);
}
.palta-form-label-radio {
	display: block;
	font-weight: normal;
}
.palta-form-label-check {
	display: block;
	font-weight: normal;
	&.palta-form-label-check-disabled {
		opacity: .5;
		cursor: not-allowed;
		pointer-events:none;
	}
}

.palta-agotado {
	opacity: .7;
	pointer-events:none;
	input.palta-check {
		display: none;
	}
}

/* Texts */
.palta-text-error {
	color: var(--palta-danger);
}

/* Margins */
.palta-m-0 {
	margin: 0 !important;
}
.palta-mt-0 {
	margin-top: 0 !important;
}
.palta-mt-1 {
	margin-top: var(--palta-gap-sm) !important;
}
.palta-mt-2 {
	margin-top: var(--palta-gap) !important;
}
.palta-mt-3 {
	margin-top: var(--palta-gap-lg) !important;
}
.palta-mt-4 {
	margin-top: var(--palta-gap-xlg) !important;
}

.palta-mb-0 {
	margin-bottom: 0 !important;
}
.palta-mb-1 {
	margin-bottom: var(--palta-gap-sm) !important;
}
.palta-mb-2 {
	margin-bottom: var(--palta-gap) !important;
}
.palta-mb-3 {
	margin-bottom: var(--palta-gap-lg) !important;
}
.palta-mb-4 {
	margin-bottom: var(--palta-gap-xlg) !important;
}


/* Card */
.palta-card {
	padding: var(--palta-gap);
	color: var(--palta-dark);
	background-color: var(--palta-invert);
	border: 1px solid var(--palta-light);
	border-radius: var(--palta-radius-lg);
	transition: all ease 0.3s;

	&.palta-card-action {
		cursor: pointer;
		text-decoration: none !important;
		&:hover {
			border-color: color-mix(in srgb, var(--palta-dark) 15%, white);
			box-shadow: 0 5px 10px color-mix(in srgb, var(--palta-dark) 15%, white);
		}
	}
	&.palta-card-large {
		padding: var(--palta-gap-lg);
	}
}

/*Listas*/
.palta-list-limpia {
	padding-left: 0 !important;
	margin-bottom: 0;
	list-style: none !important;
}
.palta-list-card,
ul.palta-list-card {
	padding: 0;
	margin: 0;
	list-style: none;
	
	li {
		padding: var(--palta-gap-lg);
		background-color: var(--palta-invert);
		border: solid 1px var(--palta-light);
		border-radius: var(--palta-radius-lg);
		transition: all ease 0.3s;

		.palta-card-nombre {
			font-weight: 600;
			line-height: 1.1em;
			@media (min-width: 981px) {
				font-size: 1.3em;
			}
		}
		.palta-card-numero {
			font-weight: bold;
			font-size: 2em;
			line-height: 1.1em;
			@media (min-width: 981px) {
				font-size: 2.5em;
			}
			@media (min-width: 1281px) {
				font-size: 3em;
			}
		}
	}

}

.palta-list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: var(--palta-radius);

	.palta-list-group-item,
	a.palta-list-group-item {
		width: 100%;
		.palta-list-group-item-thumb {
			object-fit: cover;
			border-radius: var(--palta-radius);
			border: 0;		
		}
		.palta-list-group-item-nombre {
			margin-bottom: 0;
			font-size: 1.1em;
			font-weight: 500;
			text-transform: capitalize;
		}
		.palta-list-group-item-meta {
			margin-bottom: var(--palta-gap);
			font-style: italic;
			opacity: 0.8;
			line-height: 1.7em;
			span+span {
				margin-left: var(--palta-gap-sm);
				padding-left: var(--palta-gap-sm);
				border-left: 1px solid color-mix(in srgb, var(--palta-dark) 50%, white);
			}
		}
	}
}

.palta-cartas-list,
.palta-carta-comida-list {
	.palta-list-group-item {
		padding: var(--palta-gap) var(--palta-gap-lg) var(--palta-gap) var(--palta-gap);
		display: flex;
		gap: var(--palta-gap);
		align-items: center;
		color: var(--palta-dark);
		text-decoration: none !important;
		justify-content: space-between;

		&:not(.active):focus,
		&:not(.active):hover {
			z-index: 1;
			color: var(--palta-dark);
			text-decoration: none;
		}
		+.palta-list-group-item {
			margin-top: var(--palta-gap);
		}
	}
	.palta-list-group-item-info {
		display: flex;
		gap: var(--palta-gap);
		font-size: 14px;

		.palta-list-group-item-thumb {
			width: 50px;
			height: 50px;
		}
	}
}

.palta-carta-comida-grid {
	display: grid;
	grid-gap: var(--palta-gap);
	grid-template-columns: repeat(2, 1fr);
	@media (min-width: 981px) {
		grid-template-columns: repeat(3, 1fr);
	}

	.palta-list-group-item {
		+.palta-list-group-item {
			margin-top: 0;
		}
		.palta-list-group-item-thumb {
			margin-bottom: var(--palta-gap);
			width: 100%;
			aspect-ratio: 4/3;
		}
	}
}

.palta-list-resumen {
	li {
		display: flex;
		gap: var(--palta-gap);
		align-items: center;
		.palta-list-resumen-icon {}
		.palta-list-resumen-nombre {
			display: block;
			font-weight: 400;
			font-size: 0.8em;
			line-height: 1em;
			color: color-mix(in srgb, var(--palta-dark) 70%, white);
		}
		.palta-list-resumen-valor {
			display: block;
		}
		&+li {
			margin-top: var(--palta-gap);
		}
	}
}

/*Botones*/
.palta-btn {
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;

	color: var(--palta-invert);
	border-color: var(--palta-primary);
	background-color: var(--palta-primary);

	padding-top: var(--palta-gap);
	padding-right: var(--palta-gap-lg);
	padding-bottom: var(--palta-gap);
	padding-left: var(--palta-gap-lg);

	display: inline-block;

	font-family: inherit;
	font-weight: 500;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1em;
	text-decoration: none !important;
	text-align: center;
	vertical-align: baseline;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--palta-gap-sm);

	border-radius: 4px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	&:hover {
		color: var(--palta-invert);
		border-color: var(--palta-primary-hover);
		background-color: var(--palta-primary-hover);
	}
}
.palta-btn-primary {}
.palta-btn-light {
	color: var(--palta-dark);
	border-color: var(--palta-light);
	background-color: var(--palta-light);
	&:hover {
		color: var(--palta-dark);
		border-color: var(--palta-light-hover);
		background-color: var(--palta-light-hover);
	}
}


/* Pagina Inventario */
#palta-listado-inventario {}

/* Pagina Pedidos Tiempo Real */
#palta-pedidos-tiempo-real {
	.palta-tiempo-real-info {
		font-size: 1.3em;
	}
}


/* Pagina Carta */
.palta-carta-template {}
#paltaCartaFeaturedImage {
	margin-top: var(--palta-gap-lg);
	margin-bottom: var(--palta-gap-lg);
	border-radius: var(--palta-radius-lg);
}
#paltaCarta {
	.palta-grupo-comida {
		.palta-tipo-descripcion {
			font-style: italic;
		}
	}
}

.palta-stock {}

/* Pagina Confirmacion Pedido */
#paltaConfirmation {
	.palta-confirmacion-titulo {

	}
	ul {
		margin-top: 0;
	}
	#paltaResumenOrden {
		padding: var(--palta-gap) 0;
		border-top: solid 1px var(--palta-grey);
		border-bottom: solid 1px var(--palta-grey);
		
		grid-gap: 30px;
		@media (min-width: 981px) {
			display: flex;
		}
	}
}

/* Pagina Pedidos */
.palta-pedidos-action {
	display: flex;
	grid-gap: var(--palta-gap-lg);
	flex-direction: column-reverse;
	

	#paltaPedidosFiltros {
		display: grid;
		grid-gap: var(--palta-gap);
		grid-template-columns: repeat(4, 1fr);
		@media (min-width: 1281px) {
			grid-template-columns: 1fr 1fr 1fr 20% 20%;
		}
	}
	#paltaPedidosPrint {
		text-align: right;
	}
}

#paltaTablePedidos {
	background-color: var(--palta-invert);
	th {
		text-align: left;
	}
	td, th {
		padding: .5em;
		line-height: 1.1em;
	}
}
#paltaTableResume {
	margin-top: var(--palta-gap);
	display: grid;
	grid-gap: var(--palta-gap);
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	.palta-table-count {
	}
	.palta-table-pagination {
		
	}
}

.palta-table-pagination {
	text-align: right;
}

.palta-table-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 14px;
	border-radius: var(--palta-radius);
	background: var(--palta-invert);
	border: 1px solid var(--palta-grey);
	color: var(--palta-dark);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all .2s ease;
	text-decoration: none !important;
}

/* Hover */
.palta-table-pagination a.page-numbers:hover {
	background: var(--palta-primary);
	border-color: var(--palta-primary);
	color: var(--palta-invert);
}

/* Página actual */
.palta-table-pagination .current {
	background: var(--palta-primary);
	border-color: var(--palta-primary);
	color: var(--palta-invert);
	cursor: default;
}

/* Dots */
.palta-table-pagination .dots {
	background: transparent;
	border: none;
	min-width: auto;
	padding: 0 6px;
	color: var(--palta-dark);
	cursor: default;
}

/* Prev / Next */
.palta-table-pagination .prev,
.palta-table-pagination .next {
	padding: 0 16px;
	font-weight: 600;
}

/* Focus accesible */
.palta-table-pagination a.page-numbers:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(86, 130, 3, 0.2);
}

/* Mobile */
@media (max-width: 640px) {
	.palta-table-pagination {
		justify-content: center;
	}
	.palta-table-pagination .page-numbers {
		min-width: 36px;
		height: 36px;
		font-size: 13px;
		padding: 0 10px;
	}

}


/* Pagina Imprimir Etiquetas */
.palta-grid-etiquetas {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	text-align: center;
	@media screen {
		grid-gap: var(--palta-gap);
	}
	.palta-etiqueta {
		padding: var(--palta-gap) var(--palta-gap-lg);
		border-right: 1px dashed var(--palta-dark);
		border-bottom: 1px dashed var(--palta-dark);
		font-size: 12px;
		page-break-inside: avoid;
		background-color: var(--palta-invert);

		/* borde izquierdo primera columna */
		&:nth-child(3n + 1) {
			border-left: 1px dashed var(--palta-dark);
			@media screen {
				border-left-style: solid;
			}
		}

		/* borde superior primera fila */
		&:nth-child(-n + 3) {
			border-top: 1px dashed var(--palta-dark);
			@media screen {
				border-top-style: solid;
			}
		}

		@media screen {
			border: 1px solid var(--palta-grey) !important;
		}

		.palta-etiqueta-cabezal {
			.palta-etiqueta-logo {
				max-width: 60px;
				height: auto;
				@media screen {
					max-width: 100px;
				}
			}
			.palta-etiqueta-nombre {
				font-size: 19px;
				font-weight: 500;
			}
			.palta-etiqueta-info {
				font-size: 14px;
				font-weight: 400;
				display: flex;
				gap: 5px;
				align-items: center;
				justify-content: center;
				line-height: 1.3em;
				@media screen {
					gap: var(--palta-gap-sm);
				}
			}
		}
		.palta-etiqueta-lista {
			padding: 0;
			list-style: none;
			line-height: 1.3em;
			text-transform: capitalize;
			strong {
				font-weight: 500;
			}
		}
		.palta-etiqueta-vencimiento {
			text-align: center;
			font-style: italic;
		}
		.dashicons {
			font-size: 15px;
			width: 15px;
			height: 15px;
			@media screen {
				font-size: 18px;
				width: 18px;
				height: 18px;
			}
		}
	}
}

/*Pagina Imprimir Resumen*/
.palta-grid-resumen {
	display: grid;
	grid-gap: var(--palta-gap);
	grid-template-columns: repeat(3, 1fr);
}

.palta-resumen-card ul {
	margin: 0;
	padding-left: 1rem;
}

/* Escritorio */
.palta-escritorio {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: var(--palta-gap-lg);
}

.palta-escritorio-sidebar {
	display: flex;
	flex-direction: column;
	gap: var(--palta-gap);
}

.palta-escritorio-user,
.palta-escritorio-nav {
	border: 1px solid var(--palta-light);
	padding: var(--palta-gap);
	border-radius: var(--palta-radius);
	background: var(--palta-invert);
}
.palta-escritorio-nav {}

.palta-escritorio-nav {
	display: flex;
	flex-direction: column;
	padding: 0;
	overflow: hidden;
	a {
		display: flex;
		align-items: center;
		gap: .6rem;
		padding: .9rem 1rem;
		border-bottom: 1px solid var(--palta-light);
		text-decoration: none !important;
		color: inherit;
		&:last-child {
			border-bottom: 0;
		}
		&.active {
			font-weight: 600;
			background: var(--palta-light);
		}
	}
	@media (max-width: 640px) {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
		border-width: 0;
		border-radius: 0;
		border-top-width: 1px;
		a {
			padding: var(--palta-gap);
			justify-content: center;
			flex-direction: column;
			gap: 5px;
			background-color: white;
			border-bottom-width: 0;
			text-align: center;
			font-size: 0.9em;
			line-height: 1.3em;
			&.active {
				font-weight: 400;
			}
		}
	}
}

.palta-escritorio-content {
	min-width: 0;
}

@media (max-width: 768px) {
	.palta-escritorio {
		grid-template-columns: 1fr;
	}
}

/* Escritorio Pedidos */
.palta-escritorio-pedidos {
	.palta-list-group-item {
		padding: 0;
	}
}


/*Account*/
.palta-password-field {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.palta-password-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	cursor: pointer;
}

.palta-password-toggle .dashicons {
	width: 20px;
	height: 20px;
	font-size: 20px;
}