.elementor-2958 .elementor-element.elementor-element-c5bc8d1{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2958 .elementor-element.elementor-element-ed0cf88 > .elementor-widget-container{margin:0px 100px 0px 100px;}#elementor-popup-modal-2958 .dialog-widget-content{animation-duration:1.2s;background-color:#F1F0EEF0;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2958{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-2958 .dialog-message{width:50vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-2958 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-2958 .elementor-element.elementor-element-ed0cf88 > .elementor-widget-container{margin:0px 0px 0px 0px;}#elementor-popup-modal-2958 .dialog-message{width:100vw;}}/* Start custom CSS for shortcode, class: .elementor-element-ed0cf88 */.booking-form h3 {
  text-align: center;
}

.booking-form [submit] {
  display: block;
  margin: 0 auto;
  transition: background-color 0.3s ease;
}

.booking-form [submit]:hover {
  background-color: #1e3d6f;
}

.booking-form .form-row {
  display: flex;
  gap: 15px;
}

.booking-form .form-column {
  flex: 1;
}

/* Όλα τα πεδία να ξεκινούν από το ίδιο σημείο */
.booking-form .form-column,
.booking-form .form-full {
  margin-left: 0;
  padding-left: 0;
}

.booking-form label {
  display: block;
  text-align: left;
  width: 100%;
}

/* Κάνει το input submit block και το κεντράρει με auto margins */
.booking-form input.wpcf7-submit[type="submit"]{
  display:block;
  margin:18px auto 0;
  padding:10px 24px;
  border-radius:999px;
}

/* =========================
   ΜΟΝΟ SCROLLING ΡΥΘΜΙΣΕΙΣ
   ========================= */

/* Βοηθητικό: σωστό ύψος viewport σε mobile */
:root{ --vh-dynamic: 100vh; }
@supports (height: 100dvh){
  :root{ --vh-dynamic: 100dvh; }
}

/* Όταν είναι ανοικτό popup, κλείδωσε το scroll της σελίδας από πίσω */
html.elementor-popup-modal-open,
body.elementor-popup-modal-open{
  overflow: hidden !important;
  height: var(--vh-dynamic) !important;
  touch-action: none;              /* αποτρέπει scroll gestures στο body */
  overscroll-behavior: none;       /* κόβει το scroll chaining προς τα έξω */
}

/* Το ίδιο το container του popup να μην ξεπερνά το ύψος οθόνης */
.elementor-popup-modal .dialog-widget-content{
  max-height: calc(var(--vh-dynamic) - 24px); /* λίγο περιθώριο για padding */
  display: flex;
  flex-direction: column;
  overflow: hidden;               /* το scroll θα το πάρει το .dialog-message */
}

/* Scroll γίνεται ΜΟΝΟ μέσα στο περιεχόμενο του popup */
.elementor-popup-modal .dialog-message{
  flex: 1 1 auto;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;  /* ομαλό scroll σε iOS */
  overscroll-behavior: contain;       /* μη δίνεις scroll στο body */
  /* Αν το padding το βάζεις αλλού, μπορείς να το μηδενίσεις εδώ */
  /* padding: 0; */
}

/* Η φόρμα ακολουθεί το ύψος του dialog content χωρίς να ανοίγει δικό της scroll */
.booking-form{
  max-height: 100%;
  overflow: visible;
}

/* Fallback για browsers χωρίς dvh */
@supports not (height: 1dvh){
  html.elementor-popup-modal-open,
  body.elementor-popup-modal-open{ height: 100vh !important; }
  .elementor-popup-modal .dialog-widget-content{ max-height: calc(100vh - 24px); }
}/* End custom CSS */
/* Start custom CSS *//* Βάλε το popup πάνω απ' όλα */
.elementor-popup-modal{ z-index:2147483646 !important; }

/* Κουρτίνα (overlay) λίγο πιο κάτω από το modal */
.dialog-widget-overlay{ z-index:2147483645 !important; }

/* Το κουμπί κλεισίματος πάνω απ' όλα */
.elementor-popup-modal .dialog-close-button{ z-index:2147483647 !important; }

/* Αν έχεις τον custom EXPLORE cursor, κρύψ' τον όταν είναι ανοιχτό το popup */
.dialog-prevent-scroll #explore-cursor{ display:none !important; }/* End custom CSS */