/* ==========================================================================
   ALMA Core v7.0 | The "No More Drama" Release
   ==========================================================================
   1. חזרה לפיקסלים (PX) במובייל בלבד -> כדי להבטיח יציבות מוחלטת
   2. תיקון ה-Header: הכל בשורה אחת, מרווח ומדויק
   3. נשמר: עיצוב נוזלי למחשב, המבורגר, מניעת גלילה
   ========================================================================== */

/* --- פרק 1: משתנים --- */
:root {
  /* במחשב אנחנו עדיין נוזליים ויפים */
  --s-1: clamp(0.75rem, 0.7rem + 0.5vw, 1.5rem); 
  --r-pill: 999px; 
  --fs-0: clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --c-primary: var(--e-global-color-primary, #3BB6B2);
  --c-secondary: var(--e-global-color-secondary, #5FA8D3); 
  --c-accent: var(--e-global-color-accent, #9FE0DD);
  --c-text: var(--e-global-color-text, #0F172A);
}

/* --- פרק 2: איפוס --- */
*, *::before, *::after { box-sizing: border-box; }

/* חגורת הבטיחות (חובה!) */
html, body {
    overflow-x: hidden; width: 100%; margin: 0; padding: 0;
    font-size: var(--fs-0); color: var(--c-text);
}
a { color: inherit; text-decoration: none; }

/* --- פרק 3: הכפתור (Desktop - נשאר נוזלי) --- */
.c-button .elementor-button {
  isolation: isolate; position: relative;
  background: transparent !important; border: none !important;
  white-space: nowrap !important; 
  display: inline-flex; align-items: center; justify-content: center;
  gap: 0.6em; padding: 0.75em 1.5em; min-height: 3em; 
  border-radius: var(--r-pill);
  color: #ffffff !important; font-weight: 600;
  overflow: hidden; z-index: 1;
  transition: all 0.4s ease;
}

.c-button .elementor-button::after {
  content: ""; position: absolute; inset: 0; z-index: -2; 
  background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%);
}
.c-button .elementor-button::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-secondary) 100%);
  transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (min-width: 768px) {
    .c-button .elementor-button:hover { gap: 1.2em; padding-inline: 2.2em !important; }
    .c-button .elementor-button:hover::before { transform: scaleX(1); }
}
html[dir="rtl"] .c-button .elementor-button::before { transform-origin: right; }

/* --- פרק 4: מובייל וטאבלט (PIXEL PERFECT FIX) --- */
/* כאן השינוי הגדול: עוברים לפיקסלים כדי שהטלפון שלך יקשיב! */
@media (max-width: 1024px) {
    
    /* 1. Header Container - נועלים אותו */
    [data-elementor-type="header"] .elementor-container,
    [data-elementor-type="header"] .e-con {
        padding-left: 15px !important;  /* רווח קבוע בפיקסלים */
        padding-right: 15px !important; /* רווח קבוע בפיקסלים */
        width: 100% !important;
        flex-wrap: nowrap !important; /* שורה אחת בלבד */
        gap: 5px !important; /* רווח מינימלי בין האלמנטים */
    }

    /* 2. הכפתור - קטן וממזר */
    .c-button .elementor-button {
        font-size: 13px !important; /* גודל פונט קבוע */
        padding: 6px 12px !important; /* ריפוד קטן */
        min-height: 32px !important;  /* גובה נמוך */
        height: 32px !important;
        gap: 5px !important;
        width: auto !important;
        
        /* צבע קשיח ויציב */
        background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%) !important;
        opacity: 1 !important;
    }
    
    .c-button .elementor-button-icon {
        font-size: 14px !important; /* אייקון קטן */
        margin-right: 0 !important;
    }

    /* 3. המבורגר - ברור אבל לא ענק */
    .elementor-menu-toggle {
        font-size: 24px !important; /* פיקסלים! לא REM */
        padding: 5px !important;
        margin-left: 5px !important;
        background: transparent;
        border: none;
        width: auto !important;
    }
    
    /* ניקוי רעשים */
    .c-button .elementor-button::before { display: none !important; }
}