/**
 * HealthyClick - תיקוני פריסה לעמוד הפרופיל (/user/{slug}/)
 *
 * שכבת תיקון מעל העיצוב שיושב כרגע ב-<style> של תבנית התמה
 * (hello-elementor/ultimate-member/templates/). כל עוד התבנית שם, הכללים כאן
 * חייבים !important: ה-style של התבנית מודפס בגוף העמוד, כלומר אחרי גיליון
 * שנטען ב-head, ולכן מנצח אותו בסדר המקורות.
 * כשהתבנית תעבור לתוך התוסף - למחוק את ה-!important ולמזג לתוך המקור.
 */

/* ============================================================
   מובייל וטאבלט: עמודת התוכן לא נמתחת לפי התוכן הרחב שבתוכה
   ============================================================
   התבנית מגדירה ב-max-width:1024px את grid-template-columns: 1fr.
   ב-CSS Grid, `1fr` הוא `minmax(auto, 1fr)`, וה-auto התחתון נקבע לפי
   min-content של הילד הרחב ביותר. סרגל תמונות הגלריה (flex nowrap,
   10 תמונות x 52px + 8px רווח) נותן min-content של 592px, ולכן המסילה
   גדלה ל-592px בתוך מכל של 335px. התוצאה: עמודת התוכן כולה יוצאת מהמסך
   ונחתכת בשקט ע"י ה-overflow-x:hidden של האלמנטור ושל ה-body - בלי אפילו
   גלילה אופקית שתגלה שהתוכן שם. נמדד: 6 תמונות גלריה ומעלה שוברות עמוד
   ברוחב 375px.

   minmax(0, 1fr) מוריד את הרצפה ל-0, ולכן המסילה לא יכולה לעבור את המכל.
   min-width:0 על הילדים מנטרל את אותו מנגנון ברמת פריט ה-grid עצמו. */
@media (max-width: 1024px) {
    .hc-profile-content {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hc-profile-content > * {
        min-width: 0 !important;
    }
}

/* סרגל התמונות: מכאן הוא באמת נגלל אופקית בתוך עצמו, כמו שה-overflow-x:auto
   של התבנית התכוון, במקום להרחיב את העמוד שמסביבו. */
.hc-gallery-thumbs {
    min-width: 0;
    max-width: 100%;
}