/* ==== Release theme containers on this template only ==== */
body{ padding-top: 0px;}
body.page-template-page-templates-sign-up-landing,
body.page-template-page-templates-sign-up-landing .site,
body.page-template-page-templates-sign-up-landing .site-main > *,
body.page-template-page-templates-sign-up-landing .container,
body.page-template-page-templates-sign-up-landing .wrap,
body.page-template-page-templates-sign-up-landing .content-area,
body.page-template-page-templates-sign-up-landing .entry-content,
body.page-template-page-templates-sign-up-landing .page-wrapper {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

a button button--lg button--google{border-radius: 0}

/* ==== Two-column full-screen layout ==== *//* חלוקה 1/3 (טופס) מול 2/3 (מרקטינג) */
main#page.callapp-page__account.callapp-page__account--signup {
  width: 100vw;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(420px, 1fr) 2fr; /* שמאל = טופס, ימין = מרקטינג */
  align-items: stretch;
  background: #0f3f43;
}

cap-hero-title h1 {}

/* ===== Left (marketing) ===== */
.cap-left {
  position: relative;
  overflow: hidden;
  color: #fff;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 20px 32px 24px 48px;
      justify-content: center;

}
.cap-bg {
  position: absolute; inset: 0;
  background-image: url('https://business.callapp.com/wp-content/uploads/2025/06/skyscraper-architecture-shines-generative-ai-sunset-generative-ai-2-1.png');
  background-size: cover; background-position: center;
  filter: saturate(108%) contrast(103%);
}
.cap-left::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.2));

}

.cap-topbar, .cap-hero, .cap-phone { position: relative; z-index: 2; }
.callapp-page__account_left img {   margin-bottom: 2rem;}/*logo*/

.cap-lang { display: inline-flex; gap: 8px; margin-left: auto; }
.cap-lang__btn { background: rgba(255,255,255,.14); color:#fff; border:0; cursor:pointer; padding:8px 12px; border-radius:10px; font-weight:700; }
.cap-lang__btn.is-active { background:#00bfa5; }

.cap-hero { align-self: start; max-width: 760px; margin-top: 12px; }
.cap-hero h1 { margin: 1rem 0 10px; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.06; letter-spacing: -.01em; min-height: 200px;}
.cap-sub { font-size: clamp(16px, 2.2vw, 20px); opacity: .95; margin: 0 0 18px; }
.cap-bullets { margin: 0 0 20px 1.2em; padding: 0; }
.cap-bullets li { margin: 0 0 10px; }

 /* ===== FEATURES ===== */
       .features {
            /* max-width: 1100px;*/
        /*    margin: 0px 8px;*/
           /* padding: 32px 32px*/
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(202px, 1fr));
            gap: 14px;
        }

        article {

            text-align: center;
        }

        .feature {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px 24px;
            box-shadow: 0 6px 14px rgba(0, 0, 0, .05);
        }

        .feature h3 {
            margin: .2rem 0 .8rem;
            font-size: 1.25rem;
            color: #00bfa5
        

        }

        .feature p {
            margin: 0;
            color: var(--dark);
            font-size: .95rem;
            line-height: 1.55
        }

.cap-video__frame { position: relative; width: min(720px, 80%); aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; margin: 16px 0 0; background: rgba(0,0,0,.25); }
.cap-video__frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

.cap-phone { align-self: end; margin-top: 12px; max-width: 540px; justify-self: center; }
.cap-phone img { width: 100%; height: auto; display: block; }


/* ===== Right (form) ===== */
/* צבע רקע לאזור הטופס + יישור שמאל */
.cap-right{
 background: #7DBCBE;       
  justify-content: flex-start;    
  padding: 1.5rem;
}

/* “להוריד” את טקסט ההנחיות של הסיסמה כדי שלא ייחתך/יוסתר */
.cap-right input[type="password"]{ margin-bottom: 12px; }

/*google button*/
    
        .callapp-page__account_body .button.button--google {
    position: relative;
    margin: -10px 0 0;
    color: var(--white);
    background: var(--brand-google);
        padding: 10px, 30px;
}

.callapp-page__account_body-footnote p {margin-top: 1.5rem; text-align: center;}
.callapp-page__account_body-terms_of_service{text-align: center;}
.button button--lg button--google svg{}

/* ==== Responsive ==== */
@media (max-width: 768px) {
  main#page.callapp-page__account.callapp-page__account--signup { grid-template-columns: 1fr; }
  .cap-right {  padding: 20px 16px; }
  .cap-phone { max-width: 62vw; margin: 24px auto 0; }
  .wpcf7-form {gap: 35px 0}
  .cap-hero h1 {min-height: 130px;}
}