/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.font-nothingyoucoulddo {
    font-family: "Nothing You Could Do", cursive;
    font-weight: 600;
    font-style: normal;
}

.font-roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.text-paragraph {
  font-size: 1.1rem;
  font-weight: 300;
  text-align: justify;
}

.text-red {
    color: #C62F20!important; 
}

.text-blue {
    color: #134A76!important;
}

/* Changes */
.nav-tabs .lavalamp-object {
    border-color: #C62F20!important; 
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #134A76!important; 
}

.form-control:focus {
    border-color: #134A76!important; 
}

.btn-primary:hover {
    border-color: #134A76!important; 
    background-color: #134A76!important; 
}

/* Header */
@media (max-width: 1199.98px) {
    header {
        background: none !important;
    }
    .navbar .navbar-toggler {
        color: white !important;
    }
    .burger span, .burger span::before, .burger span::after {
        background-color: white !important;
    }
    .navbar .nav-item .nav-link {
        color: white !important;
    }

    /* Adjust nav links color when menu is open */
    .navbar-collapse.show .nav-item .nav-link {
        color: black !important;
        background: rgba(255, 255, 255, 1);
        padding-left:20px;
        padding-top:10px;
        padding-bottom:10px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }
    .burger.clicked span {
      background-color: transparent!important;
    }

    header:has(.navbar-collapse.show) .pr-2 {
      background: rgba(255, 255, 255, 1);
      border-radius: 5px;
      padding-left:20px;
      margin-top:8px;
      width: 100%;
    }

    header:has(.navbar-collapse.show) .nav-item.dropdown .nav-link {
        color: black !important;
    }

    header:has(.navbar-collapse.show) .dropdown-menu {
      background: rgba(255, 255, 255, 1);
      border: none;
    }

    header:has(.navbar-collapse.show) .drop-hide {
      display:none!important;
    }

}

/* Client requests */
h1, h2, h1 b, h2 b, h1 strong, h2 strong  { color: #14416B; }
.lead, p, .text-black-50, .text-paragraph, .nav .nav-link {
    color: black!important;
}
.text-white {
    color:white!important;
}

/* Mobile popup */
@media (max-width: 1199.98px) {
  .mobile-popup-menu {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),
                  url('https://files.fridayfactory.io/leshommesdelair/3b6d284a4d3cdaf003ba16485feac4fc.jpg');
      background-size: cover;
      background-position: center;
      z-index: 9999;
      overflow-y: auto;
      padding: 20px;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  .mobile-popup-menu ul.navbar-nav {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
  }

  .mobile-popup-menu .navbar-nav .nav-item {
      margin-left: 0 !important;
      padding: 0;
  }

  .mobile-popup-menu .nav-link {
      color: black !important;
      background: none;
      padding: 10px;
      border-radius: 5px;
      border: none;
      font-size: 1.4rem !important;
      text-align: center;
      width: 250px;
      display: block;
      margin: 0 auto;
  }

  .mobile-popup-menu .nav-link.btn-google-plus {
      background-color: #dd4b39;
      color: white !important;
      border: none;
  }

  .mobile-popup-menu .close-menu {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 2rem;
      color: black;
      background: none;
      border: none;
      z-index: 10000;
      cursor: pointer;
  }

  .dropdown-menu.dropdown-menu-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    top: 100% !important; /* place dropdown just below the toggle */
    margin-top: 0.25rem; /* small gap below toggle */
    }

  .mobile-popup-menu ul.socials {
    display: flex;
    justify-content: center;
    gap: 20px; /* spacing between icons */
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
  }

  .mobile-popup-menu ul.socials li {
    display: inline-block;
  }

  .mobile-popup-menu ul.socials a {
    font-size: 1.5rem;
    color: black;
  }
}

/* Hero section mobile fixes */
@media (max-width: 767.98px) {
  .swiper-container .swiper-slide {
    position: relative !important;
    z-index: 1 !important;
  }
  
  .swiper-container .caption {
    position: relative !important;
    z-index: 10 !important;
  }
  
  .swiper-container .btn {
    position: relative !important;
    z-index: 15 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ensure no parallax effects on mobile */
  .swiper-container [data-swiper-parallax] {
    transform: none !important;
    transition: none !important;
  }
}

@media (min-width: 1200px) {
  .mobile-popup-menu {
    display: none !important;
  }
}