/* ===== Theme Tokens (אפשר לשנות לצבעי מיתוג) ===== */
:root{
  --moa-bg:#ffffff;
  --moa-surface:#ffffff;
  --moa-border:#e5e7eb;
  --moa-text:#0f172a;
  --moa-muted:#6b7280;
  --moa-primary:#215387;
  --moa-primary-weak:#eef5fd;
  --moa-success:#0a7a00;
  --moa-danger:#b10000;
  --moa-radius:14px;
  --moa-gap:16px;

  /* צבע כותרות (נראה על רקע לבן) */
  --moa-heading:#0f172a;

  /* אייקון סימן קריאה */
  --moa-info-bg:#61CE70;
  --moa-info-fg:#ffffff;
}

/* בסיס כללי */
.moa-wrap{
  font-family:inherit;
  max-width:1100px;
  margin:0 auto;
  color:var(--moa-text);
}
.moa-title{
  margin:0 0 14px;
  font-size:28px;
  line-height:1.25;
  color:var(--moa-heading) !important;
}
.moa-hint{
  color:var(--moa-muted);
  font-size:14px;
}

/* H2 כלליות בתוך מעטפת התוסף */
.moa-wrap h2{
  color:var(--moa-heading) !important;
  margin:0 0 14px;
  line-height:1.25;
}

/* שורות וטפסים */
.moa-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0;
}
.moa-label{min-width:160px}
.moa-select,
.moa-field,
.moa-input{
  padding:10px 12px;
  font-size:16px;
  border:1px solid var(--moa-border);
  border-radius:10px;
  background:#fff;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
}
.moa-select:focus,
.moa-field:focus,
.moa-input:focus{
  border-color:var(--moa-primary);
  box-shadow:0 0 0 3px var(--moa-primary-weak);
}

/* קטגוריות */
.moa-category{margin:22px 0}
.moa-category-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.moa-cat-title{
  margin:0 0 8px;
  font-size:22px;
  color:var(--moa-heading) !important;
}
.moa-remaining{
  font-size:14px;
  color:var(--moa-muted);
}
.moa-empty{color:var(--moa-danger)}

/* גריד קלפים */
.moa-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:var(--moa-gap);
}
.moa-card{
  border:1px solid var(--moa-border);
  border-radius:var(--moa-radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:var(--moa-surface);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:transform .12s,box-shadow .12s;
}
.moa-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
.moa-card-media{
  aspect-ratio:4/3;
  background:#f6f7f9;
  display:flex;
  align-items:center;
  justify-content:center;
}
.moa-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.moa-placeholder{
  color:#777;
  font-size:14px;
}
.moa-card-body{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* ===== שם הווריאציה – ברירת מחדל לא מודגש ===== */
.moa-item-name{
  font-weight:400 !important;
}
.moa-item-desc{
  margin:0;
  color:#555;
  font-size:14px;
  min-height:36px;
}
.moa-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
}
.moa-price{font-weight:700}

/* כמות וכפתורים */
.moa-qty{
  display:flex;
  align-items:center;
  gap:6px;
}
.moa-btn{
  width:36px;
  height:36px;
  border:1px solid var(--moa-border);
  background:#fafafa;
  border-radius:10px;
  cursor:pointer;
  font-size:18px;
  line-height:32px;
  transition:background .15s,border-color .15s;
}
.moa-btn:hover{background:#f0f2f4}
.moa-btn.moa-disabled{
  opacity:.5;
  pointer-events:none;
}
.moa-input.qty{
  width:62px;
  text-align:center;
}

/* סיכום והגשה – בסיס */
.moa-sep{
  margin:22px 0;
  border:none;
  height:1px;
  background:var(--moa-border);
}
.moa-summary-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:10px;
}
.moa-total{
  font-size:18px;
  font-weight:800;
}
.moa-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}
.moa-submit{
  background:var(--moa-primary);
  color:#fff;
  border:0;
  padding:12px 18px;
  border-radius:12px;
  cursor:pointer;
  font-weight:600;
  transition:filter .15s,transform .06s;
}
.moa-submit:hover{filter:brightness(1.05)}
.moa-submit:active{transform:translateY(1px)}
.moa-msg{font-size:14px}
.moa-msg.ok{color:var(--moa-success)}
.moa-msg.err{color:var(--moa-danger)}

/* ===== אייקון מידע (סימן קריאה) ===== */
.moa-info-icon{
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--moa-info-bg) !important;
  color:var(--moa-info-fg) !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:16px;
  line-height:1;
  cursor:pointer;
  border:0 !important;
  outline:0 !important;
  background-image:none !important;
  box-shadow:none !important;
}
.moa-info-icon svg,
.moa-info-icon svg path,
.moa-info-icon *[fill]{
  fill:var(--moa-info-fg) !important;
  color:var(--moa-info-fg) !important;
}
.moa-info-icon,
.moa-info-icon *{
  background-image:none !important;
}

/* ===== FORCE: ביטול הדגשה בתוך טבלת הווריאציות (גם strong/b) ===== */
#moa-order-form .moa-col table tr.moa-item td .moa-item-name,
#moa-order-form .moa-col table tr.moa-item td .moa-item-name *,
#moa-order-form .moa-col table tr.moa-item td .moa-item-name strong,
#moa-order-form .moa-col table tr.moa-item td .moa-item-name b,
#moa-order-form .moa-col table tr.moa-item td.moa-cell--name,
#moa-order-form .moa-col table tr.moa-item td.moa-cell--name *{
  font-weight:400 !important;
}

/* רספונסיביות קלה */
@media (max-width:640px){
  .moa-label{min-width:120px}
  .moa-title{font-size:24px}
}

/* H2 – משקל וגודל כלליים */
.moa-wrap h2{
  font-weight:400 !important;
  font-size:26px !important;
}

/* ===== טיפוגרפיה בפופאפ תיאור וריאציה ===== */
.moa-popup,
.moa-modal,
.moa-info-popup,
.moa-variant-popup,
#moa-popup,
#moa-modal,
#moa-info-popup,
#moa-variant-popup{
  direction:rtl !important;
  text-align:right !important;
  color:#222 !important;
}

/* גוף התוכן של הפופאפ */
.moa-popup *,
.moa-modal *,
.moa-info-popup *,
.moa-variant-popup *{
  font-size:18px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
  color:inherit !important;
  white-space:normal !important;
}

/* כותרת הפופאפ */
.moa-popup h2,
.moa-modal h2,
.moa-info-popup h2,
.moa-variant-popup h2,
.moa-popup .moa-title,
.moa-modal .moa-title{
  font-size:22px !important;
  font-weight:700 !important;
  margin:0 0 10px !important;
  color:#b71c1c !important;
}

/* פריסת תמונה + טקסט */
.moa-popup .moa-body,
.moa-modal .moa-body,
.moa-info-popup .moa-body{
  display:flex !important;
  gap:16px !important;
  align-items:flex-start !important;
}

/* תמונה בפופאפ */
.moa-popup img,
.moa-modal img,
.moa-info-popup img{
  max-width:240px !important;
  height:auto !important;
  border-radius:8px !important;
  margin-inline-start:12px !important;
}
.moa-popup .moa-body{
  padding:20px !important;
  gap:20px !important;
}
.moa-popup p{
  margin:0 0 10px !important;
}

/* ==== התאמות טקסט סיכום הזמנה (פונטים) ==== */
#moa-limits-summary{
  font-size:15px;     /* טקסט המגבלות */
}
.moa-summary-list{
  font-size:15px;
}
.moa-summary-list ul li{
  font-size:15px;
}

/* שורת סך הכל – בלי בולד */
.moa-total{
  font-size:18px;
  font-weight:400;    /* 400 = רגיל */
}

/* ===== סיכום הזמנה – פתיחה/סגירה עם + / − ===== */

/* מעטפת ה-details של הסיכום */
.moa-wrap details.moa-summary{
  margin-top:20px;
  border-radius:10px;
}

/* שורת הכותרת שנלחצת */
.moa-wrap details.moa-summary > summary.moa-summary-toggle{
  list-style:none;
  cursor:pointer;
  padding:10px 14px;
  font-size:18px;          /* פונט גדול יותר לכותרת */
  font-weight:600;
  color:var(--moa-heading);
  border-radius:10px;
  background:#f6f7f9;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* הסתרת החץ הדפדפני */
.moa-wrap summary.moa-summary-toggle::-webkit-details-marker{
  display:none;
}
.moa-wrap summary.moa-summary-toggle::marker{
  content:"";
}

/* אייקון +/− */
.moa-summary-icon{
  margin-right:8px;
}
.moa-summary-icon::before{
  content:"+";
  font-weight:700;
  font-size:20px;
}

/* כשהסיכום פתוח – להפוך ל־− */
.moa-wrap details.moa-summary[open] .moa-summary-icon::before{
  content:"−";
}

/* תוכן הפאנל שנפתח */
.moa-summary-panel{
  padding:10px 14px 0;
}