/* Place Your Custom Styles Here */

/* --- حل مشكلة تداخل الشعار مع الناف بار --- */
@media (max-width: 991.98px) {
  .site-navbar .navbar-brand {
    display: block;
    margin: 0 auto 1.5rem auto !important;
    text-align: center;
    max-width: 70vw;
    float: none !important;
    clear: both;
  }
  .site-navbar .navbar-brand-img {
    max-height: 3.5rem;
    width: auto;
  }
  .site-navbar .navbar-collapse {
    width: 100%;
    margin: 0 auto;
    background: rgba(20, 30, 40, 0.98);
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    padding: 1rem 0.5rem;
    position: static;
  }
  .site-navbar .navbar-nav {
    align-items: center;
  }
  .site-navbar .nav-link {
    color: #fff !important;
    font-size: 1.1rem;
    padding: 0.7rem 1rem;
  }
  .site-navbar + section .container > .row:first-child > [class^="col"]:first-child h1,
  .site-navbar + section .container > .row:first-child > [class^="col"]:first-child h2 {
    margin-top: 2.5rem !important;
    display: block;
    clear: both;
  }
  /* إضافة هامش علوي للعناوين بعد الشعار */
  .ln-section h1,
  .ln-section h2 {
    margin-top: 2.5rem !important;
    display: block;
    clear: both;
  }
  body, .ln-fullpage {
    padding-top: 110px !important;
  }
  @media (max-width: 991.98px) {
    .overlay.overlay-advanced.has-mobile-overlay {
      margin-top: 13vh !important;
    }
  }
}

@media (max-width: 575.98px) {
  .overlay.overlay-advanced.has-mobile-overlay {
    margin-top: 16vh !important;
  }
}
  .site-navbar .navbar-brand-img {
    /* max-height: 2.2rem; */
  }
  .site-navbar .navbar-collapse {
    padding: 0.7rem 0.2rem;
  }
  .site-navbar .nav-link {
    font-size: 1rem;
    padding: 0.5rem 0.7rem;
  }
  .site-navbar + section .container > .row:first-child > [class^="col"]:first-child h1,
  .site-navbar + section .container > .row:first-child > [class^="col"]:first-child h2 {
    margin-top: 2.2rem !important;
  }
  .ln-section h1,
  .ln-section h2 {
    margin-top: 2.2rem !important;
  }
  body, .ln-fullpage {
    padding-top: 85px !important;
  }
  .overlay.overlay-advanced.has-mobile-overlay {
    margin-top: 16vh !important;
  }
}

/* تحسين المسافات في الشاشات الكبيرة */
@media (min-width: 992px) {
  .site-navbar .navbar-brand {
    margin-right: 2rem;
    margin-left: 0;
    max-width: 220px;
  }
  .site-navbar .navbar-brand-img {
    max-height: 5rem;
  }
}