/*
Theme Name: Suls - We Make Magic
Theme URI: https://suls.co.il/
Description: liberty WordPress theme example child theme.
Author: Nick
Author URI: https://suls.co.il/
Template: hello-elementor
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*.sold-out-overlay {
background: gainsboro;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 5px 10px;
position: absolute;
right: 50px;
top: 10px;
}*/
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}
body{
	overflow-x:hidden;
	transition:background 0.3s ease;
}
label {
    width: 100%;
    margin-bottom:2px;
}
p{
    margin:0;
}

a{
	color:black;
}
a:-webkit-any-link:focus,:focus{
    outline: none!important;
}
.ltr{direction:ltr;}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #929291 #DFE9EB;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
*::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #DFE9EB;
}

*::-webkit-scrollbar-track:hover {
  background-color: #DFE9EB;
}

*::-webkit-scrollbar-track:active {
  background-color: #DFE9EB;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #929291;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #818180;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #646463;
}
/* 1. הגדרת האנימציה (התנועה עצמה) */
@keyframes slideRightAndBack {
    0%, 100% {
        transform: translateX(0); /* מצב התחלתי וסופי - במקום */
    }
    50% {
        transform: translateX(5px); /* באמצע - זז 5 פיקסלים ימינה */
    }
}

/* 2. החלת האנימציה על ה-SVG שבתוך הכפתור */
.animate-svg-right:hover svg {
    /* שם האנימציה, משך זמן, סוג תנועה חלקה, ולולאה אינסופית */
    animation: slideRightAndBack 1.5s ease-in-out infinite;
    
    /* מומלץ לוודא שה-SVG מוצג כ-inline-block כדי שה-transform יעבוד חלק */
    display: inline-block; 
}
/* 1. הגדרת האנימציה לתנועה שמאלה */
@keyframes slideLeftAndBack {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-5px); /* שלילי = שמאלה */
    }
}

/* 2. החלת האנימציה */
.animate-svg-left:hover svg {
    animation: slideLeftAndBack 1.5s ease-in-out infinite;
    display: inline-block;
}
@media (max-width:768px){
    
}