/**
 * AltCtrl shop archive — tablet layout (768–1024px).
 * Applies to shop, categories, brand filters, and product search.
 */

@media (min-width: 768px) and (max-width: 1024px) {
	/* Page shell */
	body.altctrl-deals-archive .site-content > .col-full,
	body.altctrl-deals-archive #content > .col-full {
		padding-left: clamp(0.875rem, 2vw, 1.25rem) !important;
		padding-right: clamp(0.875rem, 2vw, 1.25rem) !important;
	}

	body.altctrl-deals-archive #primary {
		padding-top: clamp(1rem, 2vw, 1.5rem);
		padding-bottom: 0;
	}

	/* Breadcrumb — hidden site-wide */
	body.altctrl-deals-archive #primary .woocommerce-breadcrumb {
		display: none !important;
	}

	/* Sidebar + grid */
	body.altctrl-deals-archive.left-sidebar #content > .col-full > .row,
	body.altctrl-deals-archive.left-sidebar #content > .col-full {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		gap: 1rem;
		width: 100%;
	}

	body.altctrl-deals-archive.left-sidebar #content #primary,
	body.altctrl-deals-archive.left-sidebar #primary {
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0;
		order: 2;
		float: none !important;
	}

	body.altctrl-deals-archive.left-sidebar #content #secondary,
	body.altctrl-deals-archive.left-sidebar #secondary.shop-sidebar {
		flex: 0 0 min(18rem, 22%) !important;
		width: min(18rem, 22%) !important;
		max-width: min(18rem, 22%) !important;
		min-width: 14rem;
		order: 1;
		display: block !important;
		float: none !important;
		position: static !important;
		z-index: 2 !important;
		height: auto !important;
		left: auto !important;
		margin: 0;
		padding: clamp(1rem, 2vw, 1.5rem) 0 0;
		background: transparent;
		box-shadow: none;
		transform: none !important;
		overflow: visible;
	}

	body.altctrl-deals-archive #content #secondary.shop-sidebar > .widget.widget_product_categories,
	body.altctrl-deals-archive #content #secondary.shop-sidebar > .widget.techmarket_widget_product_categories {
		display: block !important;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget {
		margin: 0 0 0.625rem;
		border: 1px solid var(--ac-deals-border, #e8edf3);
		border-radius: 0.625rem;
		background: #fff;
		box-shadow: none;
		overflow: hidden;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter {
		border: 1px solid var(--ac-deals-border, #e8edf3);
		border-radius: 0.625rem;
		background: #fff;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter > .widget-title {
		display: none !important;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget-title {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		margin: 0;
		padding: 0.6875rem 0.875rem;
		border-bottom: 1px solid var(--ac-deals-border, #e8edf3);
		font-size: 0.8125rem;
		color: var(--ac-deals-text, #0f172a);
		cursor: pointer;
		user-select: none;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget.altctrl-filter-accordion:not(.is-open) > .widget-title {
		border-bottom-width: 0;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget.altctrl-filter-accordion:not(.is-open) > :not(.widget-title) {
		display: none !important;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget-title::after {
		content: '';
		width: 0.4rem;
		height: 0.4rem;
		margin-left: auto;
		border-right: 2px solid var(--ac-deals-muted, #64748b);
		border-bottom: 2px solid var(--ac-deals-muted, #64748b);
		transform: rotate(45deg);
		flex-shrink: 0;
		transition: transform 0.2s ease;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget.altctrl-filter-accordion.is-open > .widget-title::after {
		transform: rotate(-135deg);
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter.altctrl-filter-accordion:not(.is-open) .altctrl-price-filter__form,
	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter.altctrl-filter-accordion:not(.is-open) .altctrl-price-filter__wrapper {
		display: none !important;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter.altctrl-filter-accordion:not(.is-open) .altctrl-price-filter__header {
		border-bottom-width: 0;
		margin-bottom: 0;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__header {
		position: relative;
		cursor: pointer;
		user-select: none;
		padding-right: 1.75rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__header::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0.875rem;
		width: 0.4rem;
		height: 0.4rem;
		margin-top: -0.2rem;
		border-right: 2px solid var(--ac-deals-muted, #64748b);
		border-bottom: 2px solid var(--ac-deals-muted, #64748b);
		transform: rotate(-135deg);
		transition: transform 0.2s ease;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter.altctrl-filter-accordion:not(.is-open) .altctrl-price-filter__header::after {
		transform: rotate(45deg);
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_product_categories.is-cat-open,
	body.altctrl-deals-archive #secondary.shop-sidebar .techmarket_widget_product_categories.is-cat-open {
		overflow: hidden;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .show-all-cat.open .altctrl-cat-filter__list,
	body.altctrl-deals-archive #secondary.shop-sidebar .show-all-cat.open > ul {
		position: static;
		top: auto;
		left: auto;
		right: auto;
		z-index: auto;
		box-shadow: none;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget.altctrl-filter-accordion.is-open > ul,
	body.altctrl-deals-archive #secondary.shop-sidebar .widget.altctrl-filter-accordion.is-open > .woocommerce-widget-layered-nav-list {
		max-height: 14rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_product_categories .widget-title,
	body.altctrl-deals-archive #secondary.shop-sidebar .techmarket_widget_product_categories .widget-title {
		display: none !important;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-cat-filter__toggle {
		font-size: 0.8125rem;
		padding: 0.6875rem 0.875rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-cat-filter__label {
		padding: 0.375rem 0.875rem;
		font-size: 0.75rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter .widget {
		margin: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter .widget .widget-title {
		display: flex !important;
		border-bottom: 1px solid var(--ac-deals-border, #e8edf3);
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter .widget.widget_price_filter > .widget-title {
		display: none !important;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter .widget ul {
		margin: 0;
		padding: 0.25rem 0 0.5rem;
		list-style: none;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter .widget ul li a,
	body.altctrl-deals-archive #secondary.shop-sidebar .widget_techmarket_products_filter .widget ul li label {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.375rem 0.875rem;
		font-size: 0.75rem;
		color: var(--ac-deals-muted, #64748b);
		text-decoration: none;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter {
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__header {
		padding: 0.6875rem 0.875rem;
		border-bottom: 1px solid var(--ac-deals-border, #e8edf3);
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__title {
		font-size: 0.8125rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__inputs {
		padding: 0.625rem 0.875rem 0.5rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__track {
		padding: 0.25rem 0.875rem 0.125rem;
	}

	body.altctrl-deals-archive #secondary.shop-sidebar .altctrl-price-filter__wrapper > .altctrl-price-filter__button {
		margin: 0 0.875rem 0.75rem;
		width: calc(100% - 1.75rem);
		min-height: 2.125rem;
		font-size: 0.75rem;
	}

	/* Toolbar — match desktop column alignment (override parent full-bleed bar) */
	body.altctrl-deals-archive .shop-control-bar {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.75rem 1rem;
		width: 100% !important;
		max-width: 100% !important;
		position: relative !important;
		margin: 0 0 1.25rem !important;
		margin-left: 0 !important;
		left: auto !important;
		padding: 0 0 0.875rem;
		border: 0 !important;
		border-bottom: 0 !important;
		background: transparent !important;
	}

	body.altctrl-deals-archive .shop-control-bar .handheld-sidebar-toggle {
		display: none !important;
	}

	body.altctrl-deals-archive .shop-control-bar .woocommerce-products-header__title,
	body.altctrl-deals-archive .shop-control-bar .page-title,
	body.altctrl-deals-archive .shop-control-bar h1 {
		position: relative;
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 0 0.5rem !important;
		font-size: clamp(1.5rem, 2.2vw, 1.875rem);
		line-height: 1.2;
		letter-spacing: -0.02em;
	}

	body.altctrl-deals-archive .shop-control-bar .woocommerce-products-header__title::after,
	body.altctrl-deals-archive .shop-control-bar .page-title::after,
	body.altctrl-deals-archive .shop-control-bar h1::after {
		width: 2.75rem;
		height: 0.2rem;
	}

	body.altctrl-deals-archive .shop-control-bar .altctrl-shop-toolbar-count,
	body.altctrl-deals-archive .shop-control-bar .altctrl-shop-toolbar-count .woocommerce-result-count {
		flex: 0 0 100%;
		display: block !important;
		margin: 0;
		color: var(--ac-deals-muted, #64748b);
		font-size: 0.875rem;
		line-height: 1.3;
	}

	body.altctrl-deals-archive .shop-control-bar .woocommerce-ordering {
		display: flex;
		align-items: center;
		gap: 0.375rem;
		flex: 0 0 auto;
		margin: 0;
	}

	body.altctrl-deals-archive .shop-control-bar .woocommerce-ordering::before {
		content: 'Sort by:';
		color: var(--ac-deals-muted, #64748b);
		font-size: 0.75rem;
		white-space: nowrap;
	}

	body.altctrl-deals-archive .shop-control-bar .woocommerce-ordering select,
	body.altctrl-deals-archive .shop-control-bar .woocommerce-ordering select.orderby {
		min-width: 8.5rem;
		max-width: 11rem;
		min-height: 2.125rem;
		padding: 0.3rem 1.75rem 0.3rem 0.625rem;
		border: 1px solid var(--ac-deals-border, #e8edf3) !important;
		border-radius: 0.375rem;
		background-color: #fff !important;
		color: var(--ac-deals-text, #0f172a) !important;
		font-size: 0.75rem !important;
		line-height: 1.3 !important;
		-webkit-text-fill-color: var(--ac-deals-text, #0f172a) !important;
	}

	body.altctrl-deals-archive .shop-control-bar .shop-view-switcher {
		display: inline-flex !important;
		align-items: center;
		gap: 0.3rem;
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
	}

	body.altctrl-deals-archive .shop-control-bar .shop-view-switcher .nav-item:nth-child(n+3) {
		display: none !important;
	}

	body.altctrl-deals-archive .shop-control-bar .shop-view-switcher .nav-link {
		width: 2rem;
		height: 2rem;
		border-radius: 0.375rem;
	}

	/* Product grid — 2 columns so card CTAs are not clipped beside the sidebar */
	body.altctrl-deals-archive #grid .products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.875rem;
		margin-bottom: 1.25rem !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__inner,
	body.altctrl-deals-archive #grid .products .product-inner {
		padding: 0.75rem;
		border-radius: 0.625rem !important;
		border-color: var(--ac-deals-border, #e8edf3) !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__media-wrap {
		margin-bottom: 0.625rem;
	}

	body.altctrl-deals-archive .altctrl-deal-card__media {
		padding: 0.375rem;
		border-radius: 0.5rem;
		background: #f8fafc;
	}

	body.altctrl-deals-archive .altctrl-deal-card .onsale,
	body.altctrl-deals-archive .altctrl-deal-card .altctrl-deals-save-badge {
		position: static !important;
		top: auto !important;
		left: auto !important;
		padding: 0.2rem 0.45rem;
		background: #e11d48 !important;
		font-size: 0.625rem;
		border-radius: 999rem;
	}

	body.altctrl-deals-archive .altctrl-deal-card__wishlist {
		position: static !important;
		top: auto;
		right: auto;
	}

	body.altctrl-deals-archive .altctrl-deal-card__body {
		gap: 0.3rem;
	}

	body.altctrl-deals-archive .altctrl-deal-card__body .woocommerce-loop-product__title {
		font-size: 0.8125rem;
		min-height: calc(1.35em * 2);
		line-height: 1.35;
	}

	body.altctrl-deals-archive .altctrl-deal-card__body .price,
	body.altctrl-deals-archive .altctrl-deal-card__body .altctrl-product-card__price {
		font-size: 0.9375rem;
		color: var(--ac-deals-text, #0f172a);
	}

	body.altctrl-deals-archive .altctrl-deal-card__body .price ins,
	body.altctrl-deals-archive .altctrl-deal-card__body .altctrl-product-card__price-current {
		color: #2563eb;
		text-decoration: none;
	}

	body.altctrl-deals-archive .altctrl-deal-card__rating .star-rating {
		font-size: 0.6875rem;
	}

	body.altctrl-deals-archive .altctrl-deal-card__rating .review-count {
		font-size: 0.6875rem;
	}

	/* Card footer — Shop Now/ATC and Notify Me/OOS share the same tablet CTA look */
	body.altctrl-deals-archive .altctrl-deal-card__footer,
	.altctrl-home-card__footer,
	.altctrl-stock-notify-actions--card {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.35rem !important;
		padding-top: 0.55rem !important;
		min-width: 0;
		overflow: visible;
		flex-direction: unset !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card.is-out-of-stock .altctrl-deal-card__footer {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		flex-direction: unset !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card.is-out-of-stock .altctrl-deal-card__footer > .altctrl-stock-notify-actions--card {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__shop-now {
		display: inline-flex !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__footer > :is(
		a,
		button,
		.button,
		.add_to_cart_button,
		.altctrl-view-cart-button,
		.altctrl-oos-btn--card,
		.altctrl-notify-me-btn--card,
		.altctrl-deal-card__shop-now,
		.product_type_simple,
		.product_type_variable
	),
	body.altctrl-deals-archive .altctrl-deal-card.is-out-of-stock .altctrl-deal-card__footer .altctrl-oos-btn--card,
	body.altctrl-deals-archive .altctrl-deal-card.is-out-of-stock .altctrl-deal-card__footer .altctrl-notify-me-btn--card,
	.altctrl-stock-notify-actions--card > :is(.altctrl-oos-btn--card, .altctrl-notify-me-btn--card) {
		box-sizing: border-box !important;
		display: inline-flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 2.125rem !important;
		min-height: 2.125rem !important;
		max-height: 2.125rem !important;
		padding: 0 0.35rem !important;
		font-size: 0.6875rem !important;
		font-weight: 400 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		border-radius: 0.375rem !important;
		white-space: nowrap !important;
		writing-mode: horizontal-tb !important;
		word-break: normal !important;
		overflow: hidden !important;
		text-overflow: clip !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__footer .button::before,
	body.altctrl-deals-archive .altctrl-deal-card__footer .add_to_cart_button::before,
	body.altctrl-deals-archive .altctrl-deal-card__footer .altctrl-view-cart-button::before,
	body.altctrl-deals-archive .altctrl-deal-card__footer .product_type_simple::before,
	body.altctrl-deals-archive .altctrl-deal-card__footer .product_type_variable::before,
	body.altctrl-deals-archive .altctrl-deal-card__footer .altctrl-notify-me-btn--card svg,
	body.altctrl-deals-archive .altctrl-deal-card__footer .altctrl-oos-btn--card svg,
	.altctrl-stock-notify-actions--card .altctrl-notify-me-btn--card svg,
	.altctrl-stock-notify-actions--card .altctrl-oos-btn--card svg {
		display: none !important;
		content: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__footer .altctrl-notify-me-btn--card,
	.altctrl-stock-notify-actions--card .altctrl-notify-me-btn--card {
		border: 0.0625rem solid var(--ac-deals-blue, #2b67f6) !important;
		background: #fff !important;
		color: var(--ac-deals-blue, #2b67f6) !important;
		opacity: 1 !important;
	}

	body.altctrl-deals-archive .altctrl-deal-card__footer .altctrl-oos-btn--card,
	.altctrl-stock-notify-actions--card .altctrl-oos-btn--card {
		border: 0.0625rem solid var(--ac-deals-blue-hover, #1e4fd4) !important;
		background: var(--ac-deals-blue, #2b67f6) !important;
		color: #fff !important;
		opacity: 1 !important;
	}

	/* Pagination */
	body.altctrl-deals-archive .shop-control-bar-bottom {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0.25rem 0 0;
	}

	body.altctrl-deals-archive .shop-control-bar-bottom .woocommerce-result-count {
		display: none;
	}

	body.altctrl-deals-archive .shop-control-bar-bottom .woocommerce-pagination ul {
		justify-content: center;
		gap: 0.3rem;
	}

	body.altctrl-deals-archive .shop-control-bar-bottom .woocommerce-pagination a,
	body.altctrl-deals-archive .shop-control-bar-bottom .woocommerce-pagination span {
		min-width: 1.875rem;
		height: 1.875rem;
		font-size: 0.8125rem;
		border-radius: 0.375rem;
	}

	/* Trust bar */
	body.altctrl-deals-archive .altctrl-deals-features {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin: 1rem 0 0;
		padding: 0.875rem 0.625rem;
		border-radius: 0.625rem;
		background: var(--ac-deals-surface, #f4f7fb);
	}

	body.altctrl-deals-archive .altctrl-deals-features__item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0.35rem;
		padding: 0.25rem 0.375rem;
		border-right: 1px solid rgba(15, 23, 42, 0.08);
	}

	body.altctrl-deals-archive .altctrl-deals-features__item:last-child {
		border-right: 0;
	}

	body.altctrl-deals-archive .altctrl-deals-features__icon svg {
		width: 1.125rem;
		height: 1.125rem;
	}

	body.altctrl-deals-archive .altctrl-deals-features__copy strong {
		font-size: 0.75rem;
	}

	body.altctrl-deals-archive .altctrl-deals-features__copy span {
		font-size: 0.6875rem;
	}
}