/*
 * Donyaye Lee Commerce foundation tokens.
 * Tokens intentionally have no selectors: Batch 1 creates a safe, shared base
 * without changing live IranKala presentation before shared components are enabled.
 */
:root {
	--dly-color-surface: #ffffff;
	--dly-color-ink: #102a43;
	--dly-color-accent: #b42318;
	--dly-color-muted: #667085;
	--dly-color-border: #e4e7ec;
	--dly-space-1: 4px;
	--dly-space-2: 8px;
	--dly-space-3: 12px;
	--dly-space-4: 16px;
	--dly-space-5: 20px;
	--dly-space-6: 24px;
	--dly-radius-sm: 6px;
	--dly-radius-md: 10px;
	--dly-shadow-sm: 0 1px 2px rgb(16 42 67 / 8%);
	--dly-touch-target: 44px;
	--dly-content-max: 1280px;
}

.dly-announcement {
	min-height: 30px;
	background: var(--dly-color-ink);
	color: var(--dly-color-surface);
	font-size: 12px;
	line-height: 1.4;
}

.dly-announcement__inner {
	box-sizing: border-box;
	max-width: var(--dly-content-max);
	margin-inline: auto;
	padding: 6px 16px;
	text-align: center;
}

.dly-announcement :focus-visible,
.dly-ui :focus-visible {
	outline: 3px solid var(--dly-color-accent);
	outline-offset: 3px;
}

/* Shared component architecture. Kept unrendered until its functional batch. */
.dly-ui .dly-button,
.dly-ui .dly-input,
.dly-ui .dly-select,
.dly-ui .dly-chip,
.dly-ui .dly-badge,
.dly-ui .dly-trust-card,
.dly-ui .dly-skeleton,
.dly-ui .dly-empty-state,
.dly-ui .dly-error-message,
.dly-ui .dly-order-card {
	border-radius: var(--dly-radius-sm);
}

@media (min-width: 768px) {
	.dly-announcement__inner { padding-inline: 24px; }
}

/* Batch 3: reversible plugin-rendered shared shell. Original Elementor 76/121
 * remains intact in the database and is only visually hidden while the feature
 * flag is enabled. */
.dly-shared-ui-enabled header.elementor-76.elementor-location-header,
.dly-shared-ui-enabled footer.elementor-121.elementor-location-footer {
	display: none !important;
}

.dly-home-enabled #main { display: none; }
.dly-home { background: var(--dly-color-surface); color: var(--dly-color-ink); }
.dly-home__container { box-sizing: border-box; max-width: var(--dly-content-max); margin-inline: auto; padding: 32px 16px; }
.dly-home h1, .dly-home h2, .dly-home h3 { color: inherit; }
.dly-home-hero { background: linear-gradient(135deg, #102a43, #314e6e); color: #fff; }
.dly-home-hero .dly-home__container { min-height: 230px; display: grid; align-content: center; gap: 12px; }
.dly-home-hero h1 { margin: 0; color: #fff; font-size: clamp(28px, 7vw, 54px); }
.dly-home-hero p { max-width: 480px; margin: 0; }
.dly-eyebrow { color: #fff; font-weight: 700; }
.dly-button { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; justify-content: center; border-radius: var(--dly-radius-sm); background: var(--dly-color-accent); color: #fff; padding: 0 16px; font-weight: 700; text-decoration: none; }
.dly-button--light { background: #fff; color: var(--dly-color-ink); }
.dly-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dly-product-card { border: 1px solid var(--dly-color-border); border-radius: var(--dly-radius-sm); overflow: hidden; }
.dly-product-card a { display: grid; gap: 8px; color: var(--dly-color-ink); text-decoration: none; padding: 8px; }
.dly-product-card img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
.dly-product-card h3 { margin: 0; font-size: 14px; line-height: 1.6; }
.dly-product-card span { font-weight: 700; }
.dly-size-guide { background: #eef4fb; }
.dly-size-guide h2, .dly-jeans-banner h2, .dly-products h2, .dly-categories h2, .dly-branches h2 { margin-top: 0; }
.dly-jeans-banner { background: var(--dly-color-accent); color: #fff; }
.dly-jeans-banner .dly-home__container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.dly-jeans-banner h2 { color: inherit; margin-bottom: 0; }
.dly-trust { border-block: 1px solid var(--dly-color-border); }
.dly-trust__grid, .dly-category-grid, .dly-branches__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dly-trust span, .dly-category-grid a, .dly-branches article { border: 1px solid var(--dly-color-border); border-radius: var(--dly-radius-sm); padding: 12px; }
.dly-category-grid a { color: var(--dly-color-ink); font-weight: 700; text-decoration: none; }
.dly-branches { background: #f8fafc; }
.dly-branches article p { margin: 8px 0; }
@media (min-width: 768px) { .dly-home__container { padding: 48px 24px; } .dly-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dly-trust__grid, .dly-category-grid, .dly-branches__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dly-branches__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Batch 5: retain WooCommerce/IranKala server-rendered queries and URL state;
 * apply only presentation rules, never replacement client-side filtering. */
.dly-listing-ui-enabled .products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dly-listing-ui-enabled .products > li.product { width: auto !important; margin: 0 !important; border: 1px solid var(--dly-color-border); border-radius: var(--dly-radius-sm); overflow: hidden; }
.dly-listing-ui-enabled .products > li.product .action-item.add2cart,
.dly-listing-ui-enabled .products > li.product .action-item.add-favorites,
.dly-listing-ui-enabled .products > li.product .action-item.add-compare,
.dly-listing-ui-enabled .products > li.product .action-item.quick-view,
.dly-listing-ui-enabled .products > li.product .add2cart--wrapper { display: none !important; }
.dly-listing-ui-enabled .products > li.product a.woocommerce-LoopProduct-link { display: grid; gap: 8px; color: var(--dly-color-ink); text-decoration: none; }
.dly-listing-ui-enabled .products > li.product img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
.dly-listing-ui-enabled .woocommerce-result-count { font-weight: 700; }
.dly-listing-ui-enabled .woocommerce-ordering select { min-height: var(--dly-touch-target); border: 1px solid var(--dly-color-border); border-radius: var(--dly-radius-sm); padding-inline: 10px; }
@media (min-width: 1024px) { .dly-listing-ui-enabled .products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.dly-listing-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 16px; }
.dly-availability-toggle, .dly-active-chips a { display: inline-flex; min-height: 40px; align-items: center; border: 1px solid var(--dly-color-border); border-radius: 999px; padding: 0 12px; color: var(--dly-color-ink); text-decoration: none; font-weight: 700; }
.dly-availability-toggle[aria-pressed="true"] { background: var(--dly-color-ink); color: #fff; }
.dly-active-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.dly-clear-filters { border-color: var(--dly-color-accent) !important; color: var(--dly-color-accent) !important; }

/* Batch 6: native WooCommerce variation form remains the source of truth. */
.dly-product-ui-enabled div.product .summary { display: grid; gap: 16px; }
.dly-product-ui-enabled div.product .variations { width: 100%; border: 0; }
.dly-product-ui-enabled div.product .variations select { min-height: 44px; width: 100%; border: 1px solid var(--dly-color-border); border-radius: var(--dly-radius-sm); padding: 0 10px; }
.dly-product-ui-enabled div.product .single_add_to_cart_button { min-height: 48px; border-radius: var(--dly-radius-sm); background: var(--dly-color-accent); font-weight: 700; }
.dly-product-trust { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 12px; border: 1px solid var(--dly-color-border); border-radius: var(--dly-radius-sm); }
.dly-product-trust span { font-size: 13px; }

/* Batch 7: transaction-first Cart and Checkout presentation. WooCommerce,
 * IranKala, shipping, gateway, fields, totals, and AJAX remain authoritative.
 * This layer removes only duplicate/navigation-heavy presentation from Checkout
 * and prevents the obsolete free-shipping promotion from contradicting policy. */
.dly-cart-checkout-ui-enabled .cart-contents,
.dly-cart-checkout-ui-enabled .cart-collaterals,
.dly-cart-checkout-ui-enabled .checkout-inner,
.dly-cart-checkout-ui-enabled .woocommerce-form-coupon-toggle,
.dly-cart-checkout-ui-enabled .woocommerce-checkout-review-order,
.dly-cart-checkout-ui-enabled .woocommerce-checkout-payment {
	border-radius: var(--dly-radius-md);
}
.dly-cart-checkout-ui-enabled .cart-item,
.dly-cart-checkout-ui-enabled .woocommerce-checkout-review-order-table,
.dly-cart-checkout-ui-enabled .woocommerce-checkout-payment {
	border-color: var(--dly-color-border);
}
.dly-cart-checkout-ui-enabled .cart-item .product-name a,
.dly-cart-checkout-ui-enabled .cart_item .product-name {
	color: var(--dly-color-ink);
	font-weight: 700;
}
.dly-cart-checkout-ui-enabled .quantity .decrease-qty,
.dly-cart-checkout-ui-enabled .quantity .increase-qty,
.dly-cart-checkout-ui-enabled .quantity input.qty,
.dly-cart-checkout-ui-enabled .checkout-button,
.dly-cart-checkout-ui-enabled #place_order {
	min-height: var(--dly-touch-target);
}
.dly-cart-checkout-ui-enabled .checkout-button,
.dly-cart-checkout-ui-enabled #place_order {
	border-radius: var(--dly-radius-sm);
	background: var(--dly-color-accent);
	font-weight: 700;
}
.dly-cart-checkout-ui-enabled .cart-contents .free-shipping,
.dly-cart-checkout-ui-enabled .cart-contents .free-shipping-banner,
.dly-cart-checkout-ui-enabled .cart-contents .shipping-free,
.dly-cart-checkout-ui-enabled .cart-contents .save-next-shopping,
.dly-cart-checkout-ui-enabled .cart-contents .dropdown {
	display: none !important;
}
.woocommerce-checkout.dly-cart-checkout-ui-enabled .dly-primary-nav,
.woocommerce-checkout.dly-cart-checkout-ui-enabled .dly-search,
.woocommerce-checkout.dly-cart-checkout-ui-enabled .bottom-nav,
.woocommerce-checkout.dly-cart-checkout-ui-enabled .dly-site-footer {
	display: none !important;
}
.woocommerce-checkout.dly-cart-checkout-ui-enabled .dly-site-header__inner {
	grid-template-columns: 48px minmax(0, 1fr);
}
.woocommerce-checkout.dly-cart-checkout-ui-enabled .dly-site-header__inner::after {
	content: 'تسویه حساب امن';
	color: var(--dly-color-ink);
	font-weight: 700;
}
.woocommerce-checkout.dly-cart-checkout-ui-enabled .woocommerce-billing-fields h3,
.woocommerce-checkout.dly-cart-checkout-ui-enabled #order_review_heading {
	color: var(--dly-color-ink);
}
.woocommerce-checkout.dly-cart-checkout-ui-enabled .form-row input.input-text,
.woocommerce-checkout.dly-cart-checkout-ui-enabled .form-row select {
	min-height: var(--dly-touch-target);
	border-color: var(--dly-color-border);
	border-radius: var(--dly-radius-sm);
}

.dly-site-header,
.dly-site-footer {
	box-sizing: border-box;
	font-family: inherit;
}

.dly-site-header {
	background: var(--dly-color-surface);
	border-bottom: 1px solid var(--dly-color-border);
	box-shadow: var(--dly-shadow-sm);
}

.dly-site-header__inner,
.dly-site-footer__inner {
	box-sizing: border-box;
	max-width: var(--dly-content-max);
	margin-inline: auto;
	padding: var(--dly-space-3) var(--dly-space-4);
}

.dly-site-header__inner {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: var(--dly-space-3);
	align-items: center;
}

.dly-brand,
.dly-footer-logo {
	display: block;
	width: 48px;
	line-height: 0;
}

.dly-brand img,
.dly-footer-logo img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.dly-primary-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dly-space-3);
	align-items: center;
}

.dly-primary-nav a,
.dly-site-footer a {
	color: var(--dly-color-ink);
	font-weight: 700;
	text-decoration: none;
}

.dly-search {
	display: flex;
	grid-column: 1 / -1;
	gap: var(--dly-space-2);
}

.dly-search input {
	min-width: 0;
	min-height: var(--dly-touch-target);
	flex: 1;
	border: 1px solid var(--dly-color-border);
	border-radius: var(--dly-radius-sm);
	padding-inline: var(--dly-space-3);
}

.dly-search button {
	min-height: var(--dly-touch-target);
	border: 0;
	border-radius: var(--dly-radius-sm);
	background: var(--dly-color-ink);
	color: var(--dly-color-surface);
	padding-inline: var(--dly-space-4);
	font: inherit;
	font-weight: 700;
}

.dly-site-footer {
	margin-top: var(--dly-space-6);
	background: var(--dly-color-ink);
	color: var(--dly-color-surface);
}

.dly-site-footer__inner {
	display: grid;
	gap: var(--dly-space-5);
	padding-block: 32px;
}

.dly-site-footer a,
.dly-site-footer h2 {
	color: inherit;
}

.dly-site-footer nav {
	display: grid;
	gap: var(--dly-space-2);
}

.dly-site-footer h2 {
	margin: 0;
	font-size: 16px;
}

.dly-footer-brand {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: var(--dly-space-3);
	align-items: center;
}

.dly-footer-brand .dly-footer-logo {
	width: 72px;
}

.dly-footer-brand p {
	margin: 0;
}

.dly-site-footer__legal {
	border-top: 1px solid rgb(255 255 255 / 20%);
	padding: var(--dly-space-3) var(--dly-space-4);
	text-align: center;
	font-size: 12px;
}

@media (min-width: 768px) {
	.dly-site-header__inner {
		grid-template-columns: 64px auto minmax(280px, 1fr);
		padding-block: var(--dly-space-4);
	}

	.dly-brand { width: 64px; }

	.dly-search { grid-column: auto; }

	.dly-site-footer__inner {
		grid-template-columns: minmax(240px, 1.3fr) 1fr 1fr;
		padding-inline: var(--dly-space-6);
	}
}