/* ============================================================
   MOBILE RESPONSIVENESS - LDS STUDIO
   ============================================================ */

/* Mobile Breakpoint - 1024px & Down */
@media (max-width: 1024px) {
    
    /* --- 1. Mobile Header & Burger --- */
    .header-desktop {
        display: none !important;
    }

.header-mobile {
        display: flex;
        justify-content: flex-end; 
        align-items: center;
        padding: 0 20px; /* הורדת ה-padding מלמעלה כדי לשלוט בגובה המדויק */
        
        background: transparent; /* שקוף בבסיס */
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        
        position: fixed; /* חוזר ל-fixed כדי שילווה את הגלילה */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        height: 60px;
        transition: background 0.3s ease; /* אנימציה חלקה לשינוי צבע */
		
		/* התיקון כאן: */
    direction: ltr; 
    }

    .burger {
        background: none;
        border: none;
        color: white;
        font-size: 30px;
        cursor: pointer;
        z-index: 1001;
        outline: none;
    }

    /* תפריט הניווט - עולה למעלה */
    .mobile-nav {
        display: none; 
        flex-direction: column;
        position: fixed;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.98); 
        /* צמצום משמעותי של המרווח מהתקרה */
        padding-top: 20px; 
        text-align: center;
        z-index: 999;
        overflow-y: auto;
    }
	
.mobile-nav-logo {
        width: 220px;          /* הגדלה מ-140px ל-180px */
        height: auto;
        margin: 0 auto 15px auto; /* צמצום הרווח מהלינקים ל-15px */
		margin-top: -15px;
		margin-bottom: 10px;
        display: block;
        filter: drop-shadow(0px 0px 10px rgba(51, 102, 255, 0.4));
    }
	
	.mobile-nav a {
        font-size: 1.1rem;
        padding: 12px 0;      /* צמצום ה-padding של הלינקים */
        display: block;
        color: white;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        letter-spacing: 1px;
    }
	
	.mobile-nav a:last-of-type {
        border-bottom: none;
    }

    .mobile-nav a:last-child {
        border-bottom: none;
    }

    /* --- 7. Floating Icons & Back to Top --- */
    .floating-contact {
        right: 15px;
        bottom: 15px;
        gap: 10px;
    }

    .floating-contact img {
        width: 45px;
        height: 45px;
    }

    .back-to-top {
        left: 15px;
        bottom: 15px;
        width: 35px;
        height: 35px;
    }

    /* ---
	

@media (max-width: 1024px) {

    /* --- התאמת האייקונים הצפים (WhatsApp & Email) --- */
    .floating-contact {
        right: 15px;  /* קצת יותר קרוב לקצה המסך */
        bottom: 30px; /* קצת יותר נמוך כדי שלא יפריעו במרכז */
        gap: 12px;    /* צמצום המרווח ביניהם (היה 20px) */
    }

    .floating-contact img {
        width: 40px;  /* הקטנה משמעותית מ-60px ל-45px */
        height: 40px;
        /* הגנה למובייל: גלואו עדין יותר כדי שלא ייראה כמו כתם כחול */
        filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.3));
    }

    /* במובייל אין "Hover" עם עכבר, אז כדאי להוסיף אפקט לחיצה (Active) */
    .floating-contact img:active {
        transform: scale(0.9); /* הכפתור יתכווץ מעט כשלוחצים עליו */
        transition: transform 0.1s ease;
    }
}

/* למכשירים ממש קטנים, אפשר להקטין אפילו ל-40px */
@media (max-width: 360px) {
    .floating-contact img {
        width: 35px;
        height: 35px;
    }
}