/**
 * Shirley May - Responsive Styles
 *
 * Specific media-query overrides for layout grids, tables, spacing, navigation, and pages.
 *
 * @package ShirleyMay
 */

/* ==========================================================================
   Small Mobile Devices (max-width: 575px)
   ========================================================================== */
@media (max-width: 575px) {
	:root {
		--header-height: 70px;
	}

	.btn {
		width: 100%;
		padding: 0.85rem 1.5rem;
	}

	.hero-actions {
		flex-direction: column;
		gap: var(--spacing-sm);
	}

	.hero-section {
		height: 360px;
		min-height: 360px;
	}

	.hero-desc {
		display: none;
	}

	/* Cart responsive table layout */
	.shop_table.cart thead {
		display: none;
	}

	.shop_table.cart tr {
		display: block;
		border-bottom: 2px solid var(--glass-border);
		padding: var(--spacing-sm) 0;
	}

	.shop_table.cart td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.5rem 0;
		border: none;
		text-align: right;
	}

	.shop_table.cart td::before {
		content: attr(data-title);
		font-weight: 600;
		text-transform: uppercase;
		font-size: 0.75rem;
		color: var(--color-text-muted);
		float: left;
		text-align: left;
	}

	.shop_table.cart td.cart_item__thumbnail {
		justify-content: center;
	}

	.shop_table.cart td.cart_item__thumbnail::before {
		display: none;
	}

	.coupon-form-inline {
		flex-direction: column;
		width: 100%;
	}
}

/* ==========================================================================
   Tablets and smaller (max-width: 767px)
   ========================================================================== */
@media (max-width: 767px) {
	.home-section {
		padding: var(--spacing-xl) 0;
	}

	.service-strip__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.service-strip__item {
		justify-content: flex-start;
		padding: 1rem var(--spacing-md);
		text-align: left;
	}

	.service-strip__item + .service-strip__item {
		border-top: 1px solid var(--glass-border);
		border-left: none;
	}

	.home-announcement-ticker__item {
		min-height: 50px;
		padding: 0 1.5rem;
		font-size: 0.72rem;
	}

	.brand-story-grid {
		gap: var(--spacing-lg);
	}

	.recently-viewed-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ==========================================================================
   Medium Screens / Tablets Landscape (max-width: 991px)
   ========================================================================== */
@media (max-width: 991px) {
	.shop-container,
	.cart-page-container,
	.checkout-container,
	.single-product-grid {
		grid-template-columns: 1fr !important;
	}

	.shop-sidebar {
		display: none; /* Can be toggled on mobile via drawer/modal later */
	}

	.primary-nav {
		display: none;
	}

	.mobile-nav-toggle {
		display: flex;
	}
}

/* ==========================================================================
   Large Desktop Scales
   ========================================================================== */
@media (min-width: 1200px) {
	.hero-content {
		max-width: 750px;
	}
}