/* --- Manage Products --- */
.product-management-container{
  max-width: 1100px;
  margin: 24px auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: 16px;
}

/* Φόρμες/inputs */
.product-form{ display: grid; gap: 12px; }
.product-form label{
  font-weight: 600; color: #222;
  display: flex; flex-direction: column; gap: 6px;
}
.product-form input[type="text"],
.product-form input[type="number"]{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d7dde7;
  border-radius: 8px;
  background: #fff;
}

/* Thumbnail εικόνας προϊόντος */
.product-form .product-thumb{
  width: 320px !important;        /* περιορισμός πλάτους */
  max-width: 100%;
  max-height: 240px;
  object-fit: contain;            /* όλη η εικόνα μέσα στο πλαίσιο */
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  display: block;
  margin: 8px 0;
}
.product-thumb--missing{ color:#b91c1c; margin: 6px 0; }

/* Κουμπιά */
.product-actions{ display:flex; gap:10px; margin-top: 6px; }
.product-separator{ border:0; border-top:1px solid #e5e7eb; margin: 18px 0; }

/* Notices */
.notice{ padding:10px 14px; border-radius:8px; margin:10px 0; }
.notice--success{ background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
.notice--error{ background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }

/* Responsive */
@media (max-width: 720px){
  .product-management-container{ margin: 12px; padding: 12px; }
  .product-form .product-thumb{ width: 240px !important; max-height: 180px; }
}


/* Fix: να μη ξεχειλώνουν τα πεδία δεξιά */
.product-form input[type="text"],
.product-form input[type="number"],
.product-form input[type="submit"],
.product-form textarea,
.product-form select {
  box-sizing: border-box;  /* το πλάτος 100% περιλαμβάνει padding+border */
  max-width: 100%;         /* extra ασφάλεια */
}

/* Τα labels να μη περιορίζουν το πλάτος των inputs */
.product-form label { width: 100%; }

/* Προαιρετικό: κόψε τυχόν ελάχιστο οριζόντιο overflow */
.product-management-container { overflow-x: hidden; }


/* Τίτλος/κεντρικό panel να ακολουθεί το theme */
.product-management-container{
  background: var(--panel-bg);
  border:1px solid var(--panel-border);
  box-shadow: var(--panel-shadow);
  color: var(--text);
}

/* Labels */
.product-form label{ color: var(--text); }

/* Εικόνα προϊόντος να “δένει” με το panel */
.product-form .product-thumb{
  background: var(--field-bg);
  border:1px solid var(--panel-border);
  border-radius:10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.product-thumb--missing{ color:#b91c1c; }

.page-actions{
  display:flex;
  justify-content:center;
  margin: 24px 0 12px;
}

.btn-return{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:12px 22px;
  background:#f59e0b;            /* χρυσό/πορτοκαλί */
  color:#111827;
  text-decoration:none;
  font-weight:700;
  border-radius:12px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  border: 1px solid rgba(0,0,0,.08);
  transition: transform .12s ease, filter .2s ease;
}

.btn-return:hover{ filter:brightness(1.05); }
.btn-return:active{ transform: translateY(1px); }

/* για να μην “κολλάει” στο footer/άκρη του panel */
.orders-container,
.member-orders-table-wrap{ padding-bottom: 24px; }


/* Κεντράρισμα και εμφάνιση σαν κουμπί για το .back-button */
.product-management-container { position: relative; }
.back-button{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:12px 22px;
  background:#f59e0b;
  color:#111827;
  text-decoration:none;
  font-weight:700;
  border-radius:12px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  border: 1px solid rgba(0,0,0,.08);
  transition: transform .12s ease, filter .2s ease;
  margin: 16px auto 0;          /* κενό πάνω & κέντρο */
}
.back-button:hover{ filter:brightness(1.05); }
.back-button:active{ transform: translateY(1px); }

/* αν δεν κεντράρεται, βάλ’ το μέσα σε wrapper ή: */
.back-button { display:block; width:max-content; }