/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


  .elementor-popup-fullscreen-menu {

    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;
  }

  .menu-container {
    display: flex;
    width: 80%;
    max-width: 1200px;c
    justify-content: space-between;
  }

  .menu-items {
    width: 60%;
  }

  .main-menu {
    list-style-type: none;
    padding: 0;
	font-family: 'Roboto'; 
	display: flex;
	flex-direction: column;
  }

.menu-item {
  margin-bottom: 20px;
  font-size: 36px;
}

.menu-link {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: white!important;
  text-decoration: none;
}

.menu-link:hover {
  text-decoration: underline;
}

.sub-menu a {
  color: white !important;
}



  .sub-menu-items {
    width: 40%;
  }

  .sub-menu {
    display: none;
  }

  .sub-menu p {
    margin: 10px 0;
    font-size: 20px;
  }

  .sub-menu a {
    color: white!important;
  }

  .menu-item:hover ~ .sub-menu-items .sub-menu {
    display: flex;
  }


.customisations-grid-filters form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.customisations-grid-filters p {
  margin-bottom: 0px;
  margin-right: 50px;
  font-weight: bold;
  font-size: 20px;
}

.customisations-select {
  width: 250px;
  border-radius: 50px;
  padding: 2px 15px 2px 5px;
  background-color: white;
}

.customisations-select select {
  width: 100%;
  border: none;
  background-color: transparent;
}


.customisations-input input {
    width: 100%;
    padding: 10px;
    border: 1px solid #cfd2d7;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.customisations-input input::placeholder {
    color: #6a7480;
}

.customisations-submit-btn {
    flex: 0;
    padding: 10px 20px;
    background-color: #000 !important; /* Black button */
    color: #fff !important; /* White text */
    border: 1px solid #000 !important; /* Black border */
    border-radius: 20px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
}

.customisations-submit-btn:hover {
    background-color: transparent !important; /* Transparent background */
    color: #000 !important; /* Black text */
    border: 1px solid #000 !important; /* Maintain black border */
}

.customisations-select,
.customisations-input,
.customisations-submit-btn {
    min-width: 150px; /* Ensure consistent width */
}

.popup-container {
	display: none;
}
.popup-container.is-open {
	display: block !important;
}
.popup-container > div {
	margin: 0 auto;
}

/* Responsive Adjustments */
@media (max-width: 768px) {

    .customisations-grid-filters form {
        flex-direction: column; /* Stack filters vertically */
        align-items: flex-start;
        gap: 10px; /* Reduce gap for smaller screens */
    }
    
    .customisations-grid-filters p {
      margin-right: 0px;
    }

    .customisations-select,
    .customisations-input,
    .customisations-submit-btn {
        width: 100%; /* Full-width fields for better usability */
    }

    .customisations-submit-btn {
        align-self: center; /* Center the button */
    }
}

@media (max-width: 480px) {
    .customisations-grid-filters form {
        gap: 5px; /* Further reduce spacing for very small screens */
    }

    .customisations-select::after {
        right: 10px; /* Adjust arrow position */
    }

    .customisations-submit-btn {
        padding: 8px 15px; /* Reduce button size */
        font-size: 14px; /* Smaller text */
    }
}