/**
 * נגישות — ניגודיות ושמות נגישים. ההסבר המלא ב-includes/class-olive-a11y.php.
 *
 * html:root ולא :root — המשתנים של התבנית מוגדרים על :root בקובץ שנטען אחרי
 * התוסף, ו-html:root גובר עליהם בסגוליות בלי קשר לסדר.
 */

html:root {
	--olive-sage: #617561;
	--olive-sage-hover: #566856;
	--olive-text: #6b6b6b;
	--wd-text-color: #6b6b6b;
	--btn-default-bgcolor: #617561;
	--btn-default-bgcolor-hover: #566856;
	--btn-accented-bgcolor: #617561;
	--btn-accented-bgcolor-hover: #566856;
}

/* ---- ירוק מרווה כטקסט: מק"ט, קוד צבע, כותרות אקורדיון, מידות, "נקה" ---- */

.wd-sku,
.wd-other-code,
.product_meta .sku,
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p,
.olive-delivery-quote__pricelist {
	color: var(--olive-sage) !important;
}

/* החוקים האלה ב-CSS המותאם של התבנית מוגדרים עם !important; אותם בוררים
   עם html מלפנים כדי לגבור */
html .variations_form th.label,
html .variations_form td.label,
html .variations_form label,
html .variations_form .woo-variation-swatches-attribute-label,
html .wvs-item-attribute-label,
html .variable-items-wrapper .variable-item.button-variable-item span,
html .wvs-button-variable-item-text,
html .wd-accordion .wd-accordion-title,
html .wd-accordion .wd-accordion-title .wd-accordion-title-text,
html .reset_variations::before {
	color: var(--olive-sage) !important;
}

html .variable-items-wrapper .variable-item.button-variable-item.selected {
	background-color: var(--olive-sage) !important;
	border-color: var(--olive-sage) !important;
}

html .variable-items-wrapper .variable-item.button-variable-item.selected span,
html .wvs-button-variable-item-text.wvs-active {
	color: #fff !important;
}

/* ---- אפורים בהירים מדי ---- */

.custom-desc-text,
.woocommerce-result-count,
.wd-empty-block-text,
.registration-info,
.olive-delivery-quote__note,
.olive-trust-badges__text,
.olive-cn__text,
.woocommerce form .form-row .optional,
.woocommerce-checkout .optional,
.page-content > p {
	color: var(--olive-text) !important;
}

/* המידות בכרטיס מוצר — ערכת הבת צובעת #999 עם !important */
html .custom-product-short-desc-archive .custom-desc-text {
	color: var(--olive-text) !important;
}

/* קוד צבע שאזל: ערכת הבת מעמעמת ל-0.7 — אפור מלא במקום, עדיין נראה "כבוי" */
html .wd-other-colour.wd-oos .wd-other-code {
	color: var(--olive-text) !important;
	opacity: 1 !important;
}

input[type="number"].qty,
textarea,
.select2-container .select2-selection__rendered {
	color: var(--olive-text);
}

::placeholder {
	color: var(--olive-text);
	opacity: 1;
}

/* פריט תפריט פעיל (חום-בז' #a5958b) */
.wd-nav > li.current-menu-item > a,
.elementor-nav-menu .elementor-item-active,
.elementor-nav-menu .elementor-item.elementor-item-active {
	color: #7d6c62 !important;
}

/* תווית "אזל מהמלאי" — אדום כהה מעט, לבן עליו 5.4 */
.br-labels-css-3,
.berocket_better_labels .br-labels-css-3 {
	background-color: #d50a18 !important;
}

/* ---- שמות לכפתורי אייקון ----
   הטקסט כבר קיים בתוך הכפתור (שם הצבע, "הוסף לרשימת המשאלות", "סינון") אבל
   מוסתר ב-display:none, ולכן גם קורא מסך לא רואה אותו. מוסתר רק מהעין. */

.wd-swatch.wd-bg .wd-swatch-text,
.wd-action-btn.wd-style-icon .wd-action-text,
.wd-sidebar-opener .wd-action-text {
	position: absolute !important;
	display: block !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* מסגרת פוקוס ברורה למשתמשי מקלדת */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--wd-primary-color, #0b2c21) !important;
	outline-offset: 2px;
}