/* ==== COMPACT OVERRIDES (βάλε τα ΤΕΛΟΣ στο add_translation.css) ==== */
.translations-page{
  max-width: 1100px;     /* στένεμα */
  margin: 16px auto;
  padding: 12px;
}

.translations-page h2{
  font-size: 28px;       /* πιο μικρός τίτλος */
  margin: 0 0 12px;
}

.translations-form{
  margin: 14px 0 18px;
  padding: 12px;         /* μικρότερο padding */
  border-radius: 8px;
}

.translations-form label{
  font-size: 15.5px;
  margin: 6px 0 4px;
}

.translations-form select,
.translations-form textarea,
.translations-form input[type="submit"]{
  font-size: 15px;       /* μικρότερα controls */
  padding: 8px 10px;
}

.translations-form textarea{
  width: 100%;
  max-width: 100%;
  height: 140px;         /* χαμηλότερο ύψος */
}

.flash{ font-size: 14px; padding: 8px 10px; }

.translations-sep{ margin: 16px 0; }

.translations-table{
  font-size: 15px;       /* μικρότερη γραμματοσειρά στον πίνακα */
}

.translations-table th{
  font-size: 14px;
  padding: 8px 10px;
}

.translations-table td{
  padding: 8px 10px;
}

.btn-link{ font-size: 14px; padding: 4px 8px; }

/* Μικρές οθόνες */
@media (max-width: 720px){
  .translations-page{ padding: 10px; }
  .translations-page h2{ font-size: 22px; }
  .translations-form input[type="submit"]{ width: 100%; }
}
/* === Buttons row fix for admin/add_translation.php === */

/* 1) Αν υπάρχει container για κουμπιά, κάν’ τον flex (πιάνουμε πολλά πιθανά ονόματα) */
.translations-form :is(.actions, .buttons, .btns, .controls){
  display: flex;
  flex-wrap: wrap;           /* κατεβαίνουν σε 2η γραμμή όταν χρειάζεται */
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

/* 2) Αν ΔΕΝ υπάρχει ειδικό container και τα κουμπιά είναι "χύμα",
      ευθυγραμμίζουμε όλα τα links/κουμπιά μέσα στη φόρμα */
.translations-form :is(a, button, input[type="submit"], input[type="button"]).btn,
.translations-form a,
.translations-form button,
.translations-form input[type="submit"],
.translations-form input[type="button"],
.translations-form .btn-link{
  display: inline-flex;      /* όχι block */
  align-items: center;
  justify-content: center;
  gap: .4rem;
  margin: 0 10px 10px 0;     /* απόσταση δεξιά & κάτω */
  white-space: nowrap;
  vertical-align: middle;
}

/* 3) Πολλά sites βάζουν τα κουμπιά σε div. Αν είναι έτσι, βάζουμε flex στα div αυτά μόνο όταν
      περιέχουν κουμπί/λινκ (χωρίς να χρειαστεί να πειράξουμε HTML). */
.translations-form div:has(> a, > button, > input[type="submit"], > input[type="button"]){
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* 4) Σε μικρές οθόνες */
@media (max-width: 720px){
  .translations-form :is(a, button, input[type="submit"], input[type="button"]){
    min-width: 180px;        /* για να μη μικραίνουν υπερβολικά */
  }

}
.translations-form .form-group {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}

.translations-form label {
  margin-bottom: 6px;
  font-weight: 600;
}

.translations-form select,
.translations-form textarea,
.translations-form input[type="submit"] {
  padding: 8px 10px;
  font-size: 15px;
}

.translations-form textarea {
  min-height: 120px;
  resize: vertical;
}

.form-actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start; /* ή center */
}

/* ======= REVERT layout: όλα ΚΑΘΕΤΑ όπως παλιά ======= */
.translations-form .form-row.two-cols{
  display: block !important;     /* όχι grid/flex */
}
.translations-form .form-group{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 16px 0;            /* κενό ανάμεσα στα πεδία */
}
.translations-form select,
.translations-form textarea{
  width: 100% !important;        /* γεμίζουν τη γραμμή */
  box-sizing: border-box;
}

/* ======= Buttons να ΜΗΝ "πατάνε" μεταξύ τους ======= */
/* wrapper για κουμπιά αν υπάρχει */
.translations-form .form-actions{
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;   /* ή center αν θες κέντρο */
  margin-top: 10px;
}

/* ίδια τα κουμπιά/links: οριζόντια με αποστάσεις */
.translations-form a,
.translations-form button,
.translations-form input[type="submit"],
.translations-form input[type="button"],
.translations-form .btn-link{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  margin: 0 10px 10px 0;
  white-space: nowrap;
  vertical-align: middle;
  position: static !important;   /* ασφάλεια: όχι absolute */
  float: none !important;
}

/* Κουμπιά μέσα στον πίνακα "Υπάρχουσες Μεταφράσεις" */
.translations-table td a,
.translations-table td .btn-link{
  display: inline-flex !important;
  margin-right: 8px;
  white-space: nowrap;
}

/* Μικρές οθόνες: δώσε λίγο μίνιμουμ πλάτος στα κουμπιά */
@media (max-width: 720px){
  .translations-form .form-actions :is(a,button,input[type="submit"],input[type="button"]){
    min-width: 180px;
  }
}
/* --- Force κάθετη διάταξη όπως πριν --- */
html[data-admin-theme] .translations-form .form-row.two-cols { 
  display: block !important; 
}
html[data-admin-theme] .translations-form .form-group {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
}
html[data-admin-theme] .translations-form select,
html[data-admin-theme] .translations-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* --- Τα κουμπιά/links να κάθονται οριζόντια και να μη “πατάνε” --- */
html[data-admin-theme] .translations-form .form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

html[data-admin-theme] .translations-form a,
html[data-admin-theme] .translations-form button,
html[data-admin-theme] .translations-form input[type="submit"],
html[data-admin-theme] .translations-form input[type="button"],
html[data-admin-theme] .translations-form .btn-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  margin: 0 10px 10px 0 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  position: static !important;
  float: none !important;
}

/* Κουμπί/λινκ μέσα στον πίνακα ενεργειών */
html[data-admin-theme] .translations-table td a,
html[data-admin-theme] .translations-table td .btn-link {
  display: inline-flex !important;
  margin-right: 8px !important;
  white-space: nowrap !important;
}
.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; }