/**
 * ═══════════════════════════════════════════════
 *  REVOLUCIÓN URBANA — MOBILE RESPONSIVE
 *  Breakpoints: 768px, 1024px, 1440px
 * ═══════════════════════════════════════════════
 */

/* ════════════════════════════════════════════
   WIDESCREEN (> 1440px)
   ════════════════════════════════════════════ */
@media (min-width: 1441px) {
	.ru-theme .et_pb_row {
		max-width: var(--ru-container-2xl) !important;
	}
}

/* ════════════════════════════════════════════
   TABLET (768px – 1024px)
   ════════════════════════════════════════════ */
@media (max-width: 1024px) {
	/* Hero */
	.ru-home .et_pb_section:first-child h1,
	.ru-home .ru-hero h1 {
		font-size: var(--ru-text-6xl) !important;
	}

	/* Product grid: 2 columns */
	.ru-theme .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	/* Home shop module */
	.ru-home .et_pb_shop .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	/* Stats grid */
	.ru-sustainability__stats {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--ru-space-3);
	}

	/* Instagram grid */
	.ru-instagram__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Section padding reduction */
	.ru-theme .et_pb_section {
		padding: var(--ru-space-8) 0;
	}

	/* Headings scale down */
	.ru-theme h1 { font-size: var(--ru-text-5xl); }
	.ru-theme h2 { font-size: var(--ru-text-4xl); }
	.ru-theme h3 { font-size: var(--ru-text-3xl); }
}

/* ════════════════════════════════════════════
   MOBILE (< 768px)
   ════════════════════════════════════════════ */
@media (max-width: 767px) {
	/* ─── Announcement bar ─── */
	.ru-announcement-bar {
		height: 32px;
		font-size: var(--ru-text-xs);
	}

	/* ─── Hero ─── */
	.ru-home .et_pb_section:first-child h1,
	.ru-home .ru-hero h1 {
		font-size: clamp(2.5rem, 10vw, 3.75rem) !important;
	}

	.ru-home .et_pb_section:first-child p,
	.ru-home .ru-hero .ru-hero__subtitle {
		font-size: var(--ru-text-base) !important;
	}

	/* ─── Headings ─── */
	.ru-theme h1 { font-size: var(--ru-text-4xl); }
	.ru-theme h2 { font-size: var(--ru-text-3xl); }
	.ru-theme h3 { font-size: var(--ru-text-2xl); }
	.ru-theme h4 { font-size: var(--ru-text-xl); }

	/* ─── Product grid: 2 columns on mobile ─── */
	.ru-theme .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: var(--ru-space-1) !important;
	}

	.ru-home .et_pb_shop .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: var(--ru-space-1) !important;
	}

	/* Product card adjustments */
	.ru-theme .woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: var(--ru-text-base) !important;
		padding: var(--ru-space-1) !important;
	}

	.ru-theme .woocommerce ul.products li.product .price {
		font-size: var(--ru-text-base) !important;
		padding: 0 var(--ru-space-1) var(--ru-space-1) !important;
	}

	/* Show add to cart always on mobile (no hover) */
	.ru-theme .woocommerce ul.products li.product .button,
	.ru-theme .woocommerce ul.products li.product a.add_to_cart_button {
		opacity: 1 !important;
		transform: translateY(0) !important;
		padding: 10px !important;
		font-size: var(--ru-text-sm) !important;
	}

	/* Disable lift on mobile (better for touch) */
	.ru-theme .woocommerce ul.products li.product:hover {
		transform: none;
		box-shadow: none;
	}

	/* Hide quick view on touch */
	.ru-quick-view {
		display: none !important;
	}

	/* Badges smaller */
	.ru-badge {
		font-size: var(--ru-text-xs);
		padding: 3px 8px;
	}

	/* ─── Single Product ─── */
	.ru-theme .woocommerce div.product .product_title {
		font-size: var(--ru-text-3xl) !important;
	}

	.ru-theme .woocommerce div.product p.price,
	.ru-theme .woocommerce div.product span.price {
		font-size: var(--ru-text-2xl) !important;
	}

	.ru-theme .woocommerce div.product form.cart .single_add_to_cart_button {
		width: 100%;
		min-width: unset;
	}

	/* Product benefits horizontal scroll */
	.ru-product-benefits {
		flex-direction: row;
		overflow-x: auto;
		gap: var(--ru-space-3);
		padding-bottom: var(--ru-space-1);
	}

	.ru-product-benefit {
		flex-shrink: 0;
		font-size: var(--ru-text-xs);
	}

	/* ─── Tabs on mobile ─── */
	.ru-theme .woocommerce div.product .woocommerce-tabs ul.tabs li {
		margin: 0 var(--ru-space-1) 0 0 !important;
	}

	.ru-theme .woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size: var(--ru-text-base) !important;
	}

	/* ─── Stats ─── */
	.ru-sustainability__stats {
		grid-template-columns: 1fr;
		gap: var(--ru-space-4);
	}

	.ru-stat__number {
		font-size: var(--ru-text-5xl);
	}

	/* ─── Instagram ─── */
	.ru-instagram__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* ─── Newsletter ─── */
	.ru-newsletter__form {
		flex-direction: column;
	}

	.ru-newsletter__form input[type="email"] {
		border-right: 2px solid var(--ru-black) !important;
		border-bottom: none !important;
	}

	/* ─── Cart drawer ─── */
	.ru-cart-drawer__panel {
		width: 100vw;
		max-width: 100vw;
	}

	/* ─── Section padding ─── */
	.ru-theme .et_pb_section {
		padding: var(--ru-space-6) 0 !important;
	}

	/* ─── Footer ─── */
	.ru-theme #footer-widgets .footer-widget {
		margin-bottom: var(--ru-space-4);
	}

	/* ─── General spacing ─── */
	.ru-container {
		padding: 0 var(--ru-space-2);
	}

	.ru-theme .et_pb_row {
		padding: 0 var(--ru-space-2) !important;
	}

	/* ─── Buttons full width ─── */
	.ru-theme .et_pb_button {
		width: 100%;
		text-align: center;
	}

	/* ─── Mobile nav improvements ─── */
	.ru-theme .et_mobile_menu li a {
		font-size: var(--ru-text-xl) !important;
		padding: 14px 20px !important;
	}

	/* ─── Checkout mobile ─── */
	.ru-theme .woocommerce-checkout #place_order {
		font-size: var(--ru-text-lg) !important;
		padding: 16px 24px !important;
	}
}

/* ════════════════════════════════════════════
   SMALL MOBILE (< 480px)
   ════════════════════════════════════════════ */
@media (max-width: 479px) {
	.ru-home .et_pb_section:first-child h1,
	.ru-home .ru-hero h1 {
		font-size: clamp(2rem, 9vw, 3rem) !important;
	}

	.ru-theme .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 6px !important;
	}

	.ru-theme .woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: var(--ru-text-sm) !important;
	}

	.ru-theme .woocommerce ul.products li.product .price {
		font-size: var(--ru-text-sm) !important;
	}

	.ru-badge {
		font-size: 10px;
		padding: 2px 6px;
	}

	/* Sticky ATC bar visible area */
	.ru-sticky-atc {
		padding: 10px var(--ru-space-2);
	}
}

/* ════════════════════════════════════════════
   LANDSCAPE PHONES
   ════════════════════════════════════════════ */
@media (max-height: 500px) and (orientation: landscape) {
	.ru-home .et_pb_section:first-child,
	.ru-home .ru-hero {
		min-height: 0;
		padding: var(--ru-space-8) 0;
	}

	.ru-home .et_pb_section:first-child h1 {
		font-size: var(--ru-text-4xl) !important;
	}

	/* Video backgrounds — fill even in landscape */
	.ru-theme .et_pb_section .et_pb_section_video_bg iframe {
		width: 100% !important;
		height: 177.78vw;
	}
}

/* ════════════════════════════════════════════
   VIDEO RESPONSIVE
   ════════════════════════════════════════════ */
@media (max-width: 768px) {
	/* Ensure video modules don't overflow on small screens */
	.ru-theme .et_pb_video_wrap .fluid-width-video-wrapper {
		min-height: 0;
	}

	/* Play button smaller on mobile */
	.ru-theme .et_pb_video_overlay .et_pb_video_play {
		font-size: 48px;
	}

	/* Background video iframe sizing for mobile */
	.ru-theme .et_pb_section .et_pb_section_video_bg iframe {
		width: 300%;
		height: 100%;
		min-height: 100%;
		min-width: 300%;
	}
}

/* ════════════════════════════════════════════
   THUMBNAIL GALLERY RESPONSIVE
   ════════════════════════════════════════════ */
@media (max-width: 768px) {
	.ru-theme .woocommerce div.product div.images .flex-control-thumbs li {
		flex: 0 0 60px;
		width: 60px;
		height: 60px;
	}

	.ru-theme .woocommerce div.product div.images .flex-control-thumbs {
		gap: 8px;
		margin-top: 12px;
	}
}

@media (max-width: 479px) {
	.ru-theme .woocommerce div.product div.images .flex-control-thumbs li {
		flex: 0 0 52px;
		width: 52px;
		height: 52px;
	}
}

/* ════════════════════════════════════════════
   PRINT
   ════════════════════════════════════════════ */
@media print {
	.ru-announcement-bar,
	.ru-cart-drawer,
	.et_pb_scroll_top,
	#ru-announcement-bar {
		display: none !important;
	}

	.ru-theme {
		color: #000 !important;
		background: #fff !important;
	}

	.ru-theme a {
		color: #000 !important;
		text-decoration: underline !important;
	}
}