/* יבוא הפונט Open Sans מ-Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* =========================================
   משתנים גלובליים ועיצוב בסיסי
========================================= */
:root {
    --primary-color: #1b3a57;
    --secondary-color: #f39c12;
    --bg-color: #f4f6f9;
    --text-color: #333;
}

/* החלת הפונט באופן גורף ואגרסיבי על כל האלמנטים באתר */
*, *::before, *::after { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    font-family: 'Open Sans', system-ui, sans-serif !important; 
}

body { 
    background-color: var(--bg-color); 
    
    /* הוספת רקע קווי מתאר טופוגרפיים עדין (שקוף) */
    background-image: url('https://www.transparenttextures.com/patterns/topography.png');
    background-attachment: fixed;
    
    color: var(--text-color); 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
}

/* =========================================
   Header (אזור הניווט העליון)
========================================= */
header.front-header {
    background-color: var(--primary-color);
    color: #fff;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
}

.front-header a { 
    color: #fff; 
    text-decoration: none; 
    margin: 0 10px; 
    font-weight: 500; 
    transition: color 0.3s;
}

.front-header a:hover { 
    color: var(--secondary-color); 
}

.mobile-btn { 
    display: none; 
    background: none; 
    border: none; 
    color: white; 
    font-size: 1.5rem; 
    cursor: pointer; 
}

@media (max-width: 768px) {
    .desktop-nav { display: none; }
    .mobile-btn { display: block; }
}

main.front-main { 
    flex: 1; 
    width: 100%; 
}

/* =======================================
   עיצוב עמוד בית בהשראת MGGP Aero (עברית + אנגלית)
======================================= */
.mggp-container, .mggp-container-en { max-width: 1400px; margin: 0 auto; width: 100%; padding: 0 20px; }
.mggp-container-en { direction: ltr; text-align: left; }

/* Hero Section */
.mggp-hero, .mggp-hero-en { height: 85vh; min-height: 600px; display: flex; align-items: center; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.3)), url('https://images.unsplash.com/photo-1524661135-423995f22d0b?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat; color: #fff; }
.mggp-hero { text-align: right; direction: rtl; }
.mggp-hero-en { text-align: left; direction: ltr; }
.mggp-hero h1, .mggp-hero-en h1 { font-size: 4.5rem; font-weight: 800; margin-bottom: 20px; text-transform: uppercase; line-height: 1.1; letter-spacing: -1px; }
.mggp-hero p, .mggp-hero-en p { font-size: 1.5rem; max-width: 700px; margin-bottom: 40px; font-weight: 300; }
.mggp-btn, .mggp-btn-en { display: inline-block; padding: 15px 40px; background: transparent; border: 2px solid #fff; color: #fff; font-size: 1.1rem; text-decoration: none; font-weight: 700; transition: all 0.3s ease; }
.mggp-btn:hover, .mggp-btn-en:hover { background: #fff; color: #1b3a57; }

/* Stats Section */
.mggp-stats-wrapper, .mggp-stats-wrapper-en { padding: 80px 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
.mggp-stats-wrapper-en { direction: ltr; }
.mggp-stats, .mggp-stats-en { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }
.mggp-stat-num, .mggp-stat-num-en { font-size: 4rem; font-weight: 800; color: #1b3a57; line-height: 1; margin-bottom: 10px; }
.mggp-stat-title, .mggp-stat-title-en { font-size: 1.1rem; color: #666; font-weight: 600; letter-spacing: 0.5px; }

/* Offer Grid Section */
.mggp-offers-wrapper, .mggp-offers-wrapper-en { padding: 100px 0; }
.mggp-offers-wrapper-en { direction: ltr; }
.mggp-section-title, .mggp-section-title-en { font-size: 3rem; color: #1b3a57; margin-bottom: 60px; text-align: center; font-weight: 800; }
.mggp-offers-grid, .mggp-offers-grid-en { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.mggp-offer-card, .mggp-offer-card-en { position: relative; height: 450px; overflow: hidden; display: flex; align-items: flex-end; padding: 50px; text-decoration: none; background-color: #1b3a57; background-size: cover; background-position: center; }
.mggp-offer-card-en { text-align: left; }
.mggp-offer-card::before, .mggp-offer-card-en::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 100%); transition: opacity 0.4s; }
.mggp-offer-card:hover::before, .mggp-offer-card-en:hover::before { background: linear-gradient(to top, rgba(27,58,87,0.9) 0%, rgba(27,58,87,0.3) 100%); }
.mggp-offer-content, .mggp-offer-content-en { position: relative; z-index: 2; color: #fff; transition: transform 0.4s; }
.mggp-offer-card:hover .mggp-offer-content, .mggp-offer-card-en:hover .mggp-offer-content-en { transform: translateY(-10px); }
.mggp-offer-content h3, .mggp-offer-content-en h3 { font-size: 2.2rem; margin-bottom: 15px; font-weight: 700; }
.mggp-offer-content p, .mggp-offer-content-en p { font-size: 1.1rem; line-height: 1.6; opacity: 0.9; margin: 0; max-width: 90%; }

/* Background images for offer grid */
.bg-aerial { background-image: url('https://images.unsplash.com/photo-1504681869696-d977211a5f4c?auto=format&fit=crop&w=1000&q=80'); }
.bg-lidar { background-image: url('https://images.unsplash.com/photo-1620317650508-3ab5e730a09b?auto=format&fit=crop&w=1000&q=80'); }
.bg-ground { background-image: url('https://images.unsplash.com/photo-1543286386-713bdd548da4?auto=format&fit=crop&w=1000&q=80'); }
.bg-cadaster { background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=80'); }

/* Tech Split Section */
.mggp-tech-wrapper, .mggp-tech-wrapper-en { 
    display: flex; 
    flex-wrap: wrap; 
    
    /* פקודות לשבירת המכולה (Container) ופריסה ל-100% רוחב מסך מקצה לקצה */
    width: 100vw; 
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
}
.mggp-tech-wrapper-en { direction: ltr; }
.mggp-tech-text, .mggp-tech-text-en { flex: 1; min-width: 300px; padding: 100px 10%; background: #1b3a57; color: #fff; display: flex; flex-direction: column; justify-content: center; }
.mggp-tech-text-en { text-align: left; }
.mggp-tech-image, .mggp-tech-image-en { flex: 1; min-width: 300px; min-height: 500px; background: url('https://images.unsplash.com/photo-1541887010469-8fba46816ea5?auto=format&fit=crop&w=1200&q=80') center/cover; }
.mggp-tech-text h2, .mggp-tech-text-en h2 { font-size: 3rem; margin-bottom: 25px; font-weight: 800; line-height: 1.1; }
.mggp-tech-text p, .mggp-tech-text-en p { font-size: 1.2rem; line-height: 1.8; margin-bottom: 30px; opacity: 0.9; }

/* Responsive */
@media (max-width: 992px) {
  .mggp-stats, .mggp-stats-en { grid-template-columns: repeat(2, 1fr); gap: 50px 20px; }
  .mggp-offers-grid, .mggp-offers-grid-en { grid-template-columns: 1fr; }
  .mggp-hero h1, .mggp-hero-en h1 { font-size: 3rem; }
  .mggp-tech-text, .mggp-tech-text-en { padding: 60px 20px; }
}
@media (max-width: 576px) {
  .mggp-stats, .mggp-stats-en { grid-template-columns: 1fr; }
  .mggp-hero, .mggp-hero-en { text-align: center; }
  .mggp-hero p, .mggp-hero-en p { margin: 0 auto 30px; }
}