.ilh_wtl-custom-grid {
    display: grid;
    grid-template-columns: 3fr 1fr; /* 3:1 ratio for desktop */
    gap: 20px; /* Add gap between columns */
  }
  
  .ilh_wtl-row {
    display: contents; /* Enable rows inside grid */
  }
  
  .ilh_wtl-col-3 {
    grid-column: span 3;
  }
  
  .ilh_wtl-col-1 {
    grid-column: span 1;
  }
  
  .ilh_wtl-col-full {
    grid-column: span 4; /* Takes full width */
  }
  
  /* Responsive Design for Tablets and Mobiles */
  @media (max-width: 768px) {
    .ilh_wtl-custom-grid {
      grid-template-columns: 1fr; /* Make it single-column layout */
    }
  
    .ilh_wtl-col-3,
    .ilh_wtl-col-1,
    .ilh_wtl-col-full {
      grid-column: span 1; /* All columns take full width */
    }
  }
  

/* General styles for the waiting list output */
.ilh-wcwtl-output {
    background-color: #f9f9f9; /* Light background for contrast */
    padding: 20px; /* Add some padding */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */

    position: relative;
    overflow: hidden; 

}
#ilh_waitlist_form{
    margin-bottom: 20px;
}

/* Message styles */
.ilh-wcwtl-output .ilh-wcwtl-msg {
    color: #333333; /* Text color */
    margin-bottom: 20px; /* Space below the message */
}

/* Heading styles */
.ilh-wcwtl-output .ilh-wcwtl-msg h4 {
    font-size: 1.5em; /* Adjust the size as needed */
    margin: 0 0 10px; /* Space below the heading */
}

/* Paragraph styles */
.ilh-wcwtl-output .ilh-wcwtl-msg p {
    font-size: 1em; /* Regular text size */
    line-height: 1.5; /* Line height for better readability */
}

/* Input group styles */
.ilh-wcwtl-output .ilh-wcwtl-input-group {
    display: flex; /* Use flexbox to align items */
    align-items: center; /* Center vertically */
}

/* Email input styles */
.ilh-wcwtl-output input[type="email"] {
    flex: 1; /* Allow input to take available space */
    padding: 10px; /* Padding inside the input */
    border: 2px solid #ddd; /* Light border */
    width: 100%;
    border-radius: 4px; /* Rounded corners */
    font-size: 1em; /* Font size */
    box-sizing: border-box; /* Include padding in width */
    margin-right: 10px; /* Space between input and button */
}

/* Button styles */
.ilh-wcwtl-output .ilh-wcwtl-submit {
    background-color: #FF6CA8 !important; /* Button background color */
    color: #ffffff; /* Button text color */
    padding: 10px 20px; /* Button padding */
    border: none; /* Remove default border */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 1em; /* Font size */
    transition: background-color 0.3s; /* Smooth transition */
}

/* Button hover effect */
.ilh-wcwtl-output .ilh-wcwtl-submit:hover {
    background-color: #DF5E93 !important; /* Button background on hover */
}

/* Checkbox label styles */
.ilh-wcwtl-output .ilh-wcwtl-policy-check {
    margin-top: 10px; /* Space above checkbox */
}

/* Privacy policy link styles */
.ilh-wcwtl-output .ilh-wcwtl-policy-check a {
    color: #FF6CA8; /* Link color */
    text-decoration: underline; /* Underline for links */
}

.ilh-wcwtl-output .ilh-wcwtl-policy-check span {
    font-size: 12px !important;
}





    .ilh-wcwtl-output .overlay_ilh_wl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8); /* Light transparent overlay */
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10; /* Ensure it sits above the content */
}

.ilh-wcwtl-output .spinner {
    border: 4px solid #f3f3f3; /* Light grey background */
    border-top: 4px solid #FF6CA8 !important; /* Blue spinner */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin_ilh 1s linear infinite;
}

@keyframes spin_ilh {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


#ilh-wcwtl-output-success {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background-color: #f1f8e9;
    border: 1px solid #a1c746;
    border-radius: 5px;
    margin: 10px 0;
}

.ilh-wcwtl-ajax-message {
    display: flex;
    align-items: center;
}

.wrapper-notice {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between the icon and text */
}

.ilh-wcwtl-success svg {
    width: 40px;
    height: 40px;
}

.notice-text {
    font-size: 16px;
    color: #4a4a4a;
    font-weight: 500;
}