/* משטחי מדיה — מקור אמת אחד לרקע שמאחורי תמונות מוצר ועבודה.
 *
 * ⚠️ למה קובץ ולא כלל בכל עמוד: הכללים האלה שוכפלו בין חמישה
 * קבצי HTML, ותיקון של עותק אחד השאיר את השאר על גוון שמנת.
 * זה קרה בפועל, פעמיים. כאן זה מקום אחד.
 *
 * למה לבן: object-fit:contain משאיר פסים בכל תמונה שיחסה שונה
 * מהמסגרת, ובגוון שמנת הם נקראים כמסגרת מכוונת סביב המוצר
 * במקום כרקע. הטוקנים --band-1 ו---band-2 הם רקעי האתר ואינם
 * משתנים — הלבן חל על מכל המדיה בלבד, לא על הכרטיס ולא על
 * הטקסט שמתחתיו.
 *
 * ⚠️ הקובץ נטען **אחרי** ה-<style> של כל עמוד. הסלקטורים כאן
 * הם מחלקה יחידה, ולכן בסגוליות שווה הקובץ המאוחר מנצח. הזזה
 * שלו למעלה תשבור את זה בשקט.
 */

.p-media,            /* כרטיס מוצר — products / category / product */
.gal-main,           /* התמונה הראשית בדף המוצר */
.gal-thumb,          /* הממוזערות מתחתיה */
.cat-tile,           /* אריח קטגוריה בקרוסלת הגלריה */
.w-card,             /* כרטיס עבודה בגריד הגלריה */
.hero-img,           /* ההירו בדף העבודה */
.lb-media {          /* התמונה בלייטבוקס */
  background: var(--white);
}

/* מצבי הביניים שומרים על רקע נבדל בכוונה: "התמונה בדרך" צריך
   להיקרא כמשטח ממתין ולא כתמונה לבנה ריקה. */
.p-noimg, .w-noimg, .gal-none, .sk, .sk-tile {
  background: var(--band-2);
}

/* ===== G1 — הקישורים המשפטיים בכל עמוד, לא רק בעמוד הבית =====
   ⚠️ **חוסם משפטית בישראל, לא קוסמטי.** נמדד ב-19/09/2026 על שנים-עשר
   עמודי HTML: רק חמישה נשאו את שלושת הקישורים (index, 404, ושלושת
   העמודים המשפטיים עצמם), ולשישה — about, category, product, products,
   project, projects — היה פוטר בן שורה אחת בלי אף קישור. אתר שיש לו
   הצהרת נגישות שאי אפשר להגיע אליה מרוב עמודיו אינו עומד בדרישה.
   ⚠️ הכלל יושב ב-media-surface.css מפני שזהו **הגיליון היחיד שכל
   שמונת העמודים האלה טוענים** — כל מקום אחר היה דורש שכפול. */
.foot-legal{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center;
  margin-top:10px;font-size:0.8125rem}
/* ⚠️ 44px גובה יעד מגע — הקישורים האלה נלחצים בטלפון, ו-22px
   היו מתחת לרף של WCAG 2.5.5. הריפוד הוא מה שנותן את הגובה. */
.foot-legal a{display:inline-flex;align-items:center;min-height:44px;
  padding:0 2px;text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:rgba(43,37,33,.28)}
.foot-legal a:hover{text-decoration-color:currentColor}