/* ============================================================
   Cookie consent — theme
   ------------------------------------------------------------
   Re-skins CookieConsent v3 with the site's own tokens, in RTL.
   Only the library's public custom properties and a few layout rules
   are touched, so upgrading the library stays straightforward.
   ============================================================ */

#cc-main{
  direction:rtl;
  text-align:right;

  --cc-font-family:'Heebo','Segoe UI',Arial,sans-serif;

  --cc-bg:#FFFFFF;
  --cc-primary-color:var(--ink-on-light, #233634);
  --cc-secondary-color:#4B5A57;

  --cc-btn-primary-bg:var(--dark, #0D2429);
  --cc-btn-primary-color:#FFFFFF;
  --cc-btn-primary-border-color:var(--dark, #0D2429);
  --cc-btn-primary-hover-bg:#123137;
  --cc-btn-primary-hover-color:#FFFFFF;
  --cc-btn-primary-hover-border-color:#123137;

  --cc-btn-secondary-bg:#F2F5F4;
  --cc-btn-secondary-color:var(--ink-on-light, #233634);
  --cc-btn-secondary-border-color:#CBD5D3;
  --cc-btn-secondary-hover-bg:#E6ECEA;
  --cc-btn-secondary-hover-color:var(--ink-on-light, #233634);
  --cc-btn-secondary-hover-border-color:#9FB0AD;

  --cc-separator-border-color:#E6ECEA;
  --cc-link-color:var(--bronze-ink, #7A6C4D);

  --cc-toggle-on-bg:var(--bronze, #887856);
  --cc-toggle-off-bg:#8E9C99;
  --cc-toggle-on-knob-bg:#FFFFFF;
  --cc-toggle-off-knob-bg:#FFFFFF;
  --cc-toggle-readonly-bg:#D4DCDA;
  --cc-toggle-readonly-knob-bg:#FFFFFF;
  --cc-toggle-readonly-knob-icon-color:#5A6866;

  --cc-cookie-category-block-bg:#F7FAF9;
  --cc-cookie-category-block-border:#E3E8E7;
  --cc-cookie-category-block-hover-bg:#F0F5F3;
  --cc-cookie-category-block-hover-border:#CBD5D3;
  --cc-cookie-category-expanded-block-bg:#FFFFFF;

  --cc-overlay-bg:rgba(7,22,25,0.55);
  --cc-modal-border-radius:18px;
  --cc-btn-border-radius:9px;
  --cc-modal-transition-duration:.25s;
  --cc-footer-bg:#FBFCFC;
  --cc-footer-border-color:#E6ECEA;

  /* Sits above the site, below nothing else. The accessibility widget
     measures this banner and lifts its own floating button clear of it. */
  --cc-z-index:10000;
}

/* ---------- consent banner ---------- */
#cc-main .cm{
  border:1px solid #E3E8E7;
  box-shadow:0 -6px 40px rgba(13,36,41,0.18), 0 2px 10px rgba(13,36,41,0.06);
  padding:26px 28px;
}
#cc-main .cm__title{ font-size:20px; font-weight:700; line-height:1.3; }
#cc-main .cm__desc{ font-size:15px; font-weight:300; line-height:1.75; color:#3F4E4B; }
#cc-main .cm__btns{ border-top:1px solid var(--cc-separator-border-color); }
#cc-main .cm__btn{ font-size:15px; font-weight:700; padding:12px 20px; }

/* Accept and reject carry the same visual weight: the reject button is a
   real, obvious button, never a faint link hidden a level down. */
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"]{
  background:#F2F5F4;
  color:var(--ink-on-light, #233634);
  border:1.5px solid #9FB0AD;
}
#cc-main .cm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="necessary"]:hover{ background:#E6ECEA; border-color:#7C8F8B; }

#cc-main .cm__footer, #cc-main .cm__link-group{ font-size:14px; }
#cc-main a{ font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* Desktop: one row of buttons, none of them wrapping onto two lines.
   The library's box is 576px by default, which is too narrow for three
   Hebrew labels side by side. */
@media (min-width:768px){
  #cc-main .cm--box.cm--wide{ max-width:740px; }
  #cc-main .cm--box.cm--wide .cm__btns{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; flex-wrap:wrap; padding-block:18px;
  }
  #cc-main .cm--box.cm--wide .cm__btn-group{ display:flex; gap:10px; flex-wrap:nowrap; }
  #cc-main .cm__btn{ white-space:nowrap; }
}

/* Mobile: a card with 12px margins, buttons stacked, nothing overflowing */
@media (max-width:767px){
  #cc-main .cm{
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
    margin:12px;
    padding:20px 18px;
    max-height:calc(100vh - 24px);
    display:flex;
    flex-direction:column;
  }
  #cc-main .cm__body{ overflow-y:auto; }
  #cc-main .cm__btns{ flex:none; }
  #cc-main .cm__btn-group{ display:flex; flex-direction:column; gap:8px; width:100%; }
  #cc-main .cm__btn{ width:100%; }
  #cc-main .cm__title{ font-size:18px; }
  #cc-main .cm__desc{ font-size:14.5px; }
}

/* ---------- preferences modal ---------- */
#cc-main .pm{ border:1px solid #E3E8E7; box-shadow:0 20px 60px rgba(13,36,41,0.28); }
#cc-main .pm__title{ font-size:20px; font-weight:700; }
#cc-main .pm__section-title{ font-size:15.5px; font-weight:700; }
#cc-main .pm__section-desc{ font-size:14px; font-weight:300; line-height:1.75; color:#3F4E4B; }
#cc-main .pm__badge{
  background:#E9EEEC; color:#3A4A47; border:1px solid #CBD5D3;
  font-size:11.5px; font-weight:700; border-radius:6px; padding:2px 8px;
  margin-inline-start:8px; white-space:nowrap;
}
#cc-main .pm__btn{ font-size:15px; font-weight:700; padding:12px 20px; }
@media (max-width:767px){
  #cc-main .pm__btn-group{ display:flex; flex-direction:column; gap:8px; width:100%; }
  #cc-main .pm__btn{ width:100%; }
}

/* Focus must be obvious for keyboard users, on every control. */
#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main .section__toggle:focus-visible + .toggle__icon{
  outline:3px solid var(--gold, #C1A575);
  outline-offset:2px;
}

/* Comfortable touch targets */
#cc-main .cm__btn, #cc-main .pm__btn{ min-height:46px; }
#cc-main .pm__section-toggle{ min-height:44px; }

/* ============================================================
   Placeholder shown in place of a blocked external embed
   ============================================================ */
.cc-embed-placeholder{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; text-align:center;
  width:100%; height:100%; min-height:220px;
  padding:26px 22px; box-sizing:border-box;
  background:#F4F7F6; border:1px dashed #B9C7C4; border-radius:14px;
  font-family:'Heebo','Segoe UI',Arial,sans-serif; direction:rtl;
}
.cc-embed-placeholder p{
  margin:0; max-width:36em;
  font-size:15.5px; font-weight:400; line-height:1.7; color:#33433F;
}
.cc-embed-accept{
  border:none; cursor:pointer; padding:12px 26px; border-radius:9px;
  background:var(--dark, #0D2429); color:#fff;
  font-family:inherit; font-size:15px; font-weight:700; min-height:46px;
  transition:background .15s ease;
}
.cc-embed-accept:hover{ background:#123137; }
.cc-embed-accept:focus-visible{ outline:3px solid var(--gold, #C1A575); outline-offset:2px; }
.cc-embed-link{ font-size:13.5px; color:#5A6B67; text-decoration:underline; text-underline-offset:3px; }

/* ============================================================
   Cookie tables on the privacy policy page
   Narrow screens scroll the table sideways rather than squeezing it.
   ============================================================ */
.cc-table-wrap{
  margin-top:18px; overflow-x:auto;
  border:1px solid var(--line-on-light, #E3E8E7); border-radius:12px;
  -webkit-overflow-scrolling:touch;
}
.cc-table{
  width:100%; min-width:640px;
  border-collapse:collapse; text-align:right;
  font-size:15px; line-height:1.6;
}
.cc-table-caption{
  caption-side:top; text-align:right;
  padding:14px 16px 0; font-size:14px; font-weight:700;
  color:var(--ink-on-light, #233634);
}
.cc-table th, .cc-table td{
  padding:12px 16px;
  border-bottom:1px solid var(--line-on-light, #E3E8E7);
  vertical-align:top;
}
.cc-table thead th{
  background:#F4F7F6; font-weight:700; font-size:14.5px;
  color:var(--ink-on-light, #233634); white-space:nowrap;
}
.cc-table tbody td{ color:var(--muted-on-light, #5C6B68); }
.cc-table tbody tr:last-child td{ border-bottom:none; }
.cc-table tbody tr:nth-child(even) td{ background:#FAFCFB; }
.cc-table td strong{ color:var(--bronze-ink, #7A6C4D); }
@media (max-width:768px){
  .cc-table{ font-size:14px; }
  .cc-table th, .cc-table td{ padding:10px 12px; }
}