/* ─── ADDON: Reminders + Event Details
   Color palette: matches EVENT360 guest-manager design
   Primary: #6366f1 (indigo) / #7c3aed (purple) / #1e40af (blue)
   Font: Rubik (inherited from .i8w-wrap)
   ─────────────────────────────────────────────────────────────────────── */

.i8w-eil-addon-card {
  margin-top: 14px;
  font-family: 'Rubik', Arial, sans-serif;
  direction: rtl;
}

/* ── Header ──────────────────────────────────────────────────────────── */
.i8w-eil-head {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
}

.i8w-eil-head-main { flex: 1 1 180px; }

.i8w-eil-head-title {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 800;
  color: #7c3aed;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-family: 'Rubik', Arial, sans-serif;
}

.i8w-eil-head-dash {
  margin: 0 6px;
  color: rgba(99,102,241,0.35);
  font-weight: 400;
}

.i8w-eil-head-sub { margin: 0; font-size: 13px; color: #64748b; }

/* ── Date chips (header) ── */
.i8w-eil-date-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 2px;
}

.i8w-eil-date-chip {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  background: rgba(99,102,241,0.08);
  border: 1px solid rgba(99,102,241,0.22);
  border-radius: 12px;
  padding: 6px 12px;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
}

.i8w-eil-chip-label { font-weight: 700; color: #4f46e5; font-size: 12px; }
.i8w-eil-chip-date  { color: #64748b; font-size: 11px; }

.i8w-eil-date-chip--gift {
  background: rgba(16,185,129,0.08);
  border-color: rgba(16,185,129,0.25);
}
.i8w-eil-date-chip--gift .i8w-eil-chip-label { color: #047857; }

/* ── Count bar ───────────────────────────────────────────────────────── */
.i8w-eil-countbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px 4px;
  flex-wrap: wrap;
}

.i8w-eil-count-badge {
  background: rgba(99,102,241,0.10);
  color: #4f46e5;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
}

/* ── Form wrapper ────────────────────────────────────────────────────── */
.i8w-eil-form { padding: 0 22px 16px; margin-top: 0; }

/* ── Two-panel grid ──────────────────────────────────────────────────── */
.i8w-eil-two-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 14px 0 10px;
}

/* ── Panel card ── */
.i8w-eil-panel {
  background: #ffffff;
  border: 1px solid rgba(99,102,241,0.12);
  border-radius: 18px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 2px 8px rgba(99,102,241,0.06), 0 1px 3px rgba(15,23,42,0.04);
}

.i8w-eil-panel-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.i8w-eil-panel-icon { font-size: 20px; flex-shrink: 0; line-height: 1.3; }

.i8w-eil-panel-title {
  font-size: 14px;
  font-weight: 800;
  color: #1e293b;
  line-height: 1.2;
  font-family: 'Rubik', Arial, sans-serif;
}

.i8w-eil-panel-sub {
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}

.i8w-eil-count-pill {
  margin-right: auto;
  background: rgba(99,102,241,0.10);
  color: #4f46e5;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── Check cards (reminder items + gift options) ── */
.i8w-eil-check {
  display: block;
  border: 1px solid rgba(99,102,241,0.12);
  border-radius: 14px;
  padding: 11px 13px;
  background: #fff;
  cursor: pointer;
  transition: box-shadow .17s ease, border-color .17s ease, background .17s ease, color .17s ease;
}

.i8w-eil-check:hover:not(.is-disabled) {
  border-color: rgba(99,102,241,0.28);
  box-shadow: 0 2px 10px rgba(99,102,241,0.10);
}

.i8w-eil-check-row {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 800;
  font-size: 14px;
}

.i8w-eil-check-date {
  margin-right: auto;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}

.i8w-eil-check input[type="checkbox"],
.i8w-eil-check input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  transform: scale(1.1);
  transition: background .15s, border-color .15s;
}

.i8w-eil-check input[type="checkbox"]:checked,
.i8w-eil-check input[type="radio"]:checked {
  background: #6366f1;
  border-color: #6366f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72%;
}

/* When the card is selected (gradient bg), keep input border visible */
.i8w-eil-check.is-selected input[type="checkbox"],
.i8w-eil-check.is-selected input[type="radio"] {
  border-color: rgba(255,255,255,.7);
  background-color: transparent;
}
.i8w-eil-check.is-selected input[type="checkbox"]:checked,
.i8w-eil-check.is-selected input[type="radio"]:checked {
  background-color: rgba(255,255,255,.25);
  border-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72%;
}

.i8w-eil-check.is-disabled { opacity: .55; cursor: default; pointer-events: none; }

.i8w-eil-check.is-selected {
  background: linear-gradient(135deg, #1e40af 0%, #4f46e5 60%, #7c3aed 100%);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 20px rgba(99,102,241,0.26);
}

.i8w-eil-check.is-selected .i8w-eil-help,
.i8w-eil-check.is-selected .i8w-eil-subhelp,
.i8w-eil-check.is-selected .i8w-eil-time-note,
.i8w-eil-check.is-selected .i8w-eil-check-date { color: rgba(255,255,255,.82); }

.i8w-eil-check.is-selected .i8w-eil-input {
  border-color: rgba(255,255,255,.32);
  background: rgba(255,255,255,.14);
  color: #fff;
}

.i8w-eil-check.is-selected .i8w-eil-input::-webkit-calendar-picker-indicator { filter: invert(1); }

.i8w-eil-help {
  display: block;
  font-size: 12px;
  opacity: .75;
  margin-top: 5px;
}

/* ── Lists inside panels ── */
.i8w-eil-reminders-list,
.i8w-eil-gift-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

/* ── Check body + inline time (gift cards) ── */
.i8w-eil-check-body        { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.i8w-eil-check-inline-time { margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(0,0,0,.08); }
.i8w-eil-check.is-selected .i8w-eil-check-inline-time { border-top-color: rgba(255,255,255,.20); }
.i8w-eil-time-note { font-size: 12px; opacity: .80; margin-bottom: 6px; display: block; }
.i8w-eil-hidden    { display: none !important; }

/* ── Time footer (bottom of reminders panel) ── */
.i8w-eil-time-footer {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(99,102,241,0.10);
}

.i8w-eil-time-footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* ── Inputs ── */
.i8w-eil-input,
.i8w-eil-textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid rgba(99,102,241,0.15);
  border-radius: 12px;
  outline: none;
  background: #fff;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 14px;
  color: #0f172a;
  box-sizing: border-box;
  transition: border-color .15s, box-shadow .15s;
}

.i8w-eil-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}

.i8w-eil-textarea   { resize: vertical; }
.i8w-eil-time-input { max-width: 150px; width: auto; }

/* ── Labels / helpers ── */
.i8w-eil-label {
  display: block;
  font-weight: 700;
  font-size: 13px;
  color: #334155;
  margin-bottom: 6px;
}

.i8w-eil-subhelp { font-size: 12px; color: #64748b; }

/* ── Actions bar ── */
.i8w-eil-form .i8w-eil-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-top: 12px;
  flex-wrap: wrap;
}

.i8w-eil-status        { font-size: 13px; }
.i8w-eil-status.is-ok  { color: #15803d; }
.i8w-eil-status.is-err { color: #dc2626; }

/* ── Locked banner (PHP-rendered) + JS-appended locked note ── */
.i8w-eil-locked-banner,
.i8w-eil-locked-note {
  margin: 8px 16px 16px;
  padding: 12px 18px;
  background: rgba(99,102,241,0.09);
  border: 1px solid rgba(99,102,241,0.28);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #4338ca;
  text-align: center;
}

/* ── Event details form ── */
.i8w-eil-row    { margin-top: 10px; }
.i8w-eil-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

/* ── Mobile ── */
@media (max-width: 760px) {
  .i8w-eil-two-panel     { grid-template-columns: 1fr; gap: 10px; padding: 8px 0 6px; }
  .i8w-eil-head          { flex-direction: column; gap: 6px; justify-content: flex-start; align-items: stretch; }
  .i8w-eil-date-chips    { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 0; }
  .i8w-eil-date-chip     { font-size: 11px; padding: 4px 8px; }
  .i8w-eil-chip-label    { font-size: 11px; }
  .i8w-eil-chip-date     { font-size: 10px; }
  .i8w-eil-countbar      { padding: 4px 16px 0; }
  .i8w-eil-form          { padding: 0 14px 14px; }
  .i8w-eil-grid-2        { grid-template-columns: 1fr; }
  .i8w-eil-time-input    { max-width: none; width: 100%; }
  .i8w-eil-time-footer-row { flex-direction: column; align-items: stretch; gap: 8px; }
}

@media (max-width: 640px) {
  /* Header */
  .i8w-eil-head { padding: 10px 14px 8px; gap: 6px; }
  .i8w-eil-head-title { font-size: 18px; }
  .i8w-eil-head-sub   { font-size: 12px; }

  /* Count bar */
  .i8w-eil-countbar { padding: 2px 14px 0; flex-wrap: wrap; }
  .i8w-eil-count-badge { font-size: 12px; padding: 3px 10px; }

  /* Form & panels */
  .i8w-eil-form  { padding: 0 12px 12px; }
  .i8w-eil-panel { padding: 12px; }
  .i8w-eil-panel-head { gap: 8px; }
  .i8w-eil-panel-title { font-size: 13px; }

  /* Checkboxes/radios: larger tap targets */
  .i8w-eil-check { padding: 12px 12px; border-radius: 12px; }
  .i8w-eil-check input[type="checkbox"],
  .i8w-eil-check input[type="radio"] { transform: scale(1.4); }

  /* Save button: full width */
  .i8w-eil-save-btn,
  .i8w-eil-form button[type="submit"] { width: 100% !important; }

  /* Head actions */
  .i8w-head-actions { width: 100%; }
  .i8w-head-actions .button { width: 100%; text-align: center; }
}

@media (max-width: 400px) {
  .i8w-eil-head-title { font-size: 16px; }
  .i8w-eil-two-panel  { gap: 8px; }
  .i8w-eil-panel      { padding: 10px; }
  .i8w-eil-check      { padding: 11px 10px; }
}

/* EVENT360 targeted fix: add breathing room under reminders header badge area */
@media (max-width: 760px) {
  .i8w-eil-countbar {
    padding-top: 12px !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 640px) {
  .i8w-eil-countbar {
    padding-top: 12px !important;
    margin-top: 6px !important;
  }
}

/* ── Sent-reminder state (a reminder that was already delivered) ──
   Same "saved/locked" look as every stored pick — the EXISTING active gradient
   at the EXISTING disabled opacity (the "143 ימים" tint; the .55 comes from the
   card's own .is-disabled class) — identified by the "נשלחה" pill. */
.i8w-eil-check.is-sent {
  background: linear-gradient(135deg, #1e40af 0%, #4f46e5 60%, #7c3aed 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 6px 20px rgba(99,102,241,0.26) !important;
}
.i8w-eil-check.is-sent .i8w-eil-check-date { color: rgba(255,255,255,.82) !important; }
.i8w-eil-check.is-sent input[type="checkbox"],
.i8w-eil-check.is-sent input[type="radio"] {
  background: rgba(255,255,255,.25);
  border-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72%;
}
/* "נשלחה" — the selected-card's own white-on-gradient tokens. */
.i8w-eil-sent-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  background: rgba(255,255,255,.25);
  border: 1px solid #fff;
  border-radius: 999px;
  padding: 2px 9px;
  white-space: nowrap;
}


/* EVENT360 global mobile input zoom fix
   Purpose: prevent iOS Safari/Chrome mobile auto-zoom when focusing any editable field.
   Logic untouched. */
@media screen and (max-width: 900px) {
  html, body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select,
  .event360 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  .event360 textarea,
  .event360 select,
  [class^="eil-"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  [class*=" eil-"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  [class^="eil-"] textarea,
  [class*=" eil-"] textarea,
  [class^="eil-"] select,
  [class*=" eil-"] select,
  [class^="p6-"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  [class*=" p6-"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  [class^="p6-"] textarea,
  [class*=" p6-"] textarea,
  [class^="p6-"] select,
  [class*=" p6-"] select {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
}


/* §מועדים — date-only picking: the "בחירת תאריך שלא מופיע" row lives INSIDE the options
   list as its permanent last row, styled like the option cards but dashed (approved demo).
   CLOSED = quiet dashed row; OPEN = solid border, date field, gradient button, live hint. */
.i8w-eil-customrow{border-style:dashed;border-color:#c7d2fe;background:#f8faff;cursor:pointer;}
.i8w-eil-customrow:hover{border-color:#818cf8;background:#f3f6ff;}
.i8w-eil-customrow.is-open{border-style:solid;border-color:#818cf8;box-shadow:0 2px 12px rgba(99,102,241,.14);cursor:default;}
.i8w-eil-customrow .i8w-eil-check-row{flex-wrap:wrap;}
.i8w-eil-cal-ico{font-size:15px;}
.i8w-eil-customrow-label{color:#4f46e5;}
.i8w-eil-customrow input[type=date]{padding:6px 9px;border:1px solid #c7d2fe;border-radius:9px;background:#fff;font:inherit;font-weight:600;font-size:13px;color:#1e293b;margin-right:auto;}
.i8w-eil-customrow .i8w-btn-small{padding:6px 14px;font-size:12.5px;border-radius:9px;border:0;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:800;font-family:inherit;}
.i8w-eil-customrow .i8w-btn-small:hover{filter:brightness(1.07);}
.i8w-eil-picked-hint{width:100%;font-size:12px;font-weight:700;color:#4f46e5;margin-top:6px;}
/* A moment that just entered the list (new card or a reused existing option) flashes once. */
.i8w-eil-newflash{animation:i8wEilFlashIn 1.6s ease 1;}
@keyframes i8wEilFlashIn{0%{box-shadow:0 0 0 3px rgba(124,58,237,.45);transform:translateY(-2px);}100%{box-shadow:0 6px 20px rgba(99,102,241,.26);transform:none;}}
/* Mobile: the date field and the button spread to full-width rows, easy for a thumb. */
@media (max-width:600px){
  .i8w-eil-customrow input[type=date]{flex:1 1 100%;margin-right:0;padding:11px 12px;font-size:14px;border-radius:10px;}
  .i8w-eil-customrow .i8w-btn-small{flex:1 1 100%;padding:11px;font-size:14px;border-radius:10px;}
}

/* §שינוי-מועדים + §5דגשים-1 — SAVED/locked mode: a stored pick keeps the EXISTING
   active gradient at the EXISTING disabled opacity (.55) — exactly the look the
   "143 ימים לפני האירוע" card has today (.is-selected + .is-disabled). No new
   colors: the same gradient, the same opacity, only reused. !important + the extra
   class in the selector beat event360-unified.css's active-selection rule. */
.i8w-eil-savedmode .i8w-eil-reminders-list,
.i8w-eil-savedmode .i8w-eil-gift-list{pointer-events:none;}
.i8w-eil-savedmode .i8w-eil-check:not(.is-selected):not(.is-sent):not(.i8w-eil-customrow){opacity:.45;}
.i8w-eil-savedmode .i8w-eil-customrow{display:none;}
/* (the :not(.i8w-eil-chg-item) keeps this SAVED-mode dimming away from the popup's
   own rows — there, an enabled row shows the full active tint and only a
   disabled row is dimmed, via its own .is-disabled) */
.i8w-eil-savedmode .i8w-eil-check.is-selected:not(.is-sent):not(.i8w-eil-chg-item),
label.i8w-eil-check.i8w-eil-freeze.is-selected:not(.is-sent){
  background:linear-gradient(135deg,#1e40af 0%,#4f46e5 60%,#7c3aed 100%) !important;
  color:#fff !important;border-color:transparent !important;
  box-shadow:0 6px 20px rgba(99,102,241,0.26) !important;
  opacity:.55;
}
.i8w-eil-savedmode .i8w-eil-check.is-selected:not(.is-sent):not(.i8w-eil-chg-item) .i8w-eil-check-date,
label.i8w-eil-check.i8w-eil-freeze.is-selected:not(.is-sent) .i8w-eil-check-date{color:rgba(255,255,255,.82) !important;}
/* §5דגשים-1 — the owner sees the DATE only, never the send hour — in every state
   (saved, editing, freshly picked). The hour keeps being computed, stored and
   re-balanced in the backend exactly as before; this hides its display only. */
#i8w_eil_reminders .i8w-eil-check-time{display:none !important;}
/* A saved slot that was NOT ticked in the chooser stays frozen during editing — still
   checked (so the save posts it unchanged), just untouchable, in the dark saved look. */
.i8w-eil-freeze{pointer-events:none;}
.i8w-eil-gift-list.i8w-eil-freeze{opacity:.75;}
/* §5דגשים-2 — "שמירת שינויים" follows the SCREEN MODE, one source of truth:
   in the saved/viewing state (the server-rendered savedmode class) it is ALWAYS
   in the saved tint (its own gradient at the existing .55 opacity) and unclickable —
   regardless of attribute or script timing. In edit mode it stays dimmed only while
   :disabled (no actual change yet) and turns fully active on the first real change. */
#i8w_eil_reminders.i8w-eil-savedmode .i8w-eil-actions button[type="submit"]{
  opacity:.55 !important;pointer-events:none !important;cursor:not-allowed;filter:none;
}
#i8w_eil_reminders_form .i8w-eil-actions button[type="submit"]:disabled{
  opacity:.55 !important;cursor:not-allowed;filter:none;
}
/* §5דגשים-3 — the chooser is a centered Popup: dark backdrop, white dialog. */
.i8w-eil-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;}
.i8w-eil-changepanel{width:100%;max-width:460px;max-height:82vh;overflow:auto;padding:16px;background:#fff;border:1px solid rgba(99,102,241,.2);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.35);}
.i8w-eil-changepanel-title{font-size:15px;font-weight:900;color:#1e293b;margin:0 0 10px;}
.i8w-eil-changepanel-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.i8w-eil-chg-item{cursor:pointer;}
/* A reminder that can no longer change (sent / date passed): unchecked, disabled,
   and in the "143 ימים" tint — the row's own is-selected gradient dimmed by the
   existing .is-disabled opacity (.55). No colors of its own. */
.i8w-eil-chg-item.is-disabled{cursor:default;pointer-events:none;}
.i8w-eil-changepanel-note{font-size:12.5px;font-weight:700;color:#64748b;line-height:1.6;margin:0 0 12px;}
/* §חסרים — the "עדיין לא בחרתם מועד עבור…" popup message. */
.i8w-eil-partialmsg{font-size:14px;font-weight:700;color:#1e293b;line-height:1.7;margin:0 0 14px;}

/* §מועד-מותאם — the separate service button under the "המועדים נשמרו" banner.
   Existing tokens only: the banner's border tint, the screen's accent text color,
   the pill shape of .i8w-btn. Opens the existing assistant chat. */
.i8w-eil-servicebtn-wrap{display:flex;justify-content:center;margin:0 16px 16px;}
.i8w-eil-servicebtn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(99,102,241,0.28);color:#4f46e5;border-radius:999px;padding:11px 26px;font-family:'Rubik',Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,0.06);}
.i8w-eil-servicebtn:hover{background:rgba(99,102,241,0.09);}
.i8w-eil-hoursnote{margin:8px 0 10px;font-size:12.5px;font-weight:700;color:#64748b;}

/* Credit-gift feature not included in the event's package: the timing radios render
   disabled (server-side) and this short note explains why. Display only. */
.i8w-eil-gift-blocked-note{margin:10px 2px 0;padding:10px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;font-weight:700;line-height:1.6;}
/* §תזכורת-למגיעים — the same box in its INFORMATIVE role (an event without the credit-gift
   feature picks the moment of the attendees reminder here; nothing is blocked). */
.i8w-eil-gift-info-note{margin:10px 2px 0;padding:10px 14px;border-radius:12px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;font-size:13px;font-weight:700;line-height:1.6;}

/* The whole gift card is inert for an event without the feature: dimmed, greyed and
   unclickable — only the explanation note above stays fully readable. Display only. */
.i8w-eil-panel--gift-locked{opacity:.8;}
.i8w-eil-panel--gift-locked .i8w-eil-gift-list .i8w-eil-check{opacity:.45;pointer-events:none;cursor:not-allowed;filter:grayscale(1);}
.i8w-eil-panel--gift-locked .i8w-eil-count-pill{opacity:.6;}
.i8w-eil-panel--gift-locked .i8w-eil-gift-blocked-note{opacity:1;filter:none;}