:root {
  --primary: rgba(169, 200, 194);
  --primary-hover: rgba(95, 130, 135);
  --secondary: rgba(200, 166, 141);
  --secondary-hover: rgba(200, 166, 141);
  --neutral: rgba(200, 166, 141);
  --neutral-hover: rgba(241, 195, 139);
  --ff-body: "Assistant", sans-serif;
  --ff-heading: "Assistant", sans-serif;
}

/* פסקה ממורכזת בתוך message */
.card-message .message-content p.center {
  background-color: rgb(176 201 200 / 43%);
  width: 100%;
  max-width: 100%;
  text-wrap: balance;
  border-radius: 0.3rem;
}

/* לוגו עגול עם מסגרת */
.logo-img {
  border-radius: 50%;
  top: 85%;
  border: 4px solid aliceblue;
}

/* תמונת גיבור */
.card-main-image {
  background-position: bottom;
}
.card-main-image::before {
  background: transparent;
}

/* מפה – מוסתרת */
.card-map {
  display: none;
}

/* צבע טקסטים מרכזיים */
.card-location,
.card-title,
.card-name-h1,
.card-contact ul,
.qr-wrapper {
  color: black;
}

/* =========================
   רשימה מסודרת (ol) – מיספור מותאם
   ========================= */
.card-message .message-content ol {
  counter-reset: item;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1rem;
}

.card-message .message-content ol > li {
  position: relative;
  padding-right: 1.5rem;
}

.card-message .message-content ol > li::before {
  counter-increment: item;
  content: counter(item) " |";
  position: absolute;
  right: 0;
  top: 0.05em;
  font-size: 1.6rem;
  opacity: 0.85;
}

/* =========================
   רשימות לא מסודרות (ul)
   - הבדלה בין רשימה ראשית לפנימיות
   ========================= */

/* כל ה-UL: איפוס בסיסי */
.card-message .message-content ul {
  margin-bottom: 1rem;
  padding-right: 0;
}

/* כל LI בכל UL: ריווח עקבי */
.card-message .message-content ul li {
  position: relative;
  padding-right: 1.5rem;
}

/* ✅ הרשימה הראשית בלבד (ה-UL הישיר בתוך message-content) */
.card-message .message-content > ul > li::before {
  content: "✦";
  position: absolute;
  color: var(--primary);
  right: 0;
  top: 0;
  font-size: 1.5rem;
  opacity: 0.8;
}

/* ✅ רשימות פנימיות (UL בתוך UL או בתוך LI) */
.card-message .message-content ul ul li::before,
.card-message .message-content li ul li::before {
  content: "❍";
  position: absolute;
  right: 0;
  top: 0.2em;
  font-size: 0.95rem;
  opacity: 0.6;
}

/* כותרת לפני רשימה */
.card-message .message-content .ul-title {
  position: relative;
  margin-bottom: 0.3em;
}
.btn--whatsapp {
  background-color: #b6d9bb;
  color: black;
}
.card-contact ul {
  background-color: rgb(231 215 207);
}
.card-share .wrapper-share .btn--share:hover {
  background-color: rgb(231 215 207);
}
.section-title {
  font-size: var(--fs-600);
  line-height: 1.3;
}
.card-message .message-content .ul-title::after,
.section-title::after {
  content: "";
  position: absolute;
  bottom: -0.2em;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    var(--primary-hover),
    transparent
  );
}