/* =================================================================
   etiQuet — main stylesheet
   White / #70CC6A / #5E5E5E · editorial, premium, animated
   ================================================================= */

:root {
	--etq-green: #70CC6A;
	--etq-green-dark: #56B450;
	--etq-green-soft: #EAF7E8;
	--etq-ink: #1C1C1C;
	--etq-gray: #5E5E5E;
	--etq-surface: #F6F8F5;
	--etq-border: #E6EAE4;
	--etq-radius: 14px;
	--etq-radius-xl: 26px;
	--etq-shadow: 0 18px 50px -20px rgba(28, 28, 28, 0.18);
	--etq-shadow-sm: 0 8px 24px -12px rgba(28, 28, 28, 0.16);
	--etq-ease: cubic-bezier(.22,.61,.36,1);
	--etq-section-y: clamp(64px, 8vw, 120px);
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

/* ---------- Base polish ---------- */
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Restore WP's default behavior for nested .has-global-padding (the previous
   override was killing padding asymmetrically and shifting content). WP's own
   rule resets both sides on nested global-padding to avoid double gutters. */

.etq-section {
	scroll-margin-top: 90px;
	position: relative;
}
.etq-section + .etq-section { margin-top: 0; }

p { margin: 0; }

/* ---------- Header ---------- */
.etq-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: transparent;
	border-bottom: 1px solid transparent;
	padding: 12px 24px 0;
	transition: border-color .3s ease;
}
.etq-header.is-scrolled {
	border-bottom-color: transparent;
}
.etq-header__inner {
	padding: 12px 16px 12px 22px;
}
.etq-header__box {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	box-shadow: 0 10px 30px -24px rgba(28, 28, 28, 0.3);
	transition: box-shadow .3s ease, background .3s ease, border-color .3s ease;
}
.etq-header.is-scrolled .etq-header__box {
	background: rgba(255, 255, 255, 0.96);
	border-color: #DDE5DA;
	box-shadow: var(--etq-shadow-sm);
}
.etq-logo a,
.etq-logo {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: 1.5rem;
	letter-spacing: -0.02em;
	color: var(--etq-ink);
	text-decoration: none;
}
.etq-nav { gap: 28px; }
.etq-menu a {
	color: var(--etq-ink);
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
}
.etq-menu a:hover { color: var(--etq-green-dark); }
.etq-header__cta .wp-block-button__link {
	padding: 10px 22px;
	font-size: 0.95rem;
}

/* Profile + cart icon buttons in the header */
.etq-header__icons {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-right: 12px;
}
.etq-header__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	color: var(--etq-ink);
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}
.etq-header__icon:hover {
	background: var(--etq-green-soft);
	color: var(--etq-green-dark);
}
.etq-header__icon svg { display: block; }
/* Active state: account icon on /my-account/ pages */
.woocommerce-account .etq-header__icon--account,
.woocommerce-edit-account .etq-header__icon--account,
.woocommerce-edit-address .etq-header__icon--account,
.woocommerce-orders .etq-header__icon--account,
.woocommerce-view-order .etq-header__icon--account,
.woocommerce-downloads .etq-header__icon--account,
.woocommerce-payment-methods .etq-header__icon--account {
	color: var(--etq-green-dark);
	background: var(--etq-green-soft);
}
/* Active state: cart icon on /cart/ */
.woocommerce-cart .etq-header__icon--cart {
	color: var(--etq-green-dark);
	background: var(--etq-green-soft);
}

/* Checkout header — minimal: logo + step pill */
.etq-header--checkout .etq-header__inner { padding: 14px 22px; }
.etq-header__checkout-step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--etq-green-dark);
	background: var(--etq-green-soft);
	padding: 8px 16px;
	border-radius: 999px;
	margin: 0;
}

/* ---------- Eyebrow / labels ---------- */
.etq-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--etq-green-dark);
	background: var(--etq-green-soft);
	padding: 7px 14px;
	border-radius: 999px;
	margin: 0;
}
/* Center the eyebrow pill reliably (works even without parent text-align) */
.etq-eyebrow--center {
	display: flex;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.etq-eyebrow--light {
	color: #BFF0BB;
	background: rgba(112, 204, 106, 0.16);
}
.etq-dot {
	width: 7px; height: 7px; border-radius: 50%;
	background: var(--etq-green);
	box-shadow: 0 0 0 4px rgba(112, 204, 106, 0.25);
}

/* ---------- Section heads ---------- */
.etq-head { max-width: 680px; margin-left: auto; margin-right: auto; }
.etq-sub, .etq-lead {
	color: var(--etq-gray);
}
.etq-sub { font-size: 1.08rem; margin-top: 12px; }
.etq-accent { color: var(--etq-green); }

/* ---------- Hero sticker magic (click anywhere to stick) ---------- */
.etq-hero.has-sticker-magic { cursor: crosshair; }
.etq-hero.has-sticker-magic .wp-block-button,
.etq-hero.has-sticker-magic .wp-block-button__link,
.etq-hero.has-sticker-magic a,
.etq-hero.has-sticker-magic button {
	cursor: pointer;
}
.etq-hero-sticker {
	position: absolute;
	pointer-events: none;
	z-index: 5;
	transform: translate(-50%, -50%) rotate(var(--etq-rot, 0deg)) scale(0);
	opacity: 0;
	transition:
		transform .55s cubic-bezier(.34, 1.56, .64, 1),
		opacity .25s ease;
	filter: drop-shadow(0 6px 12px rgba(28, 28, 28, 0.2));
	user-select: none;
	will-change: transform, opacity;
}
.etq-hero-sticker.is-stuck {
	transform: translate(-50%, -50%) rotate(var(--etq-rot, 0deg)) scale(1);
	opacity: 1;
}
.etq-hero-sticker.is-fading {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(var(--etq-rot, 0deg)) scale(0.7);
	transition: transform .35s ease, opacity .35s ease;
}
/* Auto-scattered side stickers — slightly softer shadow, longer spring */
.etq-hero-sticker--auto {
	filter: drop-shadow(0 4px 10px rgba(28, 28, 28, 0.16));
	transition:
		transform .75s cubic-bezier(.34, 1.56, .64, 1),
		opacity .4s ease;
}
@media (prefers-reduced-motion: reduce) {
	.etq-hero-sticker { transition: none; }
}

/* ---------- Hero (centered composition) ---------- */
.etq-hero {
	position: relative;
	padding-top: clamp(72px, 9vw, 130px);
	padding-bottom: clamp(80px, 10vw, 140px);
	overflow: hidden;
	isolation: isolate;
	background: #ffffff;
	text-align: center;
}
.etq-hero__content {
	margin-left: auto;
	margin-right: auto;
}
.etq-hero .etq-lead {
	max-width: 56ch;
	margin-left: auto;
	margin-right: auto;
}

/* Hero feature chips (centered row below lead) */
.etq-hero__chips { gap: 10px; }
.etq-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ffffff;
	border: 1px solid var(--etq-border);
	color: var(--etq-ink);
	font-weight: 600;
	font-size: 0.92rem;
	padding: 8px 14px;
	border-radius: 999px;
	box-shadow: var(--etq-shadow-sm);
	margin: 0;
	transition: transform .2s ease, border-color .2s ease;
}
.etq-hero__chip::before {
	content: "";
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--etq-green);
}
.etq-hero__chip:hover {
	transform: translateY(-2px);
	border-color: var(--etq-green);
}

.etq-hero__actions { justify-content: center; }
.etq-hero__grid { gap: 48px; }
.etq-lead { max-width: 48ch; }

/* Hero rolă image — sits between lead and upload form */
.etq-hero__rola {
	margin: 32px auto 0;
	max-width: 360px;
	display: block;
	text-align: center;
}
.etq-hero__rola img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	animation: etq-hero-rola-float 5s ease-in-out infinite;
}
@keyframes etq-hero-rola-float {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
	.etq-hero__rola img { animation: none; }
}
@media (max-width: 560px) {
	.etq-hero__rola { max-width: 260px; margin-top: 24px; }
}
.etq-trust {
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--etq-gray);
}
.etq-trust--center { color: var(--etq-gray); margin-top: 16px; }

/* Bulleted checklist */
.etq-bullets {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
}
.etq-bullets li {
	position: relative;
	padding-left: 34px;
	font-weight: 600;
	color: var(--etq-ink);
}
.etq-bullets li::before {
	content: "";
	position: absolute;
	left: 0; top: 1px;
	width: 22px; height: 22px;
	border-radius: 50%;
	background: var(--etq-green);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

/* ---------- Rotating sticker badge ---------- */
.etq-hero__media {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	position: relative;
}
.etq-hero__image {
	width: min(100%, 520px);
	margin: 0;
}
.etq-hero__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius-xl);
	box-shadow: var(--etq-shadow);
}
.etq-badge {
	position: relative;
	width: 180px; height: 180px;
	max-width: 46vw;
	margin-top: -98px;
	margin-left: auto;
	margin-right: 18px;
	z-index: 2;
}
.etq-badge__ring {
	width: 100%; height: 100%;
	animation: etq-spin 22s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
	.etq-badge__ring { animation: none; }
}
.etq-badge__ring text {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-size: 12.4px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	fill: var(--etq-ink);
}
.etq-badge__core {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 108px; height: 108px;
	border-radius: 50%;
	background: var(--etq-green);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.18), var(--etq-shadow);
}
.etq-badge__price {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: -0.02em;
}
.etq-badge__price s { font-size: 0.78rem; opacity: 0.65; margin-right: 4px; font-weight: 600; }
.etq-badge__cur { font-weight: 700; letter-spacing: 0.16em; font-size: 0.7rem; margin-top: 4px; }
@keyframes etq-spin { to { transform: rotate(360deg); } }

/* Price card under badge */
.etq-pricecard {
	background: #fff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	box-shadow: var(--etq-shadow-sm);
	padding: 18px 26px;
	text-align: center;
	min-width: 240px;
}
.etq-pricecard__old { color: var(--etq-gray); text-decoration: line-through; font-size: 0.95rem; }
.etq-pricecard__new {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: 2.2rem;
	color: var(--etq-ink);
	line-height: 1.1;
}
.etq-pricecard__save {
	display: inline-block;
	margin-top: 6px;
	color: var(--etq-green-dark);
	background: var(--etq-green-soft);
	font-weight: 700;
	font-size: 0.85rem;
	padding: 4px 12px;
	border-radius: 999px;
}

/* ---------- Buttons ---------- */
.wp-block-button__link {
	border: 0;
	cursor: pointer;
	font-family: inherit;
	transition: transform .18s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
	will-change: transform;
}
.wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-button__link:disabled {
	cursor: wait;
	opacity: 0.78;
	transform: none;
}
.etq-btn-lg .wp-block-button__link {
	font-size: 1.05rem;
	padding: 17px 34px;
	box-shadow: 0 14px 30px -12px rgba(112, 204, 106, 0.7);
}
.etq-btn-block { width: 100%; }
.etq-btn-block .wp-block-button__link { display: block; text-align: center; }
.etq-btn-invert .wp-block-button__link {
	background: var(--etq-ink);
	color: #fff;
}
.etq-btn-invert .wp-block-button__link:hover { background: #000; color: #fff; }

/* ---------- Marquee ---------- */
.etq-marquee {
	border-top: 1px solid var(--etq-border);
	border-bottom: 1px solid var(--etq-border);
	background: var(--etq-ink);
	overflow: hidden;
}
.etq-marquee__viewport { overflow: hidden; }
.etq-marquee__track {
	display: inline-flex;
	align-items: center;
	gap: 22px;
	white-space: nowrap;
	padding: 16px 0;
	animation: etq-marquee 26s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
	.etq-marquee__track { animation: none; }
}
.etq-marquee__item {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 700;
	font-size: 1.15rem;
	letter-spacing: -0.01em;
	color: #fff;
	text-transform: lowercase;
}
.etq-marquee__sep { color: var(--etq-green); font-size: 0.9rem; }
@keyframes etq-marquee { to { transform: translateX(-50%); } }

/* ---------- Order / uploader ---------- */
.etq-ordercard {
	background: #fff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius-xl);
	box-shadow: var(--etq-shadow);
	padding: 30px;
	margin-top: 36px;
}
.etq-order-form { margin: 0; }
.etq-uploader { width: 100%; }
.etq-uploader__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.etq-uploader__drop {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
	border: 2px dashed #C9D6C4;
	border-radius: var(--etq-radius);
	background: var(--etq-surface);
	padding: 40px 24px;
	cursor: pointer;
	color: var(--etq-gray);
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.etq-uploader__drop:hover,
.etq-uploader.is-dragover .etq-uploader__drop {
	border-color: var(--etq-green);
	background: var(--etq-green-soft);
}
.etq-uploader.is-dragover .etq-uploader__drop { transform: scale(1.01); }
.etq-uploader__icon { color: var(--etq-green-dark); }
.etq-uploader__text strong { color: var(--etq-ink); }
.etq-uploader__hint { display: block; font-size: 0.85rem; margin-top: 6px; opacity: 0.85; }
/* Side-by-side: drop zone (left) + mockup (right) */
.etq-uploader__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	align-items: stretch;
}
.etq-uploader__grid > .etq-uploader__drop {
	margin: 0;
}
.etq-uploader__mockup-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(circle at 30% 20%, rgba(112,204,106,0.08) 0%, transparent 55%),
		var(--etq-surface);
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	padding: 24px 18px;
	min-height: 200px;
}

/* Circular sticker mockup — smaller in side-by-side layout */
.etq-mockup {
	position: relative;
	width: 100%;
	max-width: 200px;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
}
.etq-mockup__sticker {
	position: absolute;
	border-radius: 50%;
	background: #ffffff;
}
.etq-mockup__sticker--main {
	inset: 0;
	border: 6px solid #ffffff;
	box-shadow:
		0 1px 0 rgba(255,255,255,0.6) inset,
		0 18px 40px -16px rgba(28,28,28,0.35),
		0 6px 14px -8px rgba(28,28,28,0.18);
	overflow: hidden;
	z-index: 3;
	animation: etq-mockup-pop .55s cubic-bezier(.22,.61,.36,1) both;
}
.etq-mockup__sticker--main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	background: var(--etq-surface);
}
.etq-mockup__sticker--back-1 {
	inset: 8px -22px 8px auto;
	width: 86%;
	aspect-ratio: 1 / 1;
	transform: rotate(8deg);
	background: #F0F4EE;
	border: 1px solid var(--etq-border);
	box-shadow: 0 14px 30px -16px rgba(28,28,28,0.25);
	z-index: 1;
	opacity: 0.9;
}
.etq-mockup__sticker--back-2 {
	inset: 16px auto 16px -18px;
	width: 80%;
	aspect-ratio: 1 / 1;
	transform: rotate(-7deg);
	background: #EAEFE7;
	border: 1px solid var(--etq-border);
	box-shadow: 0 12px 24px -14px rgba(28,28,28,0.2);
	z-index: 0;
	opacity: 0.78;
}
.etq-mockup__badge {
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
	background: var(--etq-ink);
	color: #ffffff;
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	padding: 6px 12px;
	border-radius: 999px;
	white-space: nowrap;
	box-shadow: 0 10px 20px -10px rgba(28,28,28,0.4);
}
@keyframes etq-mockup-pop {
	0% { opacity: 0; transform: scale(0.85); }
	100% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
	.etq-mockup__sticker--main { animation: none; }
}

/* Quality hint — sits between mockup grid and filename row */
.etq-uploader__quality {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 0;
	padding: 12px 16px;
	border-radius: var(--etq-radius);
	background: var(--etq-green-soft);
	color: var(--etq-green-dark);
	font-size: 0.88rem;
	line-height: 1.45;
	font-weight: 600;
}
.etq-uploader__quality svg {
	flex: none;
	color: var(--etq-green-dark);
}

/* Filename row — appears under quality hint after upload */
.etq-uploader__file {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	font-weight: 600;
	font-size: 0.92rem;
	color: var(--etq-ink);
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: 999px;
	padding: 8px 8px 8px 14px;
	word-break: break-all;
}
.etq-uploader__file-ico {
	flex: none;
	color: var(--etq-green-dark);
}
.etq-uploader__file span[data-etq-filename] {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.etq-uploader__remove {
	border: none;
	background: var(--etq-surface);
	color: var(--etq-gray);
	width: 28px; height: 28px;
	border-radius: 50%;
	cursor: pointer;
	flex: none;
	font-size: 0.85rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, color .2s ease;
}
.etq-uploader__remove:hover { background: #FFE3E3; color: #D33; }

/* Stack drop + mockup on small screens */
@media (max-width: 560px) {
	.etq-uploader__grid {
		grid-template-columns: 1fr;
	}
	.etq-uploader__mockup-wrap { min-height: 220px; padding: 22px 16px; }
	.etq-mockup { max-width: 180px; }
}
@media (max-width: 420px) {
	.etq-mockup { max-width: 170px; }
}

.etq-order__summary {
	margin: 24px 0 4px;
	border-top: 1px solid var(--etq-border);
	padding-top: 18px;
	display: grid;
	gap: 8px;
}
.etq-order__line {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	font-weight: 600;
	color: var(--etq-ink);
}
.etq-order__line--muted { color: var(--etq-gray); font-weight: 500; }
.etq-order__price s { color: var(--etq-gray); font-weight: 500; margin-right: 4px; }
.etq-order__price strong { color: var(--etq-green-dark); }
.etq-order__cta { margin-top: 22px; }
.etq-order__cta .wp-block-button { width: 100%; }
.etq-order__cta button { width: 100%; }

.etq-order-error {
	margin: 0 0 18px;
	padding: 12px 14px;
	border: 1px solid #F3B5B5;
	border-radius: var(--etq-radius);
	background: #FFF1F1;
	color: #8F1E1E;
	font-weight: 700;
}

/* ---------- WC Blocks: cart + checkout order summary item polish ----------
   Layout: top row [image | price + badge], then full-width description below */
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item,
.wp-block-woocommerce-cart .wc-block-cart-items__row,
.wc-block-components-order-summary__content > .wc-block-components-order-summary-item {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 14px !important;
	background: var(--etq-surface);
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	padding: 14px !important;
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr);
	grid-template-areas:
		"image  total"
		"desc   desc";
	column-gap: 12px;
	row-gap: 12px;
	align-items: center;
	overflow: hidden;
}
.wc-block-components-order-summary-item > * {
	min-width: 0;
	max-width: 100%;
}
.wc-block-components-order-summary-item__image,
.wc-block-cart-items__row .wc-block-cart-item__image {
	grid-area: image;
}
.wc-block-components-order-summary-item__total-price,
.wc-block-cart-items__row .wc-block-cart-item__total {
	grid-area: total;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
}
.wc-block-components-order-summary-item__description,
.wc-block-cart-items__row .wc-block-cart-item__product {
	grid-area: desc;
	padding-top: 14px;
	border-top: 1px solid var(--etq-border);
}
/* The duplicated price inside the description block — hide; total on top-right is enough */
.wc-block-components-order-summary-item__description .wc-block-components-product-price {
	display: none !important;
}
/* Product image */
.wc-block-components-order-summary-item .wc-block-components-order-summary-item__image,
.wc-block-cart-items__row .wc-block-cart-item__image {
	width: 60px !important;
	height: 60px !important;
	border-radius: 10px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid var(--etq-border);
}
.wc-block-components-order-summary-item__image > img,
.wc-block-cart-item__image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 10px;
}
/* Hide the WC quantity bubble — we sell qty 1 only */
.wc-block-components-order-summary-item__quantity {
	display: none !important;
}
/* Product name — sits in the bottom row, more breathing room */
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.wc-block-components-product-name {
	display: block !important;
	font-family: "DM Sans", system-ui, -apple-system, sans-serif !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	color: var(--etq-ink) !important;
	letter-spacing: -0.01em !important;
	margin: 0 0 8px !important;
	line-height: 1.3 !important;
}
/* Prices — bigger and clearer */
.wc-block-components-order-summary-item__total-price,
.wc-block-components-product-price {
	font-weight: 700 !important;
	color: var(--etq-ink) !important;
	font-size: 1rem !important;
}
.wc-block-components-product-price__regular {
	color: var(--etq-gray) !important;
	text-decoration: line-through;
	margin-right: 6px !important;
}
.wc-block-components-product-price__value.is-discounted,
.wc-block-components-product-price__value {
	color: var(--etq-green-dark) !important;
	font-weight: 800 !important;
}
/* "Economisești 50,00 lei" badge — bigger + prominent (but not overflow) */
.wc-block-components-sale-badge,
.wc-block-components-product-badge,
.wc-block-components-order-summary-item__discount-badge {
	display: inline-block !important;
	background: var(--etq-green) !important;
	color: var(--etq-ink) !important;
	font-family: "DM Sans", system-ui, -apple-system, sans-serif !important;
	font-weight: 800 !important;
	font-size: 0.82rem !important;
	letter-spacing: 0.01em !important;
	padding: 5px 10px !important;
	border-radius: 999px !important;
	margin-top: 4px !important;
	white-space: nowrap;
	box-shadow: 0 4px 10px -6px rgba(112, 204, 106, 0.55);
}
/* Metadata (short description + Artwork) — full width in bottom row */
.wc-block-components-product-metadata,
.wc-block-components-product-details {
	font-size: 0.92rem !important;
	color: var(--etq-gray) !important;
	margin: 0 0 6px !important;
	line-height: 1.5;
}
.wc-block-components-product-details {
	margin-top: 8px !important;
}
.wc-block-components-product-metadata strong,
.wc-block-components-product-details__name {
	color: var(--etq-ink) !important;
	font-weight: 700 !important;
}
.wc-block-components-product-metadata a,
.wc-block-components-product-details a {
	color: var(--etq-green-dark) !important;
	font-weight: 600;
	text-decoration: underline;
}
/* Remove (trash) button */
.wc-block-cart-item__remove-link,
.wc-block-cart-item__remove-button,
.wc-block-components-order-summary-item__remove {
	color: var(--etq-gray) !important;
	font-size: 0.85rem !important;
	background: transparent !important;
	border: 0 !important;
	margin-top: 6px;
	transition: color .2s ease;
}
.wc-block-cart-item__remove-link:hover,
.wc-block-cart-item__remove-button:hover {
	color: #C13D3D !important;
}

/* ---------- Checkout trust signals (under order summary) ---------- */
.etq-checkout-trust {
	margin-top: 18px;
	padding: 22px 22px;
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	box-shadow: var(--etq-shadow-sm);
}
.etq-checkout-trust__heading {
	margin: 0 0 14px;
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: 1rem;
	letter-spacing: -0.01em;
	color: var(--etq-ink);
}
.etq-checkout-trust__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.etq-checkout-trust__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--etq-ink);
	font-weight: 500;
}
.etq-checkout-trust__ico {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--etq-green);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 800;
	margin-top: 1px;
}

/* ---------- WooCommerce checkout polish ---------- */
.woocommerce-checkout .etq-landing,
.woocommerce-cart .etq-landing {
	background: var(--etq-surface);
}
.woocommerce-checkout main,
.woocommerce-cart main {
	padding-top: var(--wp--preset--spacing--lg);
	padding-bottom: var(--wp--preset--spacing--xl);
}
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce {
	max-width: 1120px;
	margin: 0 auto;
}
.woocommerce-checkout .woocommerce form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.8fr);
	gap: 28px;
	align-items: start;
}
.woocommerce-checkout .woocommerce .col2-set,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals {
	background: #fff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	box-shadow: var(--etq-shadow-sm);
	padding: 24px;
}
.woocommerce-checkout .woocommerce .col2-set {
	width: 100%;
	grid-row: 1 / span 2;
}
.woocommerce-checkout .woocommerce .col-1,
.woocommerce-checkout .woocommerce .col-2 {
	float: none;
	width: 100%;
}
.woocommerce-checkout .woocommerce .col-2 {
	margin-top: 24px;
}
.woocommerce-checkout #order_review_heading {
	grid-column: 2;
	margin: 0 0 12px;
	font-size: 1.35rem;
}
.woocommerce-checkout #order_review {
	grid-column: 2;
	position: sticky;
	top: 104px;
}
.woocommerce form .form-row label {
	color: var(--etq-ink);
	font-weight: 700;
	font-size: 0.92rem;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	min-height: 48px;
	border: 1px solid #D8E0D4;
	border-radius: 10px;
	background: #fff;
	color: var(--etq-ink);
	padding: 10px 12px;
	font: inherit;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--etq-green-dark);
	box-shadow: 0 0 0 3px rgba(112, 204, 106, 0.22);
	outline: none;
}
.woocommerce table.shop_table {
	border: 0;
	border-collapse: collapse;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-top-color: var(--etq-border);
	padding: 14px 0;
}
.woocommerce-checkout-payment {
	background: var(--etq-surface) !important;
	border-radius: var(--etq-radius) !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	width: 100%;
	border-radius: 999px;
	background: var(--etq-green);
	color: var(--etq-ink);
	font-weight: 800;
	padding: 16px 24px;
	transition: transform .18s ease, background-color .2s ease, color .2s ease;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--etq-green-dark);
	color: #fff;
	transform: translateY(-1px);
}

/* ============================================================
   My Account — modern, balanced, responsive (etiQuet)
   ============================================================ */
.woocommerce-account {
	background: var(--etq-surface);
}
.woocommerce-account main {
	padding-top: var(--wp--preset--spacing--lg);
	padding-bottom: var(--wp--preset--spacing--xl);
}

/* Page-level container (centered, comfortable max width) */
.woocommerce-account .etq-account-wrap {
	max-width: 1180px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Page title — bold, branded, with a touch of breathing room */
.woocommerce-account .wp-block-post-title,
.woocommerce-account .page-title {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: clamp(2rem, 1.2rem + 2.4vw, 2.6rem);
	letter-spacing: -0.02em;
	margin: 0 0 28px;
	color: var(--etq-ink);
}

/* Two-column grid: 240px sidebar + flexible content */
.woocommerce-account .woocommerce {
	display: grid !important;
	grid-template-columns: 240px minmax(0, 1fr) !important;
	grid-template-areas: "nav content" !important;
	gap: 28px !important;
	align-items: start !important;
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
}

/* Sidebar card */
.woocommerce-account .woocommerce-MyAccount-navigation {
	grid-area: nav !important;
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: 18px;
	box-shadow: 0 1px 2px rgba(28, 28, 28, 0.04), 0 8px 24px -12px rgba(28, 28, 28, 0.08);
	padding: 14px !important;
	margin: 0 !important;
	position: sticky;
	top: 110px;
}

/* Content card */
.woocommerce-account .woocommerce-MyAccount-content {
	grid-area: content !important;
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: 20px;
	box-shadow: 0 1px 2px rgba(28, 28, 28, 0.04), 0 12px 32px -16px rgba(28, 28, 28, 0.1);
	padding: 36px !important;
	margin: 0 !important;
}

/* Sidebar nav list — clean, full-width buttons */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	gap: 2px !important;
	row-gap: 2px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	position: relative;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 12px 14px !important;
	border-radius: 12px;
	color: var(--etq-ink);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.94rem;
	line-height: 1.3 !important;
	transition:
		background .2s ease,
		color .2s ease,
		padding .2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a::before {
	content: "";
	flex: none;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--etq-border);
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
	background: var(--etq-surface);
	color: var(--etq-green-dark);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover::before {
	background: var(--etq-green);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--etq-green-soft);
	color: var(--etq-green-dark);
	font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a::before {
	background: var(--etq-green);
	box-shadow: 0 0 0 4px rgba(112, 204, 106, 0.22);
}

/* Content typography */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
	font-size: 1.02rem;
	color: var(--etq-gray);
	margin: 0 0 22px;
	line-height: 1.65;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type strong {
	color: var(--etq-ink);
	font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 700;
	color: var(--etq-ink);
	letter-spacing: -0.01em;
	margin: 0 0 16px;
	line-height: 1.2;
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
	font-size: clamp(1.35rem, 0.9rem + 0.8vw, 1.6rem);
	padding-bottom: 14px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--etq-border);
}
.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-size: 1.15rem;
}
.woocommerce-account .woocommerce-MyAccount-content > * + * { margin-top: 16px; }
.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--etq-green-dark);
	font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover { text-decoration: underline; }

/* Tables (orders, downloads) — robust against varying content length */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-orders-table {
	width: 100%;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	overflow: hidden;
	background: #ffffff;
	margin-top: 8px;
}
.woocommerce-account table.shop_table th {
	background: var(--etq-surface);
	color: var(--etq-gray);
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid var(--etq-border);
	vertical-align: middle;
	white-space: nowrap;
}
.woocommerce-account table.shop_table td {
	padding: 18px 16px;
	border-bottom: 1px solid var(--etq-border);
	color: var(--etq-ink);
	vertical-align: middle;
	font-size: 0.95rem;
	overflow-wrap: anywhere;
	word-break: normal;
}
.woocommerce-account table.shop_table tbody tr:last-child td { border-bottom: 0; }
.woocommerce-account table.shop_table tbody tr:hover { background: rgba(246, 248, 245, 0.5); }
.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	color: var(--etq-ink);
	font-weight: 700;
	text-decoration: none;
}
.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover {
	color: var(--etq-green-dark);
}

/* Order status pills — target the inner span/mark, not the td itself */
.woocommerce-account .woocommerce-orders-table__cell-order-status mark,
.woocommerce-account .woocommerce-orders-table__cell-order-status > span,
.woocommerce-account .order-status,
.woocommerce-account mark.order-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--etq-green-soft);
	color: var(--etq-green-dark);
	font-size: 0.74rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.2;
	white-space: nowrap;
}
/* Status variants — match WC's class names on the cell */
.woocommerce-account tr.status-processing .woocommerce-orders-table__cell-order-status > span,
.woocommerce-account .status-processing > span {
	background: #FFF3D6; color: #946800;
}
.woocommerce-account tr.status-on-hold .woocommerce-orders-table__cell-order-status > span,
.woocommerce-account .status-on-hold > span {
	background: #FFE3D6; color: #94501F;
}
.woocommerce-account tr.status-cancelled .woocommerce-orders-table__cell-order-status > span,
.woocommerce-account tr.status-failed .woocommerce-orders-table__cell-order-status > span,
.woocommerce-account .status-cancelled > span,
.woocommerce-account .status-failed > span {
	background: #FFE3E3; color: #A82323;
}
.woocommerce-account tr.status-completed .woocommerce-orders-table__cell-order-status > span,
.woocommerce-account .status-completed > span {
	background: var(--etq-green-soft); color: var(--etq-green-dark);
}

/* Buttons inside my-account */
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--etq-green);
	color: var(--etq-ink);
	border: 0;
	border-radius: 999px;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.2;
	cursor: pointer;
	transition: transform .18s ease, background .2s ease, color .2s ease;
	text-decoration: none;
}
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover {
	background: var(--etq-green-dark);
	color: #ffffff;
	transform: translateY(-1px);
}
.woocommerce-account .woocommerce a.button.alt {
	background: var(--etq-ink);
	color: #ffffff;
}
.woocommerce-account .woocommerce a.button.alt:hover { background: #000; color: #fff; }
/* Action cells — let multiple buttons wrap gracefully, never overflow */
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions {
	text-align: right;
	white-space: normal;
	min-width: 0;
}
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions .button {
	display: inline-flex;
	margin: 3px 0 3px 6px;
	padding: 7px 14px !important;
	font-size: 0.82rem !important;
	max-width: 100%;
}
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions .button:first-child {
	margin-left: 0;
}
/* Wrap the table in a horizontal scroll only if absolutely necessary */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-orders {
	max-width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
	display: table;
}

/* Forms: login, register, edit account, addresses */
.woocommerce-account .woocommerce-form,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account form.edit-account {
	display: grid;
	gap: 16px;
}
.woocommerce-account .form-row {
	display: flex;
	flex-direction: column;
	margin: 0;
}
.woocommerce-account .form-row label {
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--etq-ink);
	margin-bottom: 6px;
}
.woocommerce-account .form-row input[type="text"],
.woocommerce-account .form-row input[type="email"],
.woocommerce-account .form-row input[type="password"],
.woocommerce-account .form-row input[type="tel"],
.woocommerce-account .form-row input[type="number"],
.woocommerce-account .form-row textarea,
.woocommerce-account .form-row select,
.woocommerce-account .input-text,
.woocommerce-account .select2-container .select2-selection--single {
	min-height: 46px;
	border: 1px solid #D8E0D4;
	border-radius: 10px;
	background: #ffffff;
	color: var(--etq-ink);
	padding: 10px 14px;
	font: inherit;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.woocommerce-account .form-row input:focus,
.woocommerce-account .form-row textarea:focus,
.woocommerce-account .form-row select:focus {
	border-color: var(--etq-green-dark);
	box-shadow: 0 0 0 3px rgba(112, 204, 106, 0.22);
	outline: none;
}

/* Login / register two-column block */
.woocommerce-account.logged-out .u-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.woocommerce-account.logged-out .u-columns .col-1,
.woocommerce-account.logged-out .u-columns .col-2 {
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	box-shadow: var(--etq-shadow-sm);
	padding: 30px;
	width: auto;
	float: none;
}
.woocommerce-account.logged-out .u-columns h2 {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	margin: 0 0 18px;
	color: var(--etq-ink);
}
.woocommerce-account.logged-out .woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.92rem;
	color: var(--etq-gray);
}
.woocommerce-account .lost_password a {
	color: var(--etq-green-dark);
	font-weight: 600;
	text-decoration: none;
}
.woocommerce-account .lost_password a:hover { text-decoration: underline; }

/* Address blocks */
.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-top: 18px;
}
.woocommerce-account .woocommerce-Address {
	background: var(--etq-surface);
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	padding: 22px;
}
.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--etq-border);
}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
	font-size: 1.15rem;
	margin: 0;
}
.woocommerce-account .woocommerce-Address-title .edit {
	background: var(--etq-ink);
	color: #fff !important;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
}
.woocommerce-account .woocommerce-Address-title .edit:hover { background: var(--etq-green); color: var(--etq-ink) !important; }

/* Notices (success / error) */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
	background: var(--etq-green-soft);
	border: 1px solid var(--etq-green);
	color: var(--etq-green-dark);
	border-radius: var(--etq-radius);
	padding: 14px 18px;
	margin: 0 0 18px;
	font-weight: 600;
	list-style: none;
}
.woocommerce-account .woocommerce-error {
	background: #FFF1F1;
	border-color: #F3B5B5;
	color: #8F1E1E;
}

/* Empty state (no orders) */
.woocommerce-account .woocommerce-Message--info {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.woocommerce-account .woocommerce-Message--info .button {
	margin-left: auto;
}

/* Mid-width: a bit less padding so the cards don't dwarf the content */
@media (max-width: 1024px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 220px minmax(0, 1fr) !important;
		gap: 22px !important;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 28px !important;
	}
}

/* Responsive — stack on mobile */
@media (max-width: 781px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 1fr !important;
		grid-template-areas: "nav" "content" !important;
		gap: 16px !important;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		position: static !important;
		top: auto !important;
		padding: 10px !important;
	}
	/* Nav on mobile: horizontal scrollable pill bar */
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		overflow-x: auto;
		scrollbar-width: thin;
		padding: 4px !important;
		-webkit-overflow-scrolling: touch;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation li { flex: 0 0 auto; }
	.woocommerce-account .woocommerce-MyAccount-navigation-link a {
		padding: 9px 14px !important;
		font-size: 0.9rem;
		white-space: nowrap;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation-link a::before {
		display: none !important;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 22px !important;
		border-radius: 16px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		border-radius: 16px;
	}
	.woocommerce-account.logged-out .u-columns {
		grid-template-columns: 1fr;
	}
	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}
	.woocommerce-account table.shop_table thead { display: none; }
	.woocommerce-account table.shop_table tbody tr {
		display: grid;
		gap: 6px;
		padding: 14px 16px;
		border-bottom: 1px solid var(--etq-border);
	}
	.woocommerce-account table.shop_table tbody tr:last-child { border-bottom: 0; }
	.woocommerce-account table.shop_table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 4px 0;
		border: 0;
	}
	.woocommerce-account table.shop_table td::before {
		content: attr(data-title) ":";
		font-weight: 700;
		color: var(--etq-gray);
		font-size: 0.85rem;
		text-transform: uppercase;
	}
}

/* ---------- Scroll video benefits (legacy — video hidden for now) ---------- */
.etq-scroll-benefits {
	padding-top: var(--wp--preset--spacing--xl);
	padding-bottom: var(--wp--preset--spacing--xl);
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
	background: #ffffff;
}
.etq-scroll-benefits__media,
.etq-scroll-benefits__canvas,
.etq-scroll-benefits__video {
	display: none !important;
}
.etq-scroll-benefits__sticky::before { display: none !important; }
.etq-scroll-benefits__stage { min-height: 0 !important; }
.etq-scroll-benefits__sticky {
	position: static !important;
	height: auto !important;
	overflow: visible !important;
}
.etq-scroll-benefits__stage {
	position: relative;
	width: 100%;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	min-height: 280vh;
}

/* Sticky wrapper pins the viewport stage while user scrolls through steps */
.etq-scroll-benefits__sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	padding: 0 max(24px, calc((100vw - var(--wp--style--global--wide-size)) / 2));
}

/* Video as full-bleed background of the sticky stage, shifted left */
.etq-scroll-benefits__media {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -45%;
	right: 0;
	width: 145%;
	z-index: 0;
	overflow: hidden;
	background: var(--etq-ink);
}
.etq-scroll-benefits__video,
.etq-scroll-benefits__canvas {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: var(--etq-ink);
}
/* Subtle light overlay so foreground stays legible against the video */
.etq-scroll-benefits__sticky::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.86) 0%, rgba(255,255,255,0.45) 30%, rgba(255,255,255,0.55) 70%, rgba(255,255,255,0.88) 100%);
	pointer-events: none;
}

.etq-scroll-benefits__intro {
	position: relative;
	z-index: 2;
	max-width: 760px;
	margin: 0 auto 32px;
	text-align: center;
}
.etq-scroll-benefits__intro h2 { color: var(--etq-ink); }
.etq-scroll-benefits__intro .etq-sub { color: var(--etq-gray); }

.etq-scroll-benefits__grid {
	position: relative;
	z-index: 2;
	display: block;
}

.etq-scroll-benefits__copy {
	display: grid;
	gap: 16px;
	width: min(460px, 100%);
	margin-left: auto;
	margin-right: 0;
}
.etq-scroll-step {
	position: relative;
	padding: 22px 24px;
	border: 1px solid rgba(255, 255, 255, 0.65);
	border-radius: var(--etq-radius);
	background: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: var(--etq-gray);
	opacity: 0.6;
	transform: translateY(6px);
	transition:
		opacity .45s var(--etq-ease),
		transform .45s var(--etq-ease),
		border-color .35s ease,
		background .35s ease,
		color .35s ease,
		box-shadow .35s ease;
}
.etq-scroll-step.is-active {
	background: #ffffff;
	border-color: var(--etq-green);
	color: var(--etq-ink);
	opacity: 1;
	transform: none;
	box-shadow: 0 22px 60px -28px rgba(28, 28, 28, 0.35);
}
.etq-scroll-step__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--etq-green-soft);
	color: var(--etq-green-dark);
	font-weight: 800;
	font-size: 0.8rem;
	margin-bottom: 14px;
	transition: background .35s ease, color .35s ease, transform .35s ease;
}
.etq-scroll-step.is-active .etq-scroll-step__count {
	background: var(--etq-green);
	color: #ffffff;
	transform: scale(1.05);
}
.etq-scroll-step h3 {
	margin: 0;
	font-size: clamp(1.2rem, 0.9rem + 0.9vw, 1.6rem);
	line-height: 1.15;
	letter-spacing: -0.02em;
	text-wrap: balance;
	color: var(--etq-ink);
}
.etq-scroll-step p {
	margin-top: 10px;
	color: var(--etq-gray);
	font-size: 1rem;
	line-height: 1.55;
	transition: color .35s ease;
}
.etq-scroll-step.is-active p { color: var(--etq-ink); }

/* ---------- Cards / benefits ---------- */
.etq-cards { gap: 24px; margin-top: 24px; }
.etq-card {
	height: 100%;
	background: #fff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	padding: 30px 28px !important;
	transition: transform .35s var(--etq-ease), box-shadow .35s var(--etq-ease), border-color .25s ease;
}
.etq-card > * { margin-left: 0; margin-right: 0; }
.etq-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--etq-shadow);
	border-color: #D3E6CF;
}
.etq-card__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px; height: 48px;
	border-radius: 12px;
	background: var(--etq-green-soft);
	color: var(--etq-green-dark);
	font-size: 1.3rem;
	margin-bottom: 14px;
}
.etq-card__title { margin: 0 0 8px; }
.etq-card p { color: var(--etq-gray); }
.etq-card--accent {
	background: var(--etq-ink);
	border-color: var(--etq-ink);
}
.etq-card--accent .etq-card__title { color: #fff; }
.etq-card--accent p { color: #C9D2C7; }
.etq-card--accent .etq-card__ico { background: rgba(112,204,106,0.2); }

/* ---------- Why etiQuet (combined benefits + audience) ---------- */
.etq-why { background: #ffffff; }
.etq-why .etq-head { max-width: 760px; }
.etq-why__grid { gap: 22px !important; margin-top: 40px !important; }
.etq-why__chips { gap: 10px !important; margin-top: 36px !important; }

/* Chips — light theme */
.etq-chip {
	background: #ffffff;
	border: 1px solid var(--etq-border);
	color: var(--etq-ink);
	font-weight: 600;
	font-size: 0.95rem;
	padding: 9px 16px;
	border-radius: 999px;
	margin: 0;
	transition: background .2s ease, border-color .2s ease, transform .2s ease, color .2s ease;
}
.etq-chip:hover {
	background: var(--etq-green-soft);
	border-color: var(--etq-green);
	color: var(--etq-green-dark);
	transform: translateY(-2px);
}

/* Legacy audience scope kept dark for backwards compatibility if reused */
.etq-audience .etq-chip {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
	color: #EAF1E8;
}
.etq-audience .etq-chip:hover {
	background: var(--etq-green);
	border-color: var(--etq-green);
	color: var(--etq-ink);
}

/* ---------- Steps ---------- */
.etq-steps__row { gap: 24px; }
.etq-step {
	height: 100%;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	padding: 32px 32px !important;
	background: #fff;
	transition: transform .35s var(--etq-ease), box-shadow .35s var(--etq-ease), border-color .25s ease;
}
.etq-step > * { margin-left: 0; margin-right: 0; }
.etq-step:hover {
	transform: translateY(-6px);
	box-shadow: var(--etq-shadow);
	border-color: #D3E6CF;
}
.etq-step__num,
.etq-step h3,
.etq-step p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.etq-step__num {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: 2.6rem;
	line-height: 1;
	color: var(--etq-green);
	-webkit-text-stroke: 0;
	margin-bottom: 14px;
}
.etq-step h3 { margin-bottom: 10px; }
.etq-step p { color: var(--etq-gray); line-height: 1.55; }
@media (max-width: 640px) {
	.etq-step { padding: 28px 24px !important; }
}

/* ---------- Offer box (full green card) ---------- */
.etq-offer__box {
	position: relative;
	overflow: hidden;
	border-radius: var(--etq-radius-xl);
	border: 1px solid var(--etq-green-dark);
	background:
		radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,0.18), transparent 55%),
		radial-gradient(120% 120% at 0% 100%, rgba(0,0,0,0.06), transparent 55%),
		var(--etq-green);
	color: var(--etq-ink);
	padding: 64px 40px;
	box-shadow: 0 30px 70px -28px rgba(86, 180, 80, 0.55);
}
/* Eyebrow override on green bg — white pill */
.etq-offer__box .etq-eyebrow {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.etq-offer__box .etq-eyebrow .etq-dot {
	background: #ffffff;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.etq-offer__title {
	margin-top: 18px;
	font-size: clamp(2rem, 1.2rem + 3.6vw, 3.2rem);
	color: var(--etq-ink);
}
.etq-offer__title .etq-accent {
	color: #ffffff;
}
.etq-offer__desc {
	max-width: 56ch;
	margin: 16px auto 0;
	color: rgba(28, 28, 28, 0.78);
	font-size: 1.08rem;
}
/* Button: inverted (ink on white) for contrast on green */
.etq-offer__box .wp-block-button__link {
	background: var(--etq-ink);
	color: #ffffff;
	box-shadow: 0 14px 30px -12px rgba(28, 28, 28, 0.5);
}
.etq-offer__box .wp-block-button__link:hover {
	background: #ffffff;
	color: var(--etq-ink);
}
/* Trust signals on green */
.etq-offer__box .etq-trust,
.etq-offer__box .etq-trust--center {
	color: rgba(28, 28, 28, 0.7);
}

/* ---------- FAQ ---------- */
.etq-faq__list {
	display: grid;
	gap: 14px;
	margin-top: 40px;
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
/* Force every direct child to span full grid track — beats WP's constrained-layout caps */
.etq-faq__list > * {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

.etq-faq__item {
	background: #fff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	padding: 0 28px;
	box-shadow: var(--etq-shadow-sm);
	transition: border-color .25s ease, box-shadow .35s ease;
	overflow: clip; /* contain the open animation */
}
.etq-faq__item:hover { border-color: #D3E6CF; }
.etq-faq__item[open] {
	border-color: var(--etq-green);
	box-shadow: 0 12px 32px -16px rgba(112, 204, 106, 0.35);
}
.etq-faq__item summary {
	cursor: pointer;
	list-style: none;
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--etq-ink);
	padding: 22px 50px 22px 0;
	position: relative;
}
.etq-faq__item summary::-webkit-details-marker,
.etq-faq__item summary::marker { display: none; content: ''; }
.etq-faq__item summary::after {
	content: "+";
	position: absolute;
	right: 0; top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	color: var(--etq-green-dark);
	background: var(--etq-green-soft);
	border-radius: 50%;
	transition: transform .35s var(--etq-ease), background .25s ease, color .25s ease;
}
.etq-faq__item[open] summary::after {
	content: "+";
	background: var(--etq-green);
	color: #fff;
	transform: translateY(-50%) rotate(45deg);
}
.etq-faq__item p {
	color: var(--etq-gray);
	padding: 0 0 22px;
	margin: 0;
	line-height: 1.6;
}

/* Smooth, non-jumpy open animation using interpolate-size + ::details-content
   Supported: Chrome/Edge 131+, Safari 17.4+. Older browsers fall back to instant open. */
.etq-faq__item::details-content {
	block-size: 0;
	overflow: clip;
	opacity: 0;
	transition:
		block-size .45s var(--etq-ease),
		content-visibility .45s var(--etq-ease) allow-discrete,
		opacity .35s ease;
	interpolate-size: allow-keywords;
}
.etq-faq__item[open]::details-content {
	block-size: auto;
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	.etq-faq__item::details-content { transition: none; }
}

@media (max-width: 640px) {
	.etq-faq__item { padding: 0 20px; }
	.etq-faq__item summary { font-size: 1rem; padding: 20px 44px 20px 0; }
}

/* ---------- Final CTA ---------- */
.etq-finalcta { text-align: center; }

/* Kill any backorder / pre-order notice or button WC / WC Blocks may try to render */
.stock.available-on-backorder,
.backorder_notification,
p.stock.available-on-backorder,
.wc-block-components-product-backorder-badge,
.wc-block-components-product-stock-indicator--backorder,
.woocommerce-info.backorder,
.wc-backorder-notification,
.is-backorder,
[data-stock-status="onbackorder"] {
	display: none !important;
}

/* ---------- Product page uploader ---------- */
.single-product .etq-product-uploader {
	margin: 22px 0 26px;
	padding: 22px;
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius);
	box-shadow: var(--etq-shadow-sm);
}
.single-product form.cart {
	display: block;
}
.single-product form.cart .quantity {
	display: none; /* sold individually anyway */
}
.single-product form.cart .single_add_to_cart_button {
	width: 100%;
	font-size: 1.05rem !important;
	padding: 14px 28px !important;
	margin-top: 12px;
}

/* ---------- Quote form (cere ofertă) ---------- */
.etq-quote-section { background: var(--etq-surface); }
.etq-quote-card {
	background: #ffffff;
	border: 1px solid var(--etq-border);
	border-radius: var(--etq-radius-xl);
	box-shadow: var(--etq-shadow);
	padding: 36px;
}
.etq-quote-form {
	display: grid;
	gap: 16px;
	margin: 0;
}
.etq-quote-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.etq-quote-form__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.etq-quote-form__field span {
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--etq-ink);
}
.etq-quote-form__field span em {
	font-style: normal;
	font-weight: 500;
	color: var(--etq-gray);
}
.etq-quote-form__field input,
.etq-quote-form__field select,
.etq-quote-form__field textarea {
	display: block;
	box-sizing: border-box !important;
	width: 100% !important;
	border: 1px solid #D8E0D4;
	border-radius: 10px;
	background: #ffffff;
	color: var(--etq-ink);
	padding: 0 14px !important;
	font: inherit;
	font-size: 0.98rem;
	line-height: 1.2;
	transition: border-color .2s ease, box-shadow .2s ease;
	-webkit-appearance: none;
	margin: 0 !important;
}
/* Single-line inputs — lock exact height so nothing stretches them */
.etq-quote-form__field input[type="text"],
.etq-quote-form__field input[type="email"],
.etq-quote-form__field input[type="tel"],
.etq-quote-form__field input[type="number"],
.etq-quote-form__field select {
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
}
.etq-quote-form__field textarea {
	height: auto !important;
	min-height: 110px !important;
	max-height: none !important;
	padding: 12px 14px !important;
	resize: vertical;
	line-height: 1.5;
}
.etq-quote-form__field select {
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235E5E5E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 38px;
}
.etq-quote-form__field input:focus,
.etq-quote-form__field select:focus,
.etq-quote-form__field textarea:focus {
	border-color: var(--etq-green-dark);
	box-shadow: 0 0 0 3px rgba(112, 204, 106, 0.22);
	outline: none;
}
.etq-quote-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.9rem;
	color: var(--etq-gray);
	line-height: 1.45;
	margin-top: 2px;
}
.etq-quote-form__consent input[type="checkbox"] {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: var(--etq-green);
}
.etq-quote-form__consent a {
	color: var(--etq-green-dark);
	font-weight: 600;
}
.etq-quote-form__submit {
	margin-top: 8px;
	border: 0;
	cursor: pointer;
	background: var(--etq-green);
	color: var(--etq-ink);
	font-family: inherit;
	font-weight: 800;
	font-size: 1.02rem;
	padding: 15px 28px;
	border-radius: 999px;
	transition: transform .18s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
	box-shadow: 0 14px 30px -12px rgba(112, 204, 106, 0.7);
}
.etq-quote-form__submit:hover {
	background: var(--etq-green-dark);
	color: #ffffff;
	transform: translateY(-2px);
}
.etq-quote-success {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background: var(--etq-green-soft);
	border: 1px solid var(--etq-green);
	color: var(--etq-green-dark);
	border-radius: var(--etq-radius);
	padding: 16px 18px;
	margin: 0 0 22px;
	font-weight: 600;
}
.etq-quote-success svg { flex: none; margin-top: 2px; }
.etq-quote-success strong { display: block; margin-bottom: 2px; color: var(--etq-ink); }
.etq-quote-success span { font-weight: 500; color: var(--etq-gray); }
.etq-quote-error {
	background: #FFF1F1;
	border: 1px solid #F3B5B5;
	color: #8F1E1E;
	border-radius: var(--etq-radius);
	padding: 14px 18px;
	margin: 0 0 18px;
	font-weight: 600;
}

@media (max-width: 640px) {
	.etq-quote-section {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.etq-quote-card {
		padding: 26px 22px !important;
		border-radius: var(--etq-radius);
		margin-left: 0;
		margin-right: 0;
	}
	.etq-quote-form__row { grid-template-columns: 1fr; gap: 16px; }
	.etq-quote-form__submit { padding: 14px 22px; font-size: 0.98rem; }
}
@media (max-width: 420px) {
	.etq-quote-card { padding: 22px 18px !important; }
	.etq-quote-form__field input,
	.etq-quote-form__field select { font-size: 0.95rem; }
}

/* ---------- Legal pages (Terms, Cookies, Privacy) ---------- */
.etq-legal {
	max-width: 760px;
	margin: 0 auto;
}
.etq-legal__title {
	margin: 0 0 12px;
	font-size: clamp(2rem, 1.2rem + 2.6vw, 3rem);
	letter-spacing: -0.02em;
}
.etq-legal__meta {
	color: var(--etq-gray);
	font-size: 0.9rem;
	margin: 0 0 28px;
}
.etq-legal h2 {
	margin: 36px 0 12px;
	font-size: clamp(1.35rem, 0.8rem + 1.4vw, 1.7rem);
	color: var(--etq-ink);
}
.etq-legal h3 {
	margin: 22px 0 8px;
	font-size: 1.1rem;
	color: var(--etq-ink);
	font-weight: 700;
}
.etq-legal p {
	margin: 0 0 14px;
	line-height: 1.7;
}
.etq-legal ul {
	margin: 0 0 14px;
	padding-left: 22px;
}
.etq-legal ul li {
	margin-bottom: 6px;
	line-height: 1.6;
}
.etq-legal a {
	color: var(--etq-green-dark);
	font-weight: 600;
}
.etq-legal a:hover { text-decoration: underline; }
.etq-legal__notice {
	background: var(--etq-green-soft);
	border-left: 4px solid var(--etq-green);
	border-radius: var(--etq-radius);
	padding: 18px 22px !important;
	margin: 16px 0 !important;
}
.etq-legal__notice p { margin-bottom: 8px; }
.etq-legal__notice p:last-child { margin-bottom: 0; }

/* ---------- Footer ---------- */
.etq-footer {
	padding-left: clamp(18px, 4vw, 32px);
	padding-right: clamp(18px, 4vw, 32px);
}
.etq-footer a { color: #D7DED5; text-decoration: none; }
.etq-footer a:hover { color: #fff; }
.etq-footer .etq-accent { color: var(--etq-green); }
.etq-footer__top { gap: 40px; }

/* ANPC + SOL authority links */
.etq-footer__authority {
	gap: 14px !important;
}
.etq-footer__authority-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	text-decoration: none;
	transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.etq-footer__authority-link:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--etq-green);
	transform: translateY(-1px);
}
.etq-footer__authority-mark {
	font-family: "DM Sans", system-ui, -apple-system, sans-serif;
	font-weight: 800;
	font-size: 0.95rem;
	letter-spacing: 0.04em;
	color: var(--etq-green);
	padding: 6px 10px;
	background: rgba(112, 204, 106, 0.12);
	border-radius: 6px;
}
.etq-footer__authority-text {
	font-size: 0.78rem;
	line-height: 1.3;
	color: #D7DED5;
	font-weight: 500;
}

/* ---------- Scroll-reveal animation ---------- */
.etq-reveal {
	opacity: 0;
	transform: translateY(28px) scale(0.985);
	transition:
		opacity .85s cubic-bezier(.22,.61,.36,1),
		transform .9s cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform;
}
.etq-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.etq-reveal { opacity: 1; transform: none; transition: none; }
}

/* Stagger consecutive reveal siblings */
.etq-reveal + .etq-reveal { transition-delay: .08s; }
.etq-reveal + .etq-reveal + .etq-reveal { transition-delay: .16s; }
.etq-reveal + .etq-reveal + .etq-reveal + .etq-reveal { transition-delay: .24s; }
.etq-reveal + .etq-reveal + .etq-reveal + .etq-reveal + .etq-reveal { transition-delay: .32s; }

/* Stagger columns/cards/steps */
.etq-cards .wp-block-column:nth-child(1) .etq-reveal,
.etq-steps__row .wp-block-column:nth-child(1) .etq-reveal { transition-delay: 0s; }
.etq-cards .wp-block-column:nth-child(2) .etq-reveal,
.etq-steps__row .wp-block-column:nth-child(2) .etq-reveal { transition-delay: .12s; }
.etq-cards .wp-block-column:nth-child(3) .etq-reveal,
.etq-steps__row .wp-block-column:nth-child(3) .etq-reveal { transition-delay: .24s; }
.etq-cards .wp-block-column:nth-child(4) .etq-reveal,
.etq-steps__row .wp-block-column:nth-child(4) .etq-reveal { transition-delay: .36s; }

/* Stagger FAQ items */
.etq-faq__item { transition: border-color .25s ease, box-shadow .35s ease, transform .35s ease; }
.etq-faq__list .etq-faq__item:nth-child(1) { animation-delay: 0s; }
.etq-faq__list .etq-faq__item:nth-child(2) { animation-delay: .06s; }
.etq-faq__list .etq-faq__item:nth-child(3) { animation-delay: .12s; }
.etq-faq__list .etq-faq__item:nth-child(4) { animation-delay: .18s; }
.etq-faq__list .etq-faq__item:nth-child(5) { animation-delay: .24s; }

/* Stagger chips */
.etq-chips .etq-chip {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .55s ease, transform .55s ease, background .2s ease, border-color .2s ease;
}
.etq-chips.is-visible .etq-chip,
.etq-chips .etq-chip.is-visible { opacity: 1; transform: none; }
.etq-chips.is-visible .etq-chip:nth-child(1) { transition-delay: 0s; }
.etq-chips.is-visible .etq-chip:nth-child(2) { transition-delay: .05s; }
.etq-chips.is-visible .etq-chip:nth-child(3) { transition-delay: .10s; }
.etq-chips.is-visible .etq-chip:nth-child(4) { transition-delay: .15s; }
.etq-chips.is-visible .etq-chip:nth-child(5) { transition-delay: .20s; }
.etq-chips.is-visible .etq-chip:nth-child(6) { transition-delay: .25s; }
.etq-chips.is-visible .etq-chip:nth-child(7) { transition-delay: .30s; }
.etq-chips.is-visible .etq-chip:nth-child(8) { transition-delay: .35s; }
.etq-chips.is-visible .etq-chip:nth-child(9) { transition-delay: .40s; }
@media (prefers-reduced-motion: reduce) {
	.etq-chips .etq-chip { opacity: 1; transform: none; transition: none; }
}

/* ---------- Responsive ---------- */
@media (max-width: 781px) {
	/* Kill horizontal overflow on mobile */
	html, body { overflow-x: clip; }
	/* Reduce root padding-aware paddings on mobile */
	body {
		--wp--style--root--padding-left: 18px;
		--wp--style--root--padding-right: 18px;
	}

	/* Section padding ONLY inside the landing page (where post-content is
	   align:full and breaks out of body padding). On cart/checkout/account/
	   regular pages, body's global padding already provides the gutter — don't
	   add another layer on top, that's where the double padding comes from. */
	.etq-landing .etq-section {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	/* Hero */
	.etq-hero {
		padding-top: 48px !important;
		padding-bottom: 64px !important;
	}
	.etq-hero__content { max-width: none; }
	.etq-hero__grid { gap: 32px; }
	.etq-hero h1 { font-size: clamp(2.1rem, 5.4vw + 1.2rem, 3rem); }
	.etq-hero .etq-lead { font-size: 1.02rem; }
	.etq-hero__chip { font-size: 0.85rem; padding: 6px 12px; }

	/* Order + offer */
	.etq-ordercard { padding: 22px !important; }
	.etq-uploader__drop { padding: 36px 22px !important; }
	.etq-offer__box { padding: 36px 22px !important; }
	.etq-offer__desc { font-size: 1rem; }

	/* Header on mobile — simple: logo left, "Comandă acum" CTA right.
	   No hamburger menu, no nav links. */
	.etq-header {
		padding: 8px 0 0;
		margin: 0;
	}
	.etq-header__inner {
		padding: 10px 14px !important;
		margin: 0 12px;
		gap: 12px;
	}
	.etq-logo,
	.etq-logo a {
		font-size: 1.3rem !important;
		display: inline-block !important;
		flex: 0 1 auto;
		min-width: 0;
		color: var(--etq-ink) !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.etq-nav { gap: 0; flex: 0 0 auto; }
	/* Hide the navigation menu on mobile (no hamburger, no links) */
	.etq-header .wp-block-navigation,
	.etq-header .etq-menu {
		display: none !important;
	}
	/* Show the Comandă acum button on mobile */
	.etq-header__cta {
		display: flex !important;
		margin: 0;
		flex: 0 0 auto;
	}
	.etq-header__cta .wp-block-button__link {
		padding: 8px 16px !important;
		font-size: 0.86rem !important;
		white-space: nowrap;
	}

	/* Benefits — hide background canvas, show steps as clean list */
	.etq-scroll-benefits {
		padding-top: var(--wp--preset--spacing--lg);
		padding-bottom: var(--wp--preset--spacing--lg);
		background: var(--etq-surface);
	}
	.etq-scroll-benefits__stage { min-height: auto; padding: 0 18px; }
	.etq-scroll-benefits__sticky {
		position: relative;
		top: auto;
		height: auto;
		min-height: auto;
		padding: 0;
		display: block;
		overflow: visible;
	}
	.etq-scroll-benefits__sticky::before { display: none; }
	.etq-scroll-benefits__media { display: none; }
	.etq-scroll-benefits__intro {
		margin: 0 auto 24px;
		padding: 0;
	}
	.etq-scroll-benefits__grid { display: block; }
	.etq-scroll-benefits__copy {
		width: 100%;
		margin: 0;
		gap: 14px;
	}
	.etq-scroll-step,
	.etq-scroll-step.is-active {
		opacity: 1;
		transform: none;
		background: #ffffff;
		color: var(--etq-ink);
		border-color: var(--etq-border);
		padding: 22px 22px;
		min-height: 0;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		box-shadow: none;
	}
	.etq-scroll-step p { color: var(--etq-gray); }
	.etq-scroll-step__count { background: var(--etq-green-soft); color: var(--etq-green-dark); }

	/* Audience: chips column has too little space — let copy use full width */
	.etq-audience .wp-block-columns { gap: 18px; }
	.etq-chips { gap: 8px !important; }
	.etq-chip { font-size: 0.9rem; padding: 8px 14px; }

	/* Footer */
	.etq-footer {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.etq-footer__top { gap: 28px; flex-direction: column; align-items: stretch; }
	.etq-footer__brand { max-width: 100%; }
	.etq-footer__bottom { flex-direction: column; align-items: flex-start; gap: 8px; }

	/* Marquee */
	.etq-marquee__item { font-size: 1rem; }
	.etq-marquee__track { gap: 16px; padding: 12px 0; }

	/* WooCommerce */
	.woocommerce-checkout .woocommerce form.checkout {
		display: block;
	}
	.woocommerce-checkout #order_review {
		position: static;
		margin-top: 16px;
	}
	.woocommerce-checkout .woocommerce .col2-set,
	.woocommerce-checkout #order_review_heading,
	.woocommerce-checkout #order_review,
	.woocommerce-cart .woocommerce-cart-form,
	.woocommerce-cart .cart-collaterals {
		padding: 18px;
	}
}

/* Very small screens */
@media (max-width: 420px) {
	.etq-hero h1 { font-size: clamp(1.9rem, 7vw + 1rem, 2.4rem); }
	.etq-eyebrow { font-size: 0.74rem; padding: 6px 12px; }
	.etq-btn-lg .wp-block-button__link { padding: 15px 24px; font-size: 1rem; }
	.etq-ordercard { padding: 18px; }
	.etq-uploader__drop { padding: 28px 14px; }
}

/* ---------- Editor-only niceties ---------- */
.editor-styles-wrapper .etq-reveal { opacity: 1; transform: none; }