.elementor-4459 .elementor-element.elementor-element-9a90b0e{--display:flex;--min-height:71vh;--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;--padding-top:2em;--padding-bottom:6em;--padding-left:4em;--padding-right:4em;}@media(max-width:767px){.elementor-4459 .elementor-element.elementor-element-9a90b0e{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}}@media(min-width:768px){.elementor-4459 .elementor-element.elementor-element-9a90b0e{--content-width:1600px;}}/* Start custom CSS for shortcode, class: .elementor-element-4fbd115 *//* Labels πάντα αριστερά */
.gallery-manager label {
  display: block !important;
  margin-bottom: 0px !important;
  margin-left:0; 
  width: 300px;
  margin-top:50px;
  font-weight: 600 !important;
  color: #333 !important;
  font-size: 0.95rem !important;
  text-align: left !important;
}

/* Select box */
.gallery-manager select {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  background: #fafafa !important;
  font-size: 0.95rem !important;
  transition: all 0.25s ease !important;
  appearance: none !important; /* αφαιρεί default βελάκι */
  background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 16px !important;
}


.gallery-manager select:focus {
  border-color: #4a90e2 !important;
  box-shadow: 0 0 0 3px rgba(74,144,226,0.25) !important;
  outline: none !important;
}


/* File input (upload button) */
.gallery-manager input[type="file"] {
  display: block !important;
  padding: 8px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  background: #fafafa !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  max-width: 100%;
}

.gallery-manager input[type="file"]::-webkit-file-upload-button {
  background: #FFE500 !important;
  color: #383957 !important;
  border: none !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.gallery-manager input[type="file"]::-webkit-file-upload-button:hover {
  background: #E2CB04 !important;
}

/* Γενικό στυλ για όλα τα κουμπιά */
.gallery-manager button {
  background: linear-gradient(135deg, #373855, #44446B) !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  margin-top: 1em;
  transition: all 0.25s ease !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
  
}

.gallery-manager button:hover {
  background: linear-gradient(135deg, #44446B, #373855) !important;
  transform: translateY(-2px) !important;
}

.gallery-manager button:active {
  transform: scale(0.96) !important;
}

/* Wrapper für die Galerie-Vorschaubilder */
.gallery-thumbs {
  display: flex;               /* nebeneinander in einer Reihe */
  flex-wrap: wrap;             /* Umbruch, falls der Platz nicht reicht */
  gap: 12px;                   /* Abstand zwischen den Bildern */
  margin-top: 1rem;
}

/* Jedes Vorschaubild */
.gallery-thumbs .thumb-item {
  position: relative;
  width: 150px;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Das Bild selbst */
.gallery-thumbs .thumb-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;   /* Bild wird zugeschnitten */
  border-radius: 6px;
  display: block;
}

/* Formular für Löschen-Button */
.gallery-thumbs .delete-form {
  margin-top: 6px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}


#gm-pick-media{
    display: none;
}/* End custom CSS */