הקטנת תמונות>>>

/* =====================================================
   עיצוב מרהיב לתגובות פוסט - אלמנטור
   הדבק בְּ: מראה ← התאמה אישית ← CSS נוסף
   ===================================================== */

/* ---------- ייבוא גופן ---------- */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600&family=Playfair+Display:wght@600&display=swap');

/* ---------- משתנים גלובליים ---------- */
:root {
  --gold:      #c9a96e;
  --gold-soft: rgba(201, 169, 110, 0.18);
  --dark:      #12110f;
  --surface:   #1c1a16;
  --text-main: #f0ebe2;
  --text-muted: rgba(240, 235, 226, 0.55);
  --radius:    14px;
}

/* =====================================================
   עטיפה כללית
   ===================================================== */
.elementor-widget-post-comments,
#comments,
.comments-area {
  font-family: 'Assistant', sans-serif;
  background: var(--dark);
  border-radius: var(--radius);
  padding: 2.5rem 2rem;
  color: var(--text-main);
}

/* =====================================================
   כותרות
   ===================================================== */
.comments-area h2,
.comments-area .comments-title,
#reply-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--text-main);
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: .75rem;
}

.comments-area h2::after,
.comments-area .comments-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), transparent);
  border-radius: 2px;
}

/* =====================================================
   רשימת תגובות
   ===================================================== */
.comments-area ol.comment-list,
.comment-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* =====================================================
   כרטיס תגובה בודדת
   ===================================================== */
.comment-body,
.comment {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(201, 169, 110, 0.18);
  border-radius: var(--radius);
  padding: 1.5rem 1.75rem;
  position: relative;
  overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.comment-body::before,
.comment::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.5), transparent);
  opacity: 0;
  transition: opacity .3s ease;
}

.comment-body:hover,
.comment:hover {
  border-color: rgba(201, 169, 110, 0.45);
  box-shadow: 0 8px 32px rgba(201, 169, 110, 0.12);
  transform: translateY(-2px);
}

.comment-body:hover::before,
.comment:hover::before {
  opacity: 1;
}

/* ---------- אווטאר ---------- */
.comment-author .avatar,
.comment img.avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(201, 169, 110, 0.35) !important;
  filter: grayscale(20%);
  transition: border-color .3s, filter .3s;
}

.comment:hover img.avatar {
  border-color: var(--gold) !important;
  filter: grayscale(0%);
}

/* ---------- שם מחבר ---------- */
.comment-author .fn,
.comment-author b {
  font-size: .9rem;
  font-weight: 600;
  color: var(--gold);
  text-decoration: none !important;
}

/* ---------- תאריך ---------- */
.comment-metadata,
.comment-meta time {
  font-size: .78rem;
  color: var(--text-muted);
  margin-top: 2px;
  display: block;
}

.comment-metadata a,
.comment-meta a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color .2s;
}

.comment-metadata a:hover { color: var(--gold); }

/* ---------- תוכן התגובה ---------- */
.comment-content p,
.comment-text p {
  font-size: .95rem;
  line-height: 1.8;
  color: rgba(240, 235, 226, 0.8);
  font-weight: 300;
  margin-top: .75rem;
}

/* ---------- כפתור השב ---------- */
.comment-reply-link,
.reply a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .8rem;
  font-weight: 500;
  color: var(--gold);
  text-decoration: none;
  background: var(--gold-soft);
  border: 1px solid rgba(201, 169, 110, 0.3);
  border-radius: 20px;
  padding: 4px 14px;
  margin-top: .75rem;
  transition: background .25s, border-color .25s, transform .2s;
}

.comment-reply-link:hover,
.reply a:hover {
  background: rgba(201, 169, 110, 0.28);
  border-color: var(--gold);
  transform: translateX(-2px);
}

/* ---------- תגובות מקוננות ---------- */
.comment-list .children {
  list-style: none;
  padding-right: 2rem;
  margin-top: 1rem;
  border-right: 2px solid rgba(201, 169, 110, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.children .comment-body,
.children .comment {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(201, 169, 110, 0.12);
}

/* =====================================================
   מספר תגובות
   ===================================================== */
.comments-count,
span#comments-count {
  color: var(--gold);
  font-weight: 600;
}

/* =====================================================
   הפרדה בין רשימה לטופס
   ===================================================== */
.comment-respond,
#respond {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(201, 169, 110, 0.15);
}

/* =====================================================
   טופס הוספת תגובה
   ===================================================== */
.comment-form label {
  display: block;
  font-size: .82rem;
  font-weight: 500;
  color: var(--gold);
  letter-spacing: .5px;
  margin-bottom: .4rem;
}

.comment-form input,
.comment-form input,
.comment-form input,
.comment-form textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(201, 169, 110, 0.25);
  border-radius: 10px;
  padding: .75rem 1rem;
  color: var(--text-main);
  font-family: 'Assistant', sans-serif;
  font-size: .95rem;
  font-weight: 300;
  transition: border-color .25s, background .25s, box-shadow .25s;
  outline: none;
  box-sizing: border-box;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: var(--gold);
  background: rgba(201, 169, 110, 0.07);
  box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.12);
}

.comment-form textarea {
  min-height: 130px;
  resize: vertical;
}

.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: rgba(240, 235, 226, 0.3);
  font-weight: 300;
}

/* ---------- כפתור שליחה ---------- */
.comment-form input,
.form-submit .submit {
  background: linear-gradient(135deg, #c9a96e, #a07840);
  color: #0f0e0d;
  border: none;
  border-radius: 10px;
  padding: .75rem 2.25rem;
  font-family: 'Assistant', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: .5px;
  transition: opacity .25s, transform .2s, box-shadow .25s;
  box-shadow: 0 4px 18px rgba(201, 169, 110, 0.3);
}

.comment-form input:hover,
.form-submit .submit:hover {
  opacity: .9;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(201, 169, 110, 0.4);
}

.comment-form input:active,
.form-submit .submit:active {
  transform: translateY(0);
}

/* ---------- שורות טופס ---------- */
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
  margin-bottom: 1.25rem;
}

/* ---------- שורה כפולה (שם + מייל) ---------- */
@media (min-width: 600px) {
  .comment-form .comment-form-author,
  .comment-form .comment-form-email {
    display: inline-block;
    width: 48%;
  }
  .comment-form .comment-form-email { margin-right: 4%; }
}

/* =====================================================
   ניווט תגובות (דפדוף)
   ===================================================== */
.comments-pagination,
.comment-navigation {
  display: flex;
  justify-content: center;
  gap: .75rem;
  margin-top: 2rem;
}

.comments-pagination a,
.comment-navigation a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(201, 169, 110, 0.3);
  color: var(--gold);
  font-size: .9rem;
  text-decoration: none;
  transition: background .2s, border-color .2s;
}

.comments-pagination a:hover,
.comment-navigation a:hover {
  background: var(--gold-soft);
  border-color: var(--gold);
}

/* =====================================================
   תגובה מושבתת / ממתינה לאישור
   ===================================================== */
.comment-awaiting-moderation {
  font-size: .8rem;
  color: var(--text-muted);
  font-style: italic;
  margin-top: .4rem;
}

/* =====================================================
   רספונסיבי
   ===================================================== */
@media (max-width: 600px) {
  .elementor-widget-post-comments,
  #comments,
  .comments-area {
    padding: 1.5rem 1rem;
  }

  .comment-body,
  .comment {
    padding: 1.25rem 1rem;
  }

  .children .comment-body,
  .children .comment {
    padding-right: .75rem;
  }

  .comment-list .children {
    padding-right: 1rem;
  }
}

/* =====================================================
   אנימציית כניסה בגלילה (JavaScript נדרש — ראה הוראות)
   ===================================================== */
.nv-comment-hidden {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s ease, transform .6s ease;
}

.nv-comment-hidden.nv-comment-show {
  opacity: 1;
  transform: translateY(0);
}

• אשכול הענבים: האשכול בנוי מכדורים כדוריים קטנים ומלוטשים רבים, המסודרים בצפיפות ליצירת צורת האשכול האופיינית.

  • הכדורים משקפים את האור בצורה עזה, מה שמעניק להם מראה מתכתי מבריק ויוקרתי של זהב.

• הגבעול והעלים: בחלקו העליון של האשכול, גבעול עבה ומתכתי מחזיק את הכדורים.

  • לגבעול מחוברים מספר עלי גפן מעוצבים ומפורטים, גם הם בגימור זהוב.

  • ניכר כי העיצוב כולל גם קנוקנות (ה"זרועות" המתפתלות של הגפן) קטנות ומעוקלות, המוסיפות ריאליזם אמנותי לפריט הדקורטיבי.

• הרקע והאפקט: הפריט מוצג על רקע לבן לחלוטין, מה שמדגיש את הברק הזהוב ואת צורת האשכול. הניגוד בין הזהב הנוצץ לרקע הבהיר יוצר מראה מרשים ומפוסל.

לסיכום, זהו אשכול ענבים אמנותי או תכשיט מוגדל, בעל גימור זהב מבריק, המדמה פרי גפן בשלמותו.

• התבשיל:

  • מרכיבים מרכזיים בתבשיל כוללים שעועית מסוגים שונים (אדומה ובהירה), נתחי בשר בקר גדולים ועבים, וקוביות תפוחי אדמה.

  • התבשיל נראה סמיך מאוד ובעל צבע חום-אדמדם עמוק, המעיד על בישול ארוך בנוזל מתובל.

• הבשר: נתחי הבשר מונחים בחלקו העליון של התבשיל ונראים צרובים קלות או מבושלים היטב, עם שוליים כהים ומרכז שנראה רך.

• תוספות: בחלק העליון של התבשיל, מעל יתר המרכיבים, מונחים מספר רקיקים או כופתאות מעוגלות ושטוחות בצבע זהוב-חום בהיר.

• אדים: אדים עולים מתוך הסיר, במיוחד בחלקו העליון משמאל, המעידים על כך שהתבשיל חם מאוד והוכן זה עתה או נשמר חם.

• הרקע: הסיר והתבשיל מצולמים על רקע לבן ואחיד, מה שמבליט את צבעי המנה ואת האדים.

לסיכום, התמונה מציגה סיר של תבשיל חם, בשרי, סמיך ומבושל, עם שעועית, תפוחי אדמה ורקיקים מעל, כשהאדים עולים ממנו.

• מבנה מרכזי (העולם): זהו כדור גדול וכהה עם חור עגול במרכזו, היוצר צורת טבעת או כדור חלול.

• הסביבה החיצונית (השכונה): שפת הטבעת העליונה מכוסה דשא ירוק, עצים מוריקים ודרך סלולה שיוצרת מעגל שלם. לאורך הדרך מפוזרים בתי מגורים קטנים וצבעוניים רבים (בתים כפריים וציוריים), המרמזים על קהילה שלווה.

• החלק הפנימי (הליבה הלוהטת): בתוך הבור המרכזי של הטבעת, משתרעת לבה לוהטת ומבעבעת בגוונים של כתום ואדום בוהק. במרכז הליבה נראה אור בהיר יותר (אולי דמות קטנה או התפרצות אנרגיה).

• השסע והמים: חלקו התחתון של הכדור סדוק, וסדקים זוהרים של לבה זורמים החוצה אל מים גועשים וגליים שעליהם ניצב העולם. המים מעוצבים בגווני כחול עמוק ומקוצפים בלבן.

• הרקע (החלל): הסצנה מתרחשת תחת שמי לילה אפיים, מלאים בכוכבים נוצצים ובמעטפת של עננים כהים ודרמטיים.

• מבנה העוגה: זוהי עוגה שכבתית הניכרת בגובהה. השכבה התחתונה היא ציפוי שמנת/קרם לבן חלק. מעל שכבת הקרם הלבנה, נראית שכבה של פירורים או תערובת פריכה בגוון כתום-בז' נוצץ (אולי פירורי עוגת ספוג או ביסקוויטים).

• קישוט תחתון (בסיס): בסיס העוגה מעוטר בפס עבה ומרשים של נצנצים מוזהבים מבריקים, המוסיפים נופך יוקרתי ומפואר.

• הציפוי העליון (דריפינג): חלקה העליון של העוגה מכוסה בציפוי גלאסאז' (Glaze) ורוד בהיר ומבריק, אשר נוטף בחן רב בצורת טיפות עבות כלפי מטה (Drip Cake).

• קישוט עליון: שפת העוגה מעוטרת בשורה של נשיקות מרנג קטנות ומעוצבות בצבע ורוד עדין.

  • קישוט נוסף: בין נשיקות המרנג משולבים כדורי סוכר זהובים קטנים ונוצצים.

• הדובדבנים: מעל הציפוי והקישוטים, העוגה מעוטרת בנדיבות בדובדבנים טריים ובוהקים בצבע אדום עמוק, הניצבים על ענפיהם הדקים. דובדבנים נוספים נראים מונחים לרגלי העוגה.

• האווירה: התמונה מעוצבת בצורה אסתטית ונקייה, המדגישה את הצבעוניות, השפע והמתיקות של המאפה.