.elementor-kit-6{--e-global-color-primary:#111111;--e-global-color-secondary:#FFFEEE;--e-global-color-text:#FFFAA9;--e-global-color-accent:#F1F1F1;--e-global-typography-primary-font-family:"Hammer Pro";--e-global-typography-primary-font-size:12.2vw;font-weight:350;font-stretch:175%;--e-global-typography-secondary-font-family:"Hammer Pro";--e-global-typography-secondary-font-size:6.4vw;--e-global-typography-text-font-family:"Hammer Pro";--e-global-typography-text-font-size:3.2vw;--e-global-typography-accent-font-family:"Hammer Pro";--e-global-typography-accent-font-size:1.7vw;--e-global-typography-a795738-font-family:"Simona Pro";--e-global-typography-a795738-font-size:1vw;--e-global-typography-a795738-font-weight:400;--e-global-typography-806ed7e-font-family:"Simona Pro";--e-global-typography-806ed7e-font-size:1vw;--e-global-typography-806ed7e-font-weight:700;--e-global-typography-3383002-font-family:"Simona Pro";--e-global-typography-3383002-font-size:1.25vw;--e-global-typography-914cde3-font-size:1.25vw;--e-global-typography-8c86d1a-font-family:"Simona Pro";--e-global-typography-8c86d1a-font-size:0.8vw;--e-global-typography-8c86d1a-font-weight:400;background-color:var( --e-global-color-secondary );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0vw;--container-default-padding-right:4vw;--container-default-padding-bottom:0vw;--container-default-padding-left:4vw;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:15vw;--e-global-typography-secondary-font-size:10vw;--e-global-typography-text-font-size:6vw;--e-global-typography-accent-font-size:3.4vw;--e-global-typography-a795738-font-size:2.1vw;--e-global-typography-806ed7e-font-size:2.1vw;--e-global-typography-3383002-font-size:2.6vw;--e-global-typography-914cde3-font-size:2.6vw;--e-global-typography-8c86d1a-font-size:1.6vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0vw;--container-default-padding-right:4vw;--container-default-padding-bottom:0vw;--container-default-padding-left:4vw;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:100px;--e-global-typography-secondary-font-size:60px;--e-global-typography-text-font-size:32px;--e-global-typography-accent-font-size:28px;--e-global-typography-a795738-font-size:18px;--e-global-typography-806ed7e-font-size:18px;--e-global-typography-3383002-font-size:24px;--e-global-typography-914cde3-font-size:24px;--e-global-typography-8c86d1a-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS */::selection {
	background-color: var(--e-global-color-text);
	color: var(--e-global-color-primary);
}

/* רוחב ה-scrollbar */
::-webkit-scrollbar {
    width: 8px; /* שנה כמה שאתה רוצה */
}

/* רקע פס הגלילה */
::-webkit-scrollbar-track {
    background: #CEC9B7; /* צבע רקע */
}

/* החלק שזז (הידית) */
::-webkit-scrollbar-thumb {
    background: #D1AC9A; /* צבע הידית */
    border-radius: 10px; /* עיגול פינות */
}

 /* לטקסט - קו תחתון בחלקים נבחרים*/
 
 .highlight-text {
  background: linear-gradient(180deg, #0000 60%, var(--e-global-color-text) 60%, var(--e-global-color-text) 95%, #0000 90%);
}


/*לכפתורים האנימצייה שלהם*/

.animate-btn .elementor-button {
    position: relative;
    overflow: hidden;
}

.animate-btn .elementor-button::before{
    content: "";
    display: block;
    width: 115%;
    height: 115%;
    transform: translateX(5%) translateY(-5%);
    background-color:var(--e-global-color-text);
    position: absolute;
    right: 0;
    top: 0;
    clip-path: inset(0% 0% 0% 100%);
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.animate-btn:hover .elementor-button::before {
     clip-path: inset(0% 0% 0% 0%)
}

.animate-btn .elementor-button-text, .animate-btn .elementor-button-icon {
    z-index: 3;
    transition: all 0.4s;

}

.animate-btn:hover .elementor-button-text {
    color: var(--e-global-color-primary);
}




.animate-btn .elementor-button .elementor-button-content-wrapper {
    gap: 0.5vw;   
    align-items: center;
}


.animate-btn .elementor-button-content-wrapper::before,
.animate-btn .elementor-button-content-wrapper::after {
    content: "";
    background: var(--e-global-color-text);
    transition: all 0.4s;
    z-index: 5;
}

.animate-btn .elementor-button-content-wrapper::after {
    background: #707070;
    transition: all 0.4s ease 0.1s;
}

.animate-btn .elementor-button-content-wrapper::before {
    opacity: 1;
}

.animate-btn .elementor-button-content-wrapper::after {
    opacity: 0;
    transform: translateX(1vw);
}

.animate-btn:hover .elementor-button-content-wrapper::before {
    transform: translateX(-1vw);
    opacity: 0;
}

.animate-btn:hover .elementor-button-content-wrapper::after {
    transform: translateX(0vw);
    opacity: 1;
}



@media (min-width: 1025px) {
    
    .animate-btn .elementor-button-content-wrapper::before,
.animate-btn .elementor-button-content-wrapper::after{
    width: 0.3vw;
    height: 0.3vw;
    margin-top: 0.4vw;
}

.animate-btn .elementor-button .elementor-button-content-wrapper {
    gap: 0.5vw;
}


}


@media (min-width: 767px) and (max-width: 1025px) {
    
        .animate-btn .elementor-button-content-wrapper::before,
.animate-btn .elementor-button-content-wrapper::after{
    width: 0.7vw;
    height: 0.7vw;
    margin-top: 0.8vw;
}


.animate-btn .elementor-button .elementor-button-content-wrapper {
    gap: 1.5vw;
}

    
}


@media (max-width: 767px) {
    
        .animate-btn .elementor-button-content-wrapper::before,
.animate-btn .elementor-button-content-wrapper::after{
    width: 5px;
    height: 5px;
    margin-top: 7px;
}


.animate-btn .elementor-button .elementor-button-content-wrapper {
    gap: 10px;
}

    
}





/* האנימצייה לתמונות */
.animate-img {
    position: relative;
    border: 0.15vw solid var(--e-global-color-accent);
    overflow: hidden; /* חיתוך מושלם לפסאודו אלמנטים */
}

/* מסגרת פנימית 1 */
.animate-img::before {
    content: "";
    position: absolute;
    inset: 1vw;
    border: 0.15vw solid var(--e-global-color-accent);
    pointer-events: none;
}

/* מסגרת פנימית 2 */
.animate-img::after {
    content: "";
    position: absolute;
    inset: 2vw;
    border: 0.15vw solid var(--e-global-color-accent);
    pointer-events: none;
}

/* רספונסיביות לטאבלט */
@media (min-width:767px) and (max-width:1024px) {
    .animate-img {
        border-width: 0.3vw;
    }
    .animate-img::before {
        border-width: 0.3vw;
    }
    .animate-img::after {
        border-width: 0.3vw;
    }
    /* clip-path נשאר כמו בדסקטופ */
    .animate-img img {
        clip-path: inset(80% 80% 0% 0%);
    }
}

/* רספונסיביות למובייל */
@media (max-width:767px) {
    .animate-img {
        border-width: 2px;
    }
    .animate-img::before {
        border-width: 2px;
    }
    .animate-img::after {
        border-width: 2px;
    }
    .animate-img img {
        clip-path: inset(15% 30% 0% 0%);
    }
}

/* התמונה עם clip-path לדסקטופ */
.animate-img img {
    z-index: 5;
    position: relative;
    clip-path: inset(80% 80% 0% 0%);
    transition: clip-path 0.6s ease;
    will-change: clip-path; /* מומלץ לביצועים */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hammer Pro';
	font-display: auto;
	src: url('https://layrs.brandskil.co.il/wp-content/uploads/2025/12/HammerProVF.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Simona Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://layrs.brandskil.co.il/wp-content/uploads/2025/12/SimonaPro-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Simona Pro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://layrs.brandskil.co.il/wp-content/uploads/2025/12/SimonaPro-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */