.swl-message { margin-top: 0.5em; font-size: 0.9em; }
.swl-error { color: #c00; }
.swl-success { color: #090; }

/* 1. Wrapper */
#swl-form {
  background: #FFF9F0;
  padding: 20px;
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
}

/* 2. Τίτλος */
#swl-form .swl-title {
  font-size: 1.8em;
  color: #FFF9F0;
  margin-bottom: 0.5em;
  font-weight: 400;
}

/* 3. Inputs */
#swl-form input[type="text"],
#swl-form input[type="email"] {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1em;
  margin-bottom: 0.75em;
  box-sizing: border-box;
}

/* 4. GDPR checkbox */
#swl-form .swl-gdpr {
  margin-bottom: 0.75em;
  font-size: 0.9em;
}
#swl-form .swl-gdpr input {
  margin-right: 0.5em;
}

/* 5. Κουμπί */
#swl-form .swl-button {
  background-color: #2c7a4b;
  color: #ffffff;
  padding: 12px 28px;
  border: none;
  border-radius: 50px;
  font-size: 1em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.3s ease;
}
#swl-form .swl-button:hover {
  background-color: #25603f;
}

/* 6. Μήνυμα επιτυχίας/σφάλματος */
#swl-form .swl-message {
  margin-top: 1em;
  font-size: 0.95em;
}
#swl-form .swl-error { color: #c00; }
#swl-form .swl-success { color: #090; }

/* 7. Layout controls */
#swl-form.horizontal input,
#swl-form.horizontal .swl-button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
#swl-form.inline input,
#swl-form.inline .swl-button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
@media (max-width: 600px) {
  #swl-form.horizontal input,
  #swl-form.horizontal .swl-button,
  #swl-form.inline input,
  #swl-form.inline .swl-button {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

/* 1. Βάλε το form να καταλάβει όλο το πλάτος του περιέκτη (το ίδιο που έχει η λίστα με τα specs) */
#swl-form {
  width: 100% !important;      /* γεμίζει 100% το πλάτος του column/container */
  max-width: none !important;  /* τσεκ ώστε να μην περιορίζει άλλο max-width */
  margin: 0 0 1.5em 0 !important; /* πάνω-κάτω 1.5em κενό, αριστερά/δεξιά μηδέν */
}

/* 2. Αφαιρεί οποιοδήποτε padding/margin που το «τραβάει» δεξιά
   (για να είσαι σίγουρος/η ότι ακολουθεί το alignment των άνω στοιχείων) */
.elementor-widget-saren-waiting-list-plugin-modern-1,
.elementor-widget-saren-waiting-list-plugin-modern-1 .elementor-widget-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 3. (προαιρετικό) αν θέλεις το background box να έχει ίδιο padding όπως το specs box */
#swl-form {
  background: #B0BCA6;
  padding: 20px;
  border-radius: 12px;
}

/* 4. (προαιρετικό) responsive μικρές οθόνες – κρατάει 100% width */
@media (max-width: 768px) {
  #swl-form {
    margin: 0 0 1em 0 !important;
    padding: 15px;
  }
}