/*!
Theme Name: oribsn
Author: Ori Ben-Simon
Author URI: oribsn.dev
Description: Ori Ben-Simon
Version: 1.0.0
Text Domain: oribsn
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

.text-field {margin: 0;}
.wpcf7-form-control-wrap {margin-left: 1em;}
.form-block {margin: 0 auto;}
.wpcf7-list-item {margin: 0;}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] {position: absolute; bottom: 0; margin: 0; width: 100%;}

.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] .wpcf7-list-item {margin:0;}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] label {display:flex; align-items:flex-start; gap:0.6rem; cursor:pointer; user-select:none;}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] input[type="checkbox"] {appearance:none; -webkit-appearance:none; width:1.2rem; height:1.2rem; border:1px solid rgba(0,0,0,0.3); border-radius:0.32rem; background:transparent; margin:0.12rem 0 0; flex:0 0 auto; position:relative;}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] input[type="checkbox"]:checked {border-color:rgba(0,0,0,0.55);}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] input[type="checkbox"]:checked::after {content:''; position:absolute; left:50%; top:50%; width:0.3rem; height:0.6rem; border-right:0.14rem solid rgba(0,0,0,0.78); border-bottom:0.14rem solid rgba(0,0,0,0.78); transform:translate(-50%,-56%) rotate(45deg);}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] .wpcf7-list-item-label {position: relative; top: 0.16rem; font-size:0.85rem; line-height:1.2; color:rgba(0,0,0,0.65);}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] .wpcf7-list-item-label a {color:rgba(0,0,0,0.75); text-decoration:underline; text-underline-offset:0.18rem;}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] .wpcf7-list-item-label a:hover {color:rgba(0,0,0,0.95);}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] label {direction:rtl; text-align:right;}
.footer-form {position: relative; padding-bottom: 4rem;}

.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] input[type="checkbox"]:hover {border-color:rgba(0,0,0,0.5);}
.footer-form .wpcf7-form-control-wrap[data-name="y-accept"] input[type="checkbox"]:focus-visible {outline:2px solid rgba(0,0,0,0.25); outline-offset:2px;}
.wpcf7-not-valid-tip {position: absolute;}
.wpcf7-spinner {display: none !important;}
.wpcf7-response-output {width: 90%; margin: 3rem auto 0 !important;}

.product-thumb-list .class-thumbnail:hover .thumb-title-txt {text-decoration: underline; text-underline-offset: 5px;}
.pattern-2 {margin-left: -117.5px;}

.section.bg-img {position: relative; overflow: hidden;}
.section.bg-img .bg-parallax {position: absolute; inset: 0; height: 120%; transform: translate3d(0,0,0); will-change: transform; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section.bg-img > *:not(.bg-parallax) {position: relative; z-index: 2;}
.section.bg-img .bg-parallax {background-image: url('assets/webflow/images/bg-img-1.jpg');}
#page {overflow: hidden;}

.huge-txt {overflow: hidden;}
.huge-txt .char {display: inline-block; transform: translateY(100%); opacity: 0; will-change: transform, opacity;}
.huge-txt.is-in .char {animation: hugeCharIn .9s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(var(--i) * 35ms);}
@keyframes hugeCharIn {to {transform: translateY(0); opacity: 1;}}
@media (prefers-reduced-motion: reduce){.huge-txt .char {transform: none; opacity: 1;} .huge-txt.is-in .char {animation: none;}}

.footer-links-wrap {line-height: 1.6;}
.footer-social-link img {transition: all 0.3s ease-in-out;}
.footer-social-link:hover img {transform: scale(0.9);}

.footer-arrow-wrapper {position: absolute; right: 50%; transform: translateX(50%);}

/* Mask */
.footer .footer-arrow {display: inline-block; overflow: hidden;}

/* Start state */
.footer .footer-arrow img {display: block; transform: translateY(110%); transition: transform .7s cubic-bezier(.22,.61,.36,1);}

/* Active state */
.footer .footer-arrow.is-in img {transform: translateY(0);}
.nav-link {line-height: 1em;}
.nav-container {width: 50vw !important;}
.personal-role-txt {line-height: 1.15;}
.name-img {width: 17vw; inset: -11% -27% auto auto;}

/* Initial state */
.page-header h2,
.page-header h1,
.page-header .about-header-img {
    opacity: 0;
    transform: translateY(40px);
}

/* Image קצת שונה */
.page-header .about-header-img {
    transform: translateY(40px) scale(0.96);
}

/* Active state */
.page-header.is-in h2 {
    opacity: 1;
    transform: translateY(0);
    transition: all .7s cubic-bezier(.22,.61,.36,1);
}

.page-header.is-in h1 {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s cubic-bezier(.22,.61,.36,1);
    transition-delay: .15s;
}

.page-header.is-in .about-header-img {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: all 1s cubic-bezier(.22,.61,.36,1);
    transition-delay: .3s;
}


/* חשוב: הסקשן ההורה צריך להיות עם מיקום יחסי */
.section.hero {
    position: relative;
    overflow: hidden; /* שלא יראו חריגות אם יש */
}

.hero-circ-img {
    /* מיקום אבסולוטי כדי לכסות את כל הסקשן */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* הגדרת תמונת הרקע */
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    
    /* המסיכה ההתחלתית - עיגול קטן */
    clip-path: circle(15% at 50% 50%);
    
    /* Z-Index: מוודא שהתמונה מתחת לטקסט (אם יש טקסט מעליה) */
    z-index: 1;
    
    /* אופטימיזציה לאנימציה חלקה */
    will-change: clip-path; 
}

/* אם יש טקסטים, נרים אותם מעל התמונה */
.hero-text-container {
    position: relative;
    z-index: 2;
}

/* נגדיר את המצב ההתחלתי של התמונה */
.stroke-wrap.reversed img {
    /* חותכים 100% מצד שמאל - כלומר התמונה מוסתרת */
    clip-path: inset(0 0 0 100%);
    
    /* הופך את התנועה לחלקה יותר */
    will-change: clip-path;
    transition: clip-path 0.5s linear; /* ריכוך קטן למניעת רעידות */
}

.nav-logo {text-align: left;}

/* Fix sticky inside #page (services only) */
.page-template-services #page {overflow: visible;}
.page-template-services #page {transform: none;}
.product-img-sticky {top: calc(100px + 2em + 30px);}

.personal-img-wrap {text-align: center;}

.team-container {flex-flow: row wrap;}

.menu-open .nav {z-index: 20001;}

.nav-social-wrapper {display: none;}
.personal-img {object-fit: cover;}

.scrolled .nav {background-color: rgb(248 247 242 / 60%); backdrop-filter: blur(20px);}
.nav-logo-img {transition: all 0.3s ease-in-out;}
.scrolled .nav-logo-img {height: 70px;}

.section.bg-img {position: relative; overflow: hidden; width: 100% !important;}
.section.bg-img::after {content: ''; position: absolute; inset: 0; background: #f8f7f2; z-index: 2; transform: translate3d(0,0,0); transition: transform 1.35s cubic-bezier(.22,.61,.36,1);}
.section.bg-img.is-revealed::after {transform: translate3d(-101%,0,0);}

#modal-hero-img {display: none !important;}

.product-itsm:last-child .container.product {border: none;}

.about-header-img {position: relative; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
.about-header-img::before {content: ''; position: absolute; inset: -20%; background: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate3d(0,var(--py,0px),0); will-change: transform;}

.home-about .personal-card {opacity: 1 !important; transform: translateY(0) !important;}
.home-about .personal-card .personal-name-txt, .home-about .personal-card .personal-role-txt {display: none !important;}
.lb-content-container {height: unset !important; max-height: 80vh;}
.tal-modal-open {overflow: hidden;}

@media screen and (max-width: 479px) {
 .huge-txt {
     font-size: 3.2em;
  }
  .wpcf7-form-control-wrap {
      margin-left: 0;
      margin-bottom: 2em;
  }
  .form-cta-but {
       width: 100%;
       margin-top: 0;
       padding: 0.9rem 2rem 1.3rem 2rem;
   }
   .footer-links-wrap:last-child {
       line-height: 1.2;
   }
   .footer-social-link {
       margin: 0 0.5em;
   }
   .nav-container {
       width: 100vw !important;
   }
   .hero-ticker-txt {
     font-size: 6vw;
     color: #ffffff;
   }
   .sec-title-loop {
     width: 35vw;
     height: 35vw;
   }
   .sec-title-loop._1 {
     top: 18vw;
   }
   .container.home-about {
     align-items: center;
   }
   .show-overflow .container.centered {
     position: relative;
     z-index: 2;
   }
   .sec-title-loop {
       top: 15vw;
   }
   .sec-seporator {
     width: 1px;
   }
   .nav-logo {
       position: relative;
       top: -12px;
   }
   .nav-social-wrapper {display: flex; grid-column-gap: 0;}

  
    .services-tags-list {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 1rem; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
    .services-tags-list::-webkit-scrollbar {display: none;}
  
    .services-tags-item{
      flex:0 0 auto;
    }
    .sticky-anchors-wrapper{
      width: 100vw;
      padding: 0;
    }
    .services-tags-list {justify-content: flex-start;}
    .product-title-txt {padding-bottom: 0.3em;}
    .product-txt-seporator {margin-bottom: 1.7em;}
    .name-img {
        width: 46vw;
        inset: -11% -25% auto auto;
    }
    .class-thumbnail.link-wrap {min-height: unset; gap: 20px;}
    .nav-menu {
        flex: 0 0 auto;
    }
    .scroller-container {
      top: 9vw;
    }
    .scroller-line {
      height: 25vw;
    }
    .sec-title-loop._1 {
        top: 22vw;
    }
    .persona-card-wrap .name-img {
      inset: -11% 0% auto auto;
    }
    ._50--container.right {
      padding-bottom: 0;
    }
    ._50--container {
      padding-top: 0;
    }
    .footer-form-wrapper {
      padding-top: 6em;
    }
    .sec-title-loop.footer {
        right: 28.4vw !important;
    }
    .persona-card-wrap .personal-name-txt, .persona-card-wrap .personal-role-txt {display: none;}
    .nav-logo, .nav-logo.w--current {
        width: 42vw;
        transition: all 0.3s ease-in-out;
    }
    .nav-logo-img {height: unset;}
    .scrolled .nav-logo {
        width: 32vw;
    }
    .container.home-about {padding-top: 3em;}
    ._50--container h3 {margin-top: 3em;}
    .services-tags-item:first-child {
        margin-right: 5vw;
    }
    .services-tags-list {
      padding-left: 5vw;
    }
    .container {
      padding-top: 4em;
    }
    .lb-content-container {
      width: 90vw;
    }
}