/* Jarrod 2027 — design layer. Loaded only while body has .jarrod-2027 (preview, then live). */

body.jarrod-2027 {
	--j-charcoal: #1E1C1A;
	--j-floor: #34302D;
	--j-paper: #FBFAF7;
	--j-canvas: #F0ECE6;
	--j-havan: #AA6249;
	--j-havan-deep: #96543D;
	--j-ink: #23201D;
	--j-muted: #6B635B;
	--j-line: #DDD6CC;
	--j-display: "Jost", "IBM Plex Sans Arabic", Arial, sans-serif;
	--j-body: "Jost", "IBM Plex Sans Arabic", Arial, sans-serif;

	--wd-text-font: var(--j-body);
	--wd-title-font: var(--j-display);
	--wd-entities-title-font: var(--j-display);
	--wd-alternative-font: var(--j-body);
	--wd-widget-title-font: var(--j-body);
	--wd-header-el-font: var(--j-body);
	--wd-text-font-size: 16px;
	--wd-text-font-weight: 400;
	--wd-title-font-weight: 400;
	--wd-entities-title-font-weight: 400;
	--wd-header-el-font-weight: 400;
	--wd-header-el-font-size: 15px;
	--wd-widget-title-font-weight: 500;

	--wd-primary-color: var(--j-charcoal);
	--wd-alternative-color: var(--j-havan);
	--wd-link-color: var(--j-ink);
	--wd-link-color-hover: var(--j-havan-deep);
	--wd-text-color: #4B453F;
	--wd-title-color: var(--j-ink);
	--wd-entities-title-color: var(--j-ink);
	--wd-entities-title-color-hover: var(--j-havan-deep);
	--wd-widget-title-color: var(--j-ink);
	--wd-main-bgcolor: var(--j-paper);
	--bgcolor-white: var(--j-paper);
	--bgcolor-gray-100: var(--j-canvas);
	--bgcolor-gray-200: var(--j-canvas);
	--brdcolor-gray-300: var(--j-line);
	--color-gray-500: var(--j-muted);

	--wd-brd-radius: 0px;
	--wd-cat-brd-radius: 0px;
	--wd-form-brd-radius: 0px;
	--wd-form-brd-width: 1.5px;
	--wd-form-brd-color: var(--j-line);
	--wd-form-brd-color-focus: var(--j-charcoal);
	--btn-accented-brd-radius: 0px;
	--btn-default-brd-radius: 0px;
	--btn-accented-bgcolor: var(--j-charcoal);
	--btn-accented-bgcolor-hover: #000;
	--btn-default-bgcolor: transparent;
	--btn-default-bgcolor-hover: var(--j-charcoal);
	--btn-default-color: var(--j-charcoal);
	--btn-default-color-hover: var(--j-paper);

	background-color: var(--j-paper);
	color: var(--wd-text-color);
	line-height: 1.55;
}

/* Arabic: Jost has no Arabic glyphs, so Arabic text falls through to IBM Plex Sans Arabic (titles and
   body alike; Reem Kufi was dropped 2026-10-18 for a simpler face) while Latin codes and digits stay in Jost. */
body.jarrod-2027.rtl {
	--wd-title-font-weight: 500;
	letter-spacing: 0;
}

body.jarrod-2027 :is(h1, h2, h3, .title, .wd-entities-title) { letter-spacing: -0.005em; }
body.jarrod-2027.rtl :is(h1, h2, h3, .title, .wd-entities-title) { letter-spacing: 0; line-height: 1.35; }

body.jarrod-2027 :is(a, button, input, select, textarea, .btn):focus-visible {
	outline: 2px solid var(--j-havan);
	outline-offset: 3px;
}

/* ---- Buttons: square, 48px, sentence case ---- */
body.jarrod-2027 :is(.btn, .button, button[type="submit"], input[type="submit"], .elementor-button, .single_add_to_cart_button, .checkout-button, .added_to_cart) {
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--j-body);
	font-weight: 500;
	font-size: 15px;
	border-radius: 0;
	min-height: 48px;
}
body.jarrod-2027 .btn.btn-color-default,
body.jarrod-2027 .button:not(.alt):not(.checkout-button):not(.single_add_to_cart_button) {
	box-shadow: inset 0 0 0 1.5px var(--j-charcoal);
}

/* ---- Header ---- */
body.jarrod-2027 .whb-header { --wd-header-el-font-weight: 400; }
body.jarrod-2027 .whb-top-bar,
body.jarrod-2027 .whb-top-bar .wd-header-text { font-size: 13px; color: var(--j-paper); }
body.jarrod-2027 .whb-general-header :is(.wd-header-search-form, .wd-search-form) { max-inline-size: 230px; }
body.jarrod-2027 .whb-general-header { border-bottom: 1px solid var(--j-line); }
body.jarrod-2027 .whb-general-header .whb-general-header-inner { border: 0; }
body.jarrod-2027.home .wd-content-layout { padding-block-start: 0; }
body.jarrod-2027 .wd-nav-main > li > a { text-transform: none; letter-spacing: 0; }
body.jarrod-2027 .whb-header .wd-header-text { color: inherit; }
.jarrod-switch { display: flex; align-items: center; white-space: nowrap; }
.jarrod-switch a { display: inline-flex; align-items: center; min-block-size: 40px; padding-inline: 6px; color: inherit; text-decoration: none; font-size: 15px; }
.jarrod-switch a:hover { color: var(--j-havan-deep, #96543D); }
body.jarrod-2027 .whb-header .searchform input[type="text"] { border-width: 0 0 1px; background: transparent; }

/* ---- Section headings: semi-bold, no rule underneath ---- */
body.jarrod-2027 .j27-title .elementor-heading-title {
	font-family: var(--j-display);
	font-weight: 600;
	font-size: clamp(26px, 2.6vw, 36px);
	line-height: 1.15;
	color: var(--j-ink);
}
body.jarrod-2027.rtl .j27-title .elementor-heading-title { line-height: 1.4; }
body.jarrod-2027 .j27-dark .j27-title .elementor-heading-title { color: var(--j-paper); }

/* ---- Hero ---- */
body.jarrod-2027 .j27-hero { position: relative; background-color: var(--j-charcoal); }
body.jarrod-2027 .j27-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	block-size: 60%;
	background: linear-gradient(to top, rgba(20, 18, 17, .84), rgba(20, 18, 17, 0));
	pointer-events: none;
}
body.jarrod-2027 .j27-hero > * { position: relative; z-index: 1; }
body.jarrod-2027 .j27-hero .elementor-heading-title {
	font-family: var(--j-display);
	font-weight: 300;
	font-size: clamp(32px, 4.2vw, 54px);
	line-height: 1.06;
	color: var(--j-paper);
	max-inline-size: 15em;
}
body.jarrod-2027.rtl .j27-hero .elementor-heading-title { font-weight: 400; line-height: 1.3; }
body.jarrod-2027 .j27-hero .elementor-widget-text-editor { color: #E2DCD4; font-size: 17px; }
body.jarrod-2027 .j27-light-btn .elementor-button {
	background-color: var(--j-paper);
	color: var(--j-charcoal);
	padding: 0 26px;
	display: inline-flex;
	align-items: center;
}
body.jarrod-2027 .j27-light-btn .elementor-button:hover { background-color: #fff; color: #000; }
body.jarrod-2027 .j27-link-btn .elementor-button {
	background: none;
	color: var(--j-havan-deep);
	padding: 0;
	min-height: 0;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---- Category tiles ---- */
body.jarrod-2027 .j27-cats .category-grid-item .wd-cat-inner,
body.jarrod-2027 .j27-cats .category-grid-item .category-image-wrapp { border-radius: 0; }
body.jarrod-2027 .j27-cats .category-grid-item img { aspect-ratio: 4 / 5; object-fit: cover; inline-size: 100%; }
body.jarrod-2027 .j27-cats .wd-cat-inner { position: relative; box-shadow: none; overflow: hidden; }
body.jarrod-2027 .j27-cats .wd-cat-content {
	position: absolute;
	inset: auto 0 0 0;
	padding: 56px 20px 18px;
	background: linear-gradient(to top, rgba(20, 18, 17, .8), rgba(20, 18, 17, 0));
	text-align: start;
	pointer-events: none;
	transform: none;
	opacity: 1;
}
body.jarrod-2027 .j27-cats .wd-entities-title {
	font-family: var(--j-display);
	font-size: 22px;
	font-weight: 400;
	text-transform: none;
	color: #fff;
	margin: 0;
	line-height: 1.35;
}
body.jarrod-2027 .j27-cats .category-grid-item:nth-last-child(n+4) .wd-entities-title,
body.jarrod-2027 .j27-cats .category-grid-item:nth-last-child(n+4) ~ .category-grid-item .wd-entities-title { font-size: 19px; }
body.jarrod-2027 .j27-pay-dark img { block-size: 30px; inline-size: auto; }
body.jarrod-2027 .j27-badge .elementor-image-box-wrapper { display: flex; align-items: center; gap: 10px; text-align: start; }
/* Elementor writes width:30% for the badge image with a five-class selector (a px width is not accepted by that control). */
body.jarrod-2027 .j27-footer .j27-badge.elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img { margin: 0; inline-size: 40px; flex: none; }

/* ---- Product cards ---- */
body.jarrod-2027 .wd-product .product-wrapper { background: transparent; box-shadow: none; border-radius: 0; text-align: start; }
body.jarrod-2027 .wd-product .wd-entities-title a { color: var(--j-ink); }
body.jarrod-2027 .wd-product .wd-swatches-grid { margin-block-start: 10px; }
body.jarrod-2027 .wd-product .product-element-top { background: var(--j-canvas); border-radius: 0; }
body.jarrod-2027 .wd-product .product-element-top img { mix-blend-mode: multiply; }
body.jarrod-2027 .wd-product .wd-entities-title { font-size: 20px; font-weight: 400; margin-block: 12px 2px; }
body.jarrod-2027 .wd-product .wd-product-cats { font-size: 14px; color: var(--j-muted); }
body.jarrod-2027 .wd-product .price { font-family: var(--j-body); font-weight: 500; font-size: 15px; color: var(--j-ink); }
body.jarrod-2027 .wd-product .price ins,
body.jarrod-2027 .onsale { color: var(--j-havan-deep); }
body.jarrod-2027 .wd-product :is(.product-element-bottom, .product-information) { text-align: start; padding-inline: 0; }
body.jarrod-2027 .wd-product .wd-swatches-grid { justify-content: flex-start; }
body.jarrod-2027 .wd-products-element .wd-products,
body.jarrod-2027 .products.wd-products { --wd-bordered-brd: transparent; }

/* ---- Story section ---- */
body.jarrod-2027 .j27-dark { background-color: var(--j-charcoal); color: #D9D2C9; }
body.jarrod-2027 .j27-dark .elementor-widget-text-editor { color: #D9D2C9; }
body.jarrod-2027 .j27-story-img img { inline-size: 100%; block-size: 100%; max-block-size: 600px; object-fit: cover; object-position: 50% 40%; }

/* ---- Trust row ---- */
body.jarrod-2027 .j27-trust { border-block: 1px solid var(--j-line); }
body.jarrod-2027 .j27-trust .elementor-icon-box-wrapper { text-align: start; align-items: flex-start; }
body.jarrod-2027 .j27-trust .elementor-icon { color: var(--j-havan-deep); font-size: 20px; }
body.jarrod-2027 .j27-trust .elementor-icon-box-title { font-family: var(--j-body); font-weight: 500; font-size: 16px; margin-block: 8px 2px; color: var(--j-ink); }
body.jarrod-2027 .j27-trust .elementor-icon-box-description { font-size: 14px; color: var(--j-muted); }
body.jarrod-2027 .j27-trust .elementor-icon-box-title a { color: inherit; }

/* ---- Footer ---- */
body.jarrod-2027 .wd-footer { background-color: var(--j-charcoal); }
body.jarrod-2027 .j27-footer { background-color: var(--j-charcoal); color: #D9D2C9; font-size: 15px; }
body.jarrod-2027 .j27-footer .elementor-heading-title { font-family: var(--j-body); font-weight: 500; font-size: 15px; color: var(--j-paper); }
body.jarrod-2027 .j27-footer :is(.elementor-icon-list-text, .elementor-widget-text-editor, p) { color: #D9D2C9; }
body.jarrod-2027 .j27-footer a:hover .elementor-icon-list-text { color: #fff; }
body.jarrod-2027 .j27-footer .elementor-icon-list-icon :is(i, svg) { color: #D9D2C9; fill: #D9D2C9; font-size: 14px; }
body.jarrod-2027 .j27-footer .elementor-icon-list-items { display: grid; gap: 8px; }
body.jarrod-2027 .j27-footer-bottom { border-top: 1px solid var(--j-floor); font-size: 14px; }
body.jarrod-2027 .j27-pay img { background: #fff; padding: 5px 12px; block-size: 40px; inline-size: auto; }
body.jarrod-2027 .j27-footer .elementor-image-box-title { font-size: 13px; color: #D9D2C9; font-weight: 400; margin: 0; }
body.jarrod-2027 .j27-footer .elementor-image-box-description { font-size: 13px; color: var(--j-paper); }

/* ---- Product page ---- */
body.jarrod-2027.single-product .product_title { font-family: var(--j-display); font-weight: 300; font-size: clamp(30px, 3.4vw, 44px); }
body.jarrod-2027.single-product .summary .price { font-family: var(--j-body); font-size: 20px; font-weight: 500; color: var(--j-ink); }
body.jarrod-2027 .woocommerce-product-gallery .wd-carousel-item img { background: var(--j-canvas); }

body.jarrod-2027 .j27-notes { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; font-size: 14px; color: var(--j-muted); }
body.jarrod-2027 .j27-notes li { position: relative; padding-inline-start: 22px; margin: 0; }
body.jarrod-2027 .j27-notes li::before { content: ""; position: absolute; inset-inline-start: 4px; inset-block-start: .62em; inline-size: 5px; block-size: 5px; background: var(--j-havan); }
body.jarrod-2027 .j27-notes a { color: var(--j-havan-deep); text-decoration: underline; text-underline-offset: 3px; }

/* ---- Page titles and shop headings: sentence case, brand charcoal ---- */
body.jarrod-2027 .page-title { background-color: var(--j-charcoal); }
body.jarrod-2027 :is(.page-title .entry-title, .cart_totals h2, .cart-totals-inner h2, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3, #order_review_heading, .checkout-order-review h3, .shop_table th, .place-order .button, .cart-actions .button, .woocommerce-MyAccount-title, .wd-tabs .wd-nav-link, .tabs-layout-tabs .tabs li a, .widget-title, .slider-title) {
	text-transform: none;
	letter-spacing: 0;
}

/* ---- Forms, cart, checkout ---- */
body.jarrod-2027 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea) { min-height: 48px; background-color: #fff; }
body.jarrod-2027 :is(.cart-totals-inner, .checkout-order-review, .woocommerce-checkout-review-order) { background: var(--j-canvas); border-radius: 0; box-shadow: none; }

@media (max-width: 767px) {
	body.jarrod-2027 { --wd-text-font-size: 15px; }
	body.jarrod-2027 .wd-product .wd-entities-title { font-size: 17px; }
	body.jarrod-2027 .j27-story-img img { max-block-size: 380px; }
}

/* ---- Direction: everything follows the page direction ---- */
body.jarrod-2027 .elementor .elementor-widget-text-editor:not([class*="elementor-align-"]),
body.jarrod-2027 .elementor .elementor-widget-text-editor:not([class*="elementor-align-"]) > .elementor-widget-container { text-align: start; }
html[dir="rtl"] body.jarrod-2027 :is(.wd-list, .wd-list li, .wd-list .wd-list-content) { text-align: start; }
html[dir="rtl"] body.jarrod-2027 .wpcf7[dir="ltr"] { direction: rtl; text-align: start; }
html[dir="rtl"] body.jarrod-2027 .wpcf7 :is(input[type="text"], textarea, select, label) { direction: rtl; text-align: start; }
html[dir="rtl"] body.jarrod-2027 :is(input[type="email"], input[type="tel"], input[type="url"], input[name*="phone"], input[name*="postcode"]) { direction: ltr; text-align: end; }
/* WoodMart moves the menu button to the right in RTL but leaves the drawer on the left. */
html[dir="rtl"] .mobile-nav.wd-side-hidden.wd-left { left: auto; right: 0; transform: translate3d(100%, 0, 0); }
html[dir="rtl"] .mobile-nav.wd-side-hidden.wd-left.wd-opened { transform: none; }

/* Category links under the shop title: names only. */
body.jarrod-2027 .wd-nav-product-cat .nav-link-count { display: none; }

/* Category tile titles sit inside the tile with room around them (WoodMart zeroes this box). */
body.jarrod-2027 .j27-cats .category-grid-item.wd-cat .wd-cat-content {
	position: absolute;
	inset: auto 0 0 0;
	block-size: auto;
	padding: 56px 20px 18px !important;
	transform: none;
	opacity: 1;
}
body.jarrod-2027 .j27-cats .category-grid-item.wd-cat .wd-entities-title { position: static; }

/* Main navigation stays on one line in both languages. */
body.jarrod-2027 .whb-general-header .wd-nav-main { flex-wrap: nowrap; white-space: nowrap; }
html[dir="rtl"] body.jarrod-2027 .whb-general-header .wd-nav-main { --nav-gap: 12px; }
html[dir="rtl"] body.jarrod-2027 .whb-general-header .wd-nav-main > li > a { padding-inline: 2px; font-size: 14.5px; }

/* ---- Pages written once per language (About, Materials, the policies): show only the reader's own block ---- */
html:not([dir="rtl"]) body.jarrod-2027 .about-ar,
html[dir="rtl"] body.jarrod-2027 .about-en { display: none; }

/* ---- Search submit is an icon; its label stays hidden as the theme intends ---- */
body.jarrod-2027 .searchform .searchsubmit { font-size: 0; min-height: 0; box-shadow: none; }

/* ---- Mobile navbar and drawer ---- */
@media (max-width: 1024px) {
	body.jarrod-2027 .whb-general-header .jarrod-switch a { font-size: 14px; color: var(--j-muted); padding-inline: 4px; }
	body.jarrod-2027 .whb-general-header .whb-general-header-inner { padding-inline: 6px; }
}
body.jarrod-2027 .mobile-nav { background-color: var(--j-paper); }
body.jarrod-2027 .mobile-nav .wd-search-form input[type="text"] { block-size: 58px; font-size: 16px; font-weight: 400; border: 0; border-bottom: 1px solid var(--j-line); background: transparent; }
body.jarrod-2027 .mobile-nav .wd-nav-mobile > li { border-bottom: 1px solid var(--j-line); }
body.jarrod-2027 .mobile-nav .wd-nav-mobile > li > a {
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--j-body);
	font-weight: 400;
	font-size: 17px;
	color: var(--j-ink);
	min-height: 54px;
	padding: 14px 22px;
}
body.jarrod-2027 .mobile-nav .wd-nav-mobile > li:is(.menu-item-wishlist, .menu-item-account, .menu-item-compare) > a { font-size: 15px; color: var(--j-muted); }
body.jarrod-2027 .mobile-nav .wd-heading { padding: 12px 22px; border-bottom: 1px solid var(--j-line); }
body.jarrod-2027 .mobile-nav .wd-heading .close-side-widget a { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 15px; }

/* ---- Checkout: card logos beside the payment method ---- */
body.jarrod-2027 .wc_payment_method label img.jarrod-pay-cards { block-size: 24px; inline-size: auto; max-inline-size: none; margin-inline-start: 10px; vertical-align: middle; background: #fff; padding: 2px 6px; }

/* ---- Content pages (About, Materials, Product care, Contact): split sections, lead text, lists ---- */
body.jarrod-2027 .j27-lead { font-size: 18px; line-height: 1.65; color: var(--j-ink); max-inline-size: 58ch; }
body.jarrod-2027 .j27-split-text .elementor-widget-text-editor { max-inline-size: 62ch; }
body.jarrod-2027 .j27-split-text .elementor-widget-text-editor p:last-child { margin-block-end: 0; }
body.jarrod-2027 .j27-photo img { display: block; inline-size: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
body.jarrod-2027 .j27-photo-wide img { aspect-ratio: 3 / 2; }
body.jarrod-2027 .j27-drawing img { aspect-ratio: auto; object-fit: contain; mix-blend-mode: multiply; }
body.jarrod-2027 .j27-split.j27-dark .j27-lead,
body.jarrod-2027 .j27-split.j27-dark .elementor-widget-text-editor { color: #D9D2C9; }
body.jarrod-2027 .j27-facts .elementor-icon-box-description { max-inline-size: 44ch; line-height: 1.6; }
body.jarrod-2027 .j27-tips { border-block-end: 0; }
body.jarrod-2027 .j27-tips .elementor-icon-box-title { font-size: 17px; }
body.jarrod-2027 .j27-list ul { list-style: none; margin: 0; padding: 0; }
body.jarrod-2027 .j27-list li { position: relative; margin: 0 0 12px; padding-inline-start: 28px; line-height: 1.6; }
body.jarrod-2027 .j27-list li::before {
	content: "";
	position: absolute;
	inset-inline-start: 6px;
	inset-block-start: .68em;
	inline-size: 6px;
	block-size: 6px;
	background: var(--j-havan);
}
body.jarrod-2027 .j27-gallery .gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
body.jarrod-2027 .j27-gallery .gallery .gallery-item { display: block; width: 100% !important; max-width: none !important; margin: 0; padding: 0; }
body.jarrod-2027 .j27-gallery .gallery :is(.gallery-icon, .gallery-icon a) { display: block; margin: 0; }
body.jarrod-2027 .j27-gallery .gallery br { display: none; }
body.jarrod-2027 .j27-gallery .gallery img { display: block; inline-size: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 0; }
@media (max-width: 767px) {
	body.jarrod-2027 .j27-gallery .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	body.jarrod-2027 .j27-lead { font-size: 17px; }
}

/* ---- Contact ---- */
body.jarrod-2027 .j27-contact .elementor-icon-list-items { display: grid; gap: 4px; }
body.jarrod-2027 .j27-contact .elementor-icon-list-item { padding-block: 8px; align-items: flex-start; }
body.jarrod-2027 .j27-contact .elementor-icon-list-icon { color: var(--j-havan-deep); inline-size: 22px; margin-block-start: 4px; }
body.jarrod-2027 .j27-contact .elementor-icon-list-text { font-size: 16px; color: var(--j-ink); padding-inline-start: 10px; }
body.jarrod-2027 .j27-contact .elementor-icon-list-item a[href^="tel:"] .elementor-icon-list-text,
body.jarrod-2027 .j27-contact .elementor-icon-list-item a[href^="mailto:"] .elementor-icon-list-text { direction: ltr; unicode-bidi: isolate; }
body.jarrod-2027 .j27-contact-form { padding: 32px; background: var(--j-canvas); }
body.jarrod-2027 .j27-contact-form .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], textarea) { inline-size: 100%; }
body.jarrod-2027 .j27-contact-form .wpcf7 label { font-size: 15px; color: var(--j-ink); }
body.jarrod-2027 .j27-map iframe { display: block; }
body.jarrod-2027 .wpcf7 .hidden-fields-container { display: none; }
@media (max-width: 767px) {
	body.jarrod-2027 .j27-contact-form { padding: 20px 16px; }
}

/* ---- Policy pages: one reading column, the page band is the only title ---- */
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) { max-inline-size: 72ch; font-size: 16px; line-height: 1.75; color: var(--j-ink); }
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) :is(h1, .j27-was-h1) { display: none; }
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) p { margin-block: 0 14px; }
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) strong { font-weight: 500; color: var(--j-ink); }
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) ul { margin: 0 0 18px; padding-inline-start: 22px; }
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) li { margin-block-end: 6px; }
body.jarrod-2027.j27-legal .elementor-widget-text-editor:is(.about-en, .about-ar) li::marker { color: var(--j-havan); }

/* ---- Category carousel: the next tile peeks in on a phone ---- */
body.jarrod-2027 .j27-cats .wd-carousel-item .category-grid-item { margin: 0; }
@media (max-width: 767px) {
	body.jarrod-2027 .j27-cats .wd-carousel { --wd-col: 1.25; }
}

/* ---- Accessibility (2026-10-11) ---- */
body.jarrod-2027 .wd-product .wd-product-cats a { color: var(--j-muted); }
body.jarrod-2027 .wd-breadcrumbs a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
/* Payment logos keep their shape inside the fixed-size box. */
body.jarrod-2027 .j27-pay-dark img { object-fit: contain; }

/* ---- Tap areas of at least 24 px on touch screens: padding enlarges the area, the equal negative margin keeps the layout ---- */
@media (max-width: 1024px) {
	body.jarrod-2027 .elementor-icon-list-item > a,
	body.jarrod-2027 .wd-breadcrumbs a,
	body.jarrod-2027 .j27-badge .elementor-image-box-title a,
	body.jarrod-2027 .j27-link-btn .elementor-button,
	body.jarrod-2027 .whb-header a.wd-logo { padding-block: 6px; margin-block: -6px; }
	body.jarrod-2027 .wd-product-nav-btn,
	body.jarrod-2027 .j27-trust .elementor-icon { padding: 4px; margin: -4px; box-sizing: content-box; }
	body.jarrod-2027 .wd-social-icons .wd-social-icon { min-inline-size: 24px; justify-content: center; }
	body.jarrod-2027 .wd-product-cats a { padding-block: 3px; }
	body.jarrod-2027 .j27-notes a,
	body.jarrod-2027.single-product .wd-action-btn.wd-style-text > a,
	body.jarrod-2027 .product_meta a,
	body.jarrod-2027 .j27-trust .elementor-icon-box-title a,
	body.jarrod-2027 .wd-btn-show-cat > a { padding-block: 4px; margin-block: -4px; }
}

/* ---- Phones: no cart icon on product cards (2026-10-18). WoodMart turns the card's add/choose button
   into a 40 px cart icon on touch screens; the card itself still links to the product. ---- */
@media (max-width: 767px) {
	body.jarrod-2027 .wd-product.wd-hover-quick .wd-add-btn { display: none; }
}