:root{
  --eli-global-font: inherit;
  --eli-surface: rgba(255,255,255,.6);
  --eli-text: #111827;
  --eli-border: #d1d5db;
  --eli-btn-bg: #ffffff;
  --eli-btn-text: #111827;
  --eli-radius: 15px;
  --eli-consent-font-size: 13px;
}
.eli-legal{ font-family:'Assistant','Noto Sans Hebrew','Rubik',Arial,Tahoma,sans-serif !important; }
.eli-consent-field{ margin:8px 0; font-size:var(--eli-consent-font-size); line-height:1.5; font-family:var(--eli-global-font),inherit }
.eli-consent-field a{ text-decoration:underline }

.eli-cookie-banner{ position:fixed; left:50%; transform:translateX(-50%); bottom:20px; z-index:99999; padding:.5rem; text-align:right }
.eli-cookie-inner{ direction:rtl; display:inline-block; margin:0; max-width:92vw; width:auto; background:var(--eli-surface); color:var(--eli-text); padding:1rem 1.25rem; border-radius:var(--eli-radius); border:1px solid var(--eli-border); box-shadow:0 10px 30px rgba(0,0,0,.06); font-family:var(--eli-global-font),inherit; font-size:16px; position:relative; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px) }
.eli-close{ position:absolute; top:10px; left:12px; background:transparent!important; border:none!important; padding:0!important; box-shadow:none!important; outline:none!important; font-size:18px; line-height:1; opacity:.7; cursor:pointer; color:#6b7280; -webkit-appearance:none; appearance:none }
.eli-cookie-header{ display:flex; align-items:center; justify-content:flex-start; gap:.6rem; margin:0 0 .2rem }
.eli-cookie-title{ font-weight:700; font-size:28px; text-align:right; width:100% }
.eli-cookie-msg{ opacity:.95; font-size:18px; margin-bottom:.8rem }
.eli-cookie-actions{ display:flex; gap:.6rem; flex-wrap:wrap; justify-content:flex-start }
.eli-btn{ border:1px solid #111; padding:.55rem 1.1rem; border-radius:10px; cursor:pointer; background:var(--eli-btn-bg); color:var(--eli-btn-text); font-size:16px }
.eli-btn:focus{ outline:none; box-shadow:none }

.eli-cookie-modal{ position:fixed; inset:0; background:rgba(255,255,255,.3); z-index:100000; display:flex; align-items:center; justify-content:center; padding:1rem; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px) }
.eli-cookie-modal-inner{ background:#fff; color:#111; width:100%; max-width:520px; border-radius:15px; padding:1rem; border:1px solid #e5e5e5; font-family:var(--eli-global-font),inherit }
.eli-switch{ display:flex; align-items:center; gap:.5rem; padding:.25rem 0 }
.eli-switch.disabled{ opacity:.7 }
.eli-cookie-modal .eli-cookie-actions{ display:flex; gap:.5rem; margin-top:.75rem }
.eli-cookie-modal .eli-btn{ background:var(--eli-btn-bg); color:var(--eli-btn-text) }

.eli-page-link{ text-decoration:none }

@media (max-width: 600px){
  .eli-cookie-inner{ max-width:96vw; padding:.85rem 1rem; font-size:15px }
  .eli-cookie-title{ font-size:22px }
  .eli-cookie-msg{ font-size:14px; margin-bottom:.6rem }
  .eli-cookie-actions{ flex-direction:column; align-items:stretch }
  .eli-btn{ width:100%; font-size:15px; padding:.5rem .9rem }
}

.eli-consent-field, .eli-consent-field *{ font-family:var(--eli-global-font), inherit !important }


/* === Eli overrides – final build === */

/* Banner full width at bottom, inner paddings 10% */
.eli-cookie-banner{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  transform:none !important;
  width:100% !important;
  padding:.5rem 0 !important;
}

.eli-cookie-inner{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  padding-left:10% !important;
  padding-right:10% !important;
  border-radius:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.5fr) auto;
  grid-template-rows:auto auto;
  grid-template-areas:
    "title actions"
    "msg actions";
  align-items:center;
}

/* grid areas for header / text / buttons */
.eli-cookie-header{
  grid-area:title;
  margin:0 0 .3rem;
}
.eli-cookie-msg{
  grid-area:msg;
  margin:0;
}
.eli-cookie-actions{
  grid-area:actions;
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  justify-content:flex-start;
}

/* Banner + consent checkbox use global font */
.eli-cookie-inner,
.eli-cookie-inner *,
.eli-consent-field,
.eli-consent-field *{
  font-family:var(--eli-global-font), inherit !important;
}

/* Elementor consent checkbox alignment & spacing */
form.elementor-form .elementor-field-group.eli-consent-field{
  width:100%;
  margin-top:0;
  margin-bottom:20px;
  padding:0;
}

form.elementor-form .elementor-field-group.eli-consent-field label{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

form.elementor-form .elementor-field-group.eli-consent-field input[type="checkbox"]{
  margin-top:3px;
}

/* Mobile tweaks – banner height, smaller font, 3 buttons in a row */
@media (max-width: 767px){
  .eli-cookie-banner{
    height:10vh;
    min-height:10vh;
    padding:0 !important;
    display:flex;
    align-items:center;
  }

  .eli-cookie-inner{
    height:100%;
    padding-top:0.25rem !important;
    padding-bottom:0.25rem !important;
    font-size:70% !important; /* ~30% smaller */
    display:flex !important;
    flex-direction:column;
    justify-content:center;
  }

  .eli-cookie-header{
    margin:0 0 .15rem !important;
  }

  .eli-cookie-title{
    font-size:1em !important;
  }

  .eli-cookie-msg{
    font-size:0.85em !important;
    margin:0 !important;
  }

  .eli-cookie-actions{
    margin-top:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap;
    gap:4px;
    justify-content:flex-start;
  }

  .eli-cookie-actions .eli-btn{
    flex:1 1 0;
    width:auto !important;
    padding:0.25rem 0.35rem !important;
    font-size:0.8em !important;
    white-space:nowrap;
  }
}