/*
 * Megabox Accessibility, תיקוני עיצוב לנגישות.
 * Digima, digima.co.il
 */

/*
 * קישורים בתוך טקסט רץ.
 * הבעיה שנמצאה: קישורים בתוך פסקאות, רשימות וטבלאות, וכן פירורי הלחם ("דף הבית"), מסומנים בצבע בלבד, בלי קו תחתון.
 * מי שאינו מבחין בצבעים לא יכול לזהות שיש שם קישור (WCAG 1.4.1).
 * התיקון: קו תחתון לקישורים בתוך טקסט. כפתורים ותפריטים לא נכללים.
 */
.elementor-widget-text-editor p a:not(.elementor-button),
.elementor-widget-text-editor li a:not(.elementor-button),
.elementor-widget-text-editor td a:not(.elementor-button),
.elementor-widget-theme-post-content p a:not(.elementor-button),
.elementor-widget-theme-post-content li a:not(.elementor-button),
.elementor-widget-theme-post-content td a:not(.elementor-button),
.elementor-widget-breadcrumbs a,
#breadcrumbs a {
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

/*
 * הודעת העוגיות. רקע כהה וטקסט לבן (ניגודיות 17:1), כפתור באדום של המותג #880000 עם טקסט לבן (10.3:1),
 * גובה כפתור 44 פיקסל לפחות, קישור עם קו תחתון.
 */
.mba-cookie[hidden] { display: none !important; }
.mba-cookie {
	position: fixed; inset-inline: 16px; bottom: 16px; z-index: 99990;
	max-width: 720px; margin-inline: auto;
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;
	padding: 16px 20px; border-radius: 12px;
	background: #1a1a1a; color: #fff; direction: rtl;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
	font-size: 16px; line-height: 1.5;
}
.mba-cookie__text { margin: 0; flex: 1 1 280px; color: #fff; }
.mba-cookie__text a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.mba-cookie__btn {
	min-height: 44px; padding: 10px 22px; border: 0; border-radius: 8px;
	background: #880000; color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}
.mba-cookie__btn:hover { background: #6d0000; }
.mba-cookie__btn:focus-visible, .mba-cookie__text a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/*
 * יעדי לחיצה קטנים מדי (WCAG 2.5.8): כפתור ההשתקה בנגן הווידאו, ותגיות (#) בתוך ביקורות.
 * גודל מינימלי של 24 על 24 פיקסל.
 */
.mejs__button > button, .mejs-button > button { min-width: 24px; min-height: 24px; }
.trustreviews-text a { display: inline-block; min-height: 24px; line-height: 24px; }

/* קישור הדילוג לתוכן הראשי: מוסתר ויזואלית עד שמגיעים אליו במקלדת, ואז מוצג בראש העמוד. */
.mba-skip { position: absolute; inset-inline-start: 8px; top: -100px; z-index: 100000; padding: 12px 18px; background: #1a1a1a; color: #fff !important; font-weight: 700; border-radius: 0 0 8px 8px; text-decoration: underline; }
.mba-skip:focus { top: 0; outline: 3px solid #fff; outline-offset: -6px; }
#mba-main:focus { outline: none; }

/*
 * ניגודיות בחנות (WCAG 1.4.3):
 * האדום של המותג #E52525 על כפתורים בגוון אפור #d5d5d5 (3.09:1). בתוך כפתורים בלבד האדום מוכהה ל-#A01A1A (5.38:1),
 * כך שהאדום של המותג לא משתנה בשאר האתר.
 * "הצג מוצרים לפי": #808080 (3.94:1), עכשיו #666666 (5.74:1).
 * הקישור למדיניות בתיבת ההסכמה בטופס צור קשר, שנמצא על רקע כהה: לבן עם קו תחתון (13.85:1).
 */
.elementor-button, .single_add_to_cart_button, button.button, a.button { --e-global-color-d8dcb49: #A01A1A; }
/* כפתור "הוספה לסל" צבוע ב-CSS הנוסף של התבנית (Customizer) ב-#e52525 עם !important, ולכן הדריסה כאן חזקה ממנו */
body .single_add_to_cart_button { color: #A01A1A !important; }
/* פירורי לחם בעמוד מוצר: הקישורים באותו צבע כמו הטקסט שסביבם (WCAG 1.4.1), לכן קו תחתון */
.woocommerce-breadcrumb a { text-decoration: underline; text-underline-offset: 2px; }
.jet-sorting-label { color: #666666 !important; }
.elementor-field-type-acceptance label a { text-decoration: underline; text-underline-offset: 2px; }
.elementor-element-9543305 .elementor-field-type-acceptance label a { color: #fff !important; }
/* כפתור "הצגת סיסמה" בטופס ההתחברות: יעד לחיצה של 24 פיקסל לפחות (WCAG 2.5.8). */
.show-password-input { min-width: 24px; min-height: 24px; }