/* --------------------------------------------------------------------------
   Responzívny dizajn – mobile, tablet, desktop
   -------------------------------------------------------------------------- */

/* Základ – dotykové ciele min. 44px (Apple HIG) */

.b2b-btn,
body.b2b-juicelab .woocommerce a.button,
body.b2b-juicelab .woocommerce button.button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color: transparent;
}

.b2b-category-card {
	min-height: 44px;
	-webkit-tap-highlight-color: transparent;
}

/* Obsah – bez horizontálneho scrollu */

body.b2b-juicelab {
	overflow-x: hidden;
}

body.b2b-juicelab .site-content,
body.b2b-juicelab .ast-container {
	max-width: 100%;
}

/* WooCommerce – responzívna mriežka produktov */

body.b2b-juicelab .woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat( auto-fill, minmax( min(100%, 260px), 1fr ) );
	gap: 1rem;
	margin: 0;
	padding: 0;
}

body.b2b-juicelab .woocommerce ul.products::before,
body.b2b-juicelab .woocommerce ul.products::after {
	display: none;
}

body.b2b-juicelab .woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
}

body.b2b-juicelab .woocommerce .woocommerce-result-count,
body.b2b-juicelab .woocommerce .woocommerce-ordering {
	margin-bottom: 1rem;
}

/* Jednotlivý produkt */

body.b2b-juicelab .woocommerce div.product div.images,
body.b2b-juicelab .woocommerce div.product div.summary {
	width: 100%;
	float: none;
}

/* Header – legacy (glass header v css/header.css) */

body.b2b-juicelab .site-below-footer-wrap {
	display: none !important;
}

.b2b-footer-bar {
	background: rgba(255, 255, 255, 0.95);
	border-top: 1px solid rgba(37, 37, 37, 0.08);
	padding: 1rem 1.25rem;
	padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}

.b2b-footer-bar__inner {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.85rem;
	color: #555;
	line-height: 1.6;
}

.b2b-footer-bar a {
	color: var(--jl-tertiary);
	text-decoration: none;
	font-weight: 600;
}

.b2b-footer-bar a:hover {
	text-decoration: underline;
}

@media (max-width: 575px) {
	.b2b-footer-bar__inner {
		font-size: 0.78rem;
	}
}

/* Košík a účet – čitateľné na mobile */

body.b2b-juicelab .woocommerce table.shop_table {
	font-size: 0.9rem;
}

body.b2b-juicelab .woocommerce table.shop_table_responsive tr {
	margin-bottom: 0.5rem;
}

/* Cookies lišta – safe area pre iPhone */

.b2b-cookie-banner {
	padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
}

/* Homepage – kategórie auto-fit */

.b2b-categories__grid {
	grid-template-columns: repeat( auto-fill, minmax( min(100%, 200px), 1fr ) );
}

/* Hero tlačidlá – full width na úzkych displejoch */

.b2b-hero__actions .b2b-btn {
	min-width: 140px;
}

/* --------------------------------------------------------------------------
   Mobile – do 575px
   -------------------------------------------------------------------------- */

@media (max-width: 575px) {
	.b2b-hero {
		padding: 1.25rem 1rem 1rem;
	}

	.b2b-hero__inner {
		padding: 1.5rem 1.25rem;
		border-radius: 16px;
	}

	.b2b-hero__logo {
		width: 100px;
	}

	.b2b-hero__title {
		font-size: 1.35rem;
		line-height: 1.25;
	}

	.b2b-hero__subtitle {
		font-size: 0.95rem;
		margin-bottom: 1.25rem;
	}

	.b2b-hero__actions {
		flex-direction: column;
		width: 100%;
	}

	.b2b-hero__actions .b2b-btn {
		width: 100%;
		min-width: unset;
	}

	.b2b-categories {
		padding: 0.75rem 1rem 1.5rem;
	}

	.b2b-categories__grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.b2b-category-card {
		flex-direction: row;
		align-items: center;
		text-align: left;
		gap: 1rem;
		padding: 1rem 1.15rem;
	}

	.b2b-category-card__icon {
		font-size: 1.75rem;
		margin-bottom: 0;
		flex-shrink: 0;
	}

	.b2b-category-card__title {
		font-size: 1rem;
	}

	.b2b-category-card__desc {
		font-size: 0.8rem;
	}

	.b2b-section-title {
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}

	.b2b-features {
		padding: 0 1rem 2rem;
	}

	.b2b-features__inner {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.b2b-feature {
		padding: 1rem;
		text-align: left;
	}

	.b2b-cookie-banner__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.b2b-cookie-banner__actions {
		flex-direction: column;
		width: 100%;
	}

	.b2b-cookie-banner__actions .b2b-btn {
		width: 100%;
	}

	.b2b-registration-form {
		margin: 1rem 0.75rem;
		padding: 1.25rem 1rem;
		border-radius: 12px;
	}

	.b2b-registration-form h2 {
		font-size: 1.35rem;
	}

	.b2b-form-field input {
		font-size: 16px; /* zabraňuje zoomu na iOS */
	}

	.b2b-notice {
		margin: 1rem 0.75rem;
		padding: 1rem;
	}

	body.b2b-juicelab .woocommerce ul.products {
		grid-template-columns: 1fr;
	}

	body.b2b-juicelab .ast-woocommerce-container {
		padding: 0.75rem;
		margin: 0 0.5rem;
	}

	.b2b-price-vop,
	.b2b-price-moc {
		flex-wrap: wrap;
	}

	.b2b-price-login-notice {
		display: block;
		text-align: center;
		font-size: 0.85rem;
	}
}

/* --------------------------------------------------------------------------
   Tablet – 576px až 1023px
   -------------------------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 1023px) {
	.b2b-hero {
		padding: 2rem 1.25rem 1.5rem;
	}

	.b2b-hero__inner {
		padding: 2rem 1.5rem;
	}

	.b2b-hero__title {
		font-size: 1.65rem;
	}

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

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

	.b2b-features__inner .b2b-feature:last-child {
		grid-column: 1 / -1;
	}

	body.b2b-juicelab .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
	}

	.b2b-cookie-banner__inner {
		flex-wrap: wrap;
	}

	.b2b-cookie-banner__actions {
		width: 100%;
		justify-content: flex-end;
	}
}

/* --------------------------------------------------------------------------
   Desktop – 1024px+
   -------------------------------------------------------------------------- */

@media (min-width: 1024px) {
	.b2b-hero__inner {
		padding: 3rem 2.5rem;
	}

	.b2b-hero__title {
		font-size: 2.25rem;
	}

	.b2b-categories__grid {
		grid-template-columns: repeat(5, 1fr);
	}

	.b2b-features__inner {
		grid-template-columns: repeat(3, 1fr);
	}

	body.b2b-juicelab .woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* --------------------------------------------------------------------------
   Veľký desktop – 1280px+
   -------------------------------------------------------------------------- */

@media (min-width: 1280px) {
	body.b2b-juicelab .woocommerce ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* --------------------------------------------------------------------------
   Prefer reduced motion
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.b2b-category-card {
		transition: none;
	}

	.b2b-category-card:hover {
		transform: none;
	}
}