/*
	Feriados Argentinos: "Próximos feriados" block.

	Layout only: colors, fonts and spacing come from the theme (no visual opinion here). Selectors are wrapped in
	:where() so any theme rule wins without fighting specificity or load order.

	CSS variables: --feriados-arg-gap (space between the cards, default 16px).

	Classes: .feriados-arg, __header, __title, __nav, __arrow (--prev / --next), __slider (Splide), __list, __item, __date (__day, __month), __body, __weekday,
	__name, __meta, __type (+ __type--inamovible / --trasladable / --puente / --nolaborable), __left, __empty.
*/
:where(.feriados-arg),
:where(.feriados-arg) *,
:where(.feriados-arg) *::before,
:where(.feriados-arg) *::after {
	box-sizing: border-box;
}

/* Header: title, arrows at the right end. */
:where(.feriados-arg) .feriados-arg__header {
	display: flex;
	align-items: center;
	gap: 8px;
}

:where(.feriados-arg) .feriados-arg__title {
	margin: 0;
}

:where(.feriados-arg) .feriados-arg__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

:where(.feriados-arg) .feriados-arg__item {
	display: flex;
	gap: 16px;
	margin: 0;
}

:where(.feriados-arg) .feriados-arg__date {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

:where(.feriados-arg) .feriados-arg__body {
	min-width: 0;
}

:where(.feriados-arg) .feriados-arg__weekday,
:where(.feriados-arg) .feriados-arg__name {
	margin: 0;
}

:where(.feriados-arg) .feriados-arg__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0;
}

:where(.feriados-arg) .feriados-arg__left {
	align-self: center;
}

/* Slider. Before Splide mounts (no JS, editor preview) the cards stay in one scrollable row. */
:where(.feriados-arg) .splide:not(.is-initialized) {
	visibility: visible;
}

:where(.feriados-arg) .splide:not(.is-initialized) .splide__list {
	display: flex;
	gap: var(--feriados-arg-gap, 16px);
	overflow-x: auto;
}

:where(.feriados-arg) .splide:not(.is-initialized) .splide__slide {
	flex: 0 0 calc((100% - 3 * var(--feriados-arg-gap, 16px)) / 4);
	min-width: 240px;
}

:where(.feriados-arg) .feriados-arg__nav {
	display: flex;
	flex-shrink: 0;
	gap: 8px;
	margin-left: auto;
}

:where(.feriados-arg) .feriados-arg__nav[hidden] {
	display: none;
}

:where(.feriados-arg) .feriados-arg__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
}

:where(.feriados-arg) .feriados-arg__arrow:disabled {
	cursor: default;
}

:where(.feriados-arg) .feriados-arg__arrow svg {
	width: 14px;
	height: 14px;
	fill: currentColor;
}

:where(.feriados-arg) .feriados-arg__arrow--prev svg {
	transform: scaleX(-1);
}