/* ================================================
Component: In-Season All Products
Path: components/flexible/in_season_all_products/style.css
================================================ */
:is(body, .is-preview) {
	.in-season-all-products {
		background-size: 0;
	}
	.in-season-all-products__filter-bar {
		display: flex;
		flex-direction: column;
		gap: var(--gap-lg);
		padding: var(--gap-2xl) var(--gap-lg) 24px;
		margin: 0 -14px;
	}
	.in-season-all-products__filter-actions {
		display: flex;
		flex-direction: column;
		gap: var(--gap-md);
	}
	.in-season-all-products__filter-dropdowns {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
	}
	.in-season-all-products__select.screen-reader-text {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
	.in-season-all-products__filter-label {
		font-family: var(--font-primary);
		font-size: var(--font-size-lg);
		font-weight: var(--font-weight-semibold);
		color: var(--color-denim);
		text-transform: uppercase;
		letter-spacing: 0.15px;
		margin: 0;
	}
	.csc-custom-select {
		position: relative;
	}
	.csc-custom-select__trigger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 12px 16px;
		letter-spacing: 0.12px;
		font-family: var(--font-secondary);
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-medium);
		color: #51534A;
		background-color: var(--color-white);
		border: 0;
		border-radius: var(--radius-sm);
		box-shadow: 0 2px 4px 0 rgba(74, 74, 104, 0.10);
		cursor: pointer;
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
		line-height: 1.4;
		text-align: left;
		min-width: 250px;
	}
	.csc-custom-select__trigger:hover {
		border-color: var(--color-grass);
	}
	.csc-custom-select__trigger:focus-visible {
		outline: 2px solid var(--color-grass);
		outline-offset: -2px;
	}
	span.csc-custom-select__value {
		display: flex;
		align-items: center;
		gap: 7px;
	}
	.csc-custom-select__chevron {
		flex-shrink: 0;
		margin-left: var(--gap-sm);
		color: var(--color-denim);
		transition: transform 0.2s ease;
	}
	.csc-custom-select.is-open .csc-custom-select__chevron {
		transform: rotate(180deg);
	}
	.csc-custom-select__dropdown {
		display: none;
		position: absolute;
		top: calc(100% - 17px);
		left: 0;
		width: 100%;
		overflow-y: auto;
		background: var(--color-white);
		border: 0;
		border-radius: 0 0 8px 8px;
		box-shadow: 0px 8px 12px rgba(74, 74, 104, 0.15);
		z-index: 100;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.csc-custom-select.is-open .csc-custom-select__dropdown {
		display: block;
	}
	.csc-custom-select__option {
		padding: 0 16px;
		font-family: var(--font-secondary);
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-light);
		color: #51534A;
		cursor: pointer;
		transition: background-color 0.15s ease;
	}
	.csc-custom-select__option > span {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 7px;
		border-bottom: 1px solid #51534A;
		padding: 12px 0;
	}
	.csc-custom-select__option:first-child > span {
		padding-top: 28px;
	}
	.csc-custom-select__option:last-child > span {
		border-bottom: 0;
	}
	.csc-custom-select__option.is-selected {
		font-weight: var(--font-weight-semibold);
	}
	.csc-custom-select__option span svg {
		opacity: 0;
		transition: all var(--transition-slow);
	}
	.csc-custom-select__option:hover span svg,
	.csc-custom-select__option.is-selected span svg {
		opacity: 1;
	}
	.in-season-all-products__pdf-btn {
		display: inline-flex;
		align-items: center;
		gap: var(--gap-xs);
		white-space: nowrap;
		align-self: flex-start;
		flex-shrink: 0;
		padding: 12px 70px 12px 20px;
		min-width: 265px;
		justify-content: flex-start;
	}
	.in-season-all-products__pdf-btn span.btn-arrow-primary {
		width: 47px;
		height: 47px;
	}
	.in-season-all-products__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:15px;
		position: relative;
		padding-top: 15px;
	}
	.in-season-all-products__grid.is-loading::after {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(255, 255, 255, 0.65);
		z-index: 1;
	}
	.in-season-all-products__empty {
		grid-column: 1 / -1;
		text-align: center;
		color: var(--color-denim);
		font-size: var(--font-size-md);
		padding: var(--gap-2xl) 0;
	}
	.in-season-all-products__sentinel {
		height: 1px;
		width: 100%;
	}
	.in-season-all-products__loader {
		display: none;
		justify-content: center;
		padding: var(--gap-xl) 0;
	}
	.in-season-all-products__spinner {
		display: block;
		width: 36px;
		height: 36px;
		border: 3px solid rgba(60, 69, 89, 0.2);
		border-top-color: var(--color-denim);
		border-radius: 50%;
		animation: csc-spin 0.7s linear infinite;
	}
	@keyframes csc-spin {
		to { transform: rotate(360deg); }
	}
	.in-season-all-products__disclaimer {
		margin-top: 15px;
		padding: 16px;
		background-color: #F0CECC;
		border-radius: 10px;
		font-size: var(--font-size-md);
		color: var(--color-denim);
		font-family: var(--font-secondary);
		font-weight: var(--font-weight-light);
		line-height: normal;
		letter-spacing: 0.135px;
		display: inline-block;
		text-align: center;
		width: 100%;

		@media (min-width: 768px) {
			margin-top: 24px;
		}
		@media (min-width: 1024px) {
			margin-top: 40px;
		}
	}
	.disclaimer_title {
		font-family: var(--font-primary);
		font-weight: var(--font-weight-semibold);
		font-size: var(--font-size-lg);
		line-height: 100%;
		letter-spacing: 0.15px;
		margin-bottom:8px;
		color:#C33C32;
	}
	.in-season-all-products__disclaimer p:last-child {
		margin-bottom: 0;
	}
	@media (min-width: 768px) {
		.in-season-all-products__filter-actions {flex-direction: row;align-items: center;}
		.in-season-all-products__grid { grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); padding-top: 24px;}
		.in-season-all-products {background-size: cover;}
		.in-season-all-products__filter-bar {background-size: 0; padding: var(--gap-3xl) 0 37px; margin: 0;}
	}
	@media (min-width: 992px) {
		.in-season-all-products {background-size: cover;}
		.in-season-all-products__filter-dropdowns { flex-wrap: nowrap; gap: 30px;}
	}
	@media (min-width: 1024px) {
		.in-season-all-products__grid { grid-template-columns: repeat(4, 1fr); gap: var(--gap-2xl); padding-top: 40px;}
	}
	@media(max-width:991px) {
		.in-season-all-products__pdf-btn {min-width: auto; font-size: 14px;}
		.csc-custom-select__trigger {min-width: 225px;}
		.in-season-all-products__pdf-btn span.btn-arrow-primary {width: 44px; height: 44px;}
	}
	@media(max-width:767px) {
		.in-season-all-products__filter-dropdowns,
		.in-season-all-products__filter-actions {flex-direction: column; width: 100%;}
		.csc-custom-select { width: 100%; }
		.csc-custom-select__trigger {min-width: auto; width: 100%;}
		.in-season-all-products__pdf-btn {min-width: 327px; font-size: 16px; justify-content: center;}
		.in-season-all-products__pdf, .in-season-all-products__filter-label {text-align: center;}
	}
}