/*
Theme Name:     Hello Elementor Child
Theme URI:      https://moodweb.co.il/
Description:    A child theme of Hello Elementor, custom developed by the MoodWeb team.
Author:         MoodWeb Team
Author URI:     https://moodweb.co.il/
Template:       hello-elementor
Version:        1.0.10
Text Domain:    hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*
   מניעת גלילה אופקית בלי לשבור position:sticky:
   overflow-x:hidden הופך את html/body למיכל גלילה ושובר אלמנטים דביקים נטיביים.
   overflow-x:clip חוסם גלילה אופקית בלי ליצור מיכל גלילה. hidden נשאר כגיבוי לדפדפנים ישנים.
*/
html,body {
overflow-x: hidden;
overflow-x: clip;}
/* width */
 ::-webkit-scrollbar {
     width: 10px;
 }
 /* Track */
 ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px grey; 
     border-radius: 0px;
 }
 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: linear-gradient(#000, #000);; 
	 border-radius: 0px;
 }
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #000; 
 }
 /* accessibility */
.pojo-a11y-toolbar-toggle-link {
    border-radius: 100%;
    padding: 9px !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
    font-size: 129%;
	}

.pojo-a11y-toolbar-overlay{
	transform: translateY(-100%);
}

.pojo-a11y-toolbar-overlay{
		left:-90px !important;
	}

/* ביטול צבע רקע (#f6f6f6) לאזור הוריאציות במוצר */
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations select,
table.variations,
.single_variation_wrap,
.woocommerce-variation.single_variation,
.woocommerce-variation-add-to-cart,
.variations_form .variable-items-wrapper .variable-item,
.woo-variation-items-wrapper .variable-item {
	background: transparent !important;
	background-color: transparent !important;
}

/* תיקון רווח מיותר בבורר הכמות בעמוד המוצר:
   1) ה-CSS המותאם של אלמנטור (form.cart button{flex-basis:100%}) מותח את כפתורי הפלוס/מינוס */
form.cart .quantity .mw-qty-btn,
form.cart .quantity .qty {
	flex: 0 0 auto !important;
	flex-basis: auto !important;
	margin: 0 !important;
}
/* 2) ה-label הנסתר (נגישות) בתוך בורר הכמות לא יתפוס מקום כפריט flex */
form.cart .quantity .screen-reader-text,
form.cart .quantity label.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
}
/* 3) ביטול המרווח הדיפולטי של ווקומרס סביב בורר הכמות */
.woocommerce div.product form.cart div.quantity {
	margin: 0 !important;
	float: none !important;
}