.elementor-631 .elementor-element.elementor-element-211060a4{--display:flex;--min-height:40vh;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:3%;}.elementor-631 .elementor-element.elementor-element-b07f444{width:100%;max-width:100%;}/* Start custom CSS for shortcode, class: .elementor-element-b07f444 */.elementor-631 .elementor-element.elementor-element-b07f444 .pms-account-navigation li.pms-account-navigation-link {margin-right:2em!important;
    font-weight:500; font-size:1.3em;
    margin-bottom:35px;
}


/* Βασικό στυλ πίνακα */
.pms-account-subscription-details-table,
#pms-payment-history {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  text-align: left;
  table-layout: auto; /* προσαρμόζει πλάτος αυτόματα */
}

/* Στήλες και γραμμές */
.pms-account-subscription-details-table th,
.pms-account-subscription-details-table td,
#pms-payment-history th,
#pms-payment-history td {
  text-align: left;
  padding: 10px 14px;
  border-bottom: 1px solid #e0e0e0;
  white-space: normal; /* επιτρέπει αναδίπλωση */
  word-wrap: break-word;
  vertical-align: top;
}

/* Επικεφαλίδες */
.pms-account-subscription-details-table th,
#pms-payment-history th {
  background: #f0f0f0;
  font-weight: 600;
  color: #111;
}

/* Εναλλαγή φόντου */
.pms-account-subscription-details-table tr:nth-child(even),
#pms-payment-history tr:nth-child(even) {
  background-color: #fafafa;
}

/* Κελιά inline – ίδια στοίχιση για όλες τις οθόνες */
.pms-account-subscription-details-table tr,
#pms-payment-history tr {
  display: table-row; /* κρατάει τα κελιά στην ίδια γραμμή */
}

.pms-account-subscription-details-table td,
#pms-payment-history td {
  display: table-cell;
}

/* Tablet και mobile: πλήρες πλάτος, χωρίς scroll */
@media (max-width: 1024px) {
  .pms-account-subscription-details-table,
  #pms-payment-history {
    display: table;
    width: 100%;
    table-layout: auto;
    overflow-x: visible;
  }

  .pms-account-subscription-details-table th,
  #pms-payment-history th,
  .pms-account-subscription-details-table td,
  #pms-payment-history td {
    white-space: normal;
    text-align: left;
  }
}




/* Κατάσταση (status) με διαφορετικά χρώματα */
.status-pending {
  color: #c27b00;
  font-weight: 800;
}

.status-active {
  color: #008000;
  font-weight: 800;
}

.status-cancelled {
  color: #cc0000;
  font-weight: 800;
}






/* Στυλ για τη φόρμα προφίλ */
#pms_edit-profile-form {
  max-width: 500px;
  margin: 40px 0;
}

.pms-form-fields-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pms-field {
  margin-bottom: 18px;
}

.pms-field label {
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
  color: #222;
}

.pms-field input[type="text"],
.pms-field input[type="email"],
.pms-field input[type="password"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.4;
  transition: all 0.2s ease-in-out;
  background: #fafafa;
}

.pms-field input[type="text"]:focus,
.pms-field input[type="email"]:focus,
.pms-field input[type="password"]:focus {
  outline: none;
  border-color: #000;
  background: #fff;
}

/* Κουμπί υποβολής */
#pms_edit-profile-form input[type="submit"] {
  background: #000;
  color: #fff;
  padding: 10px 22px;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

#pms_edit-profile-form input[type="submit"]:hover {
  background: #333;
}

/* Disabled πεδίο (Username) */
.pms-field input[disabled] {
  background: #eee;
  color: #666;
  cursor: not-allowed;
}










/* Ενεργοποιεί οριζόντιο scroll στους πίνακες σε μικρές οθόνες */
@media (max-width: 768px) {
  .pms-account-subscription-details-table,
  #pms-payment-history {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth scrolling σε iOS */
    white-space: nowrap;
  }

  /* Τα κελιά παραμένουν inline για σωστή στοίχιση */
  .pms-account-subscription-details-table table,
  #pms-payment-history table,
  .pms-account-subscription-details-table tr,
  #pms-payment-history tr {
    display: table;
    width: 100%;
  }

  /* Αισθητική βελτίωση: μικρό padding δεξιά για να μην κόβεται */
  .pms-account-subscription-details-table,
  #pms-payment-history {
    padding-bottom: 10px;
  }
}







/* Login Form */
/* Wrapper */
#pms_login {
  max-width: 400px;
  margin: 40px 0;
}

/* Ετικέτες */
#pms_login label {
  display: block;
  font-weight: 500;
  color: #222;
  margin-bottom: 6px;
  font-size: 15px;
}

/* Πεδία εισόδου */
#pms_login input[type="text"],
#pms_login input[type="password"] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fafafa;
  font-size: 15px;
  transition: border-color 0.2s ease, background 0.2s ease;
}

#pms_login input[type="text"]:focus,
#pms_login input[type="password"]:focus {
  outline: none;
  border-color: #000;
  background-color: #fff;
}

/* Remember Me */
#pms_login .login-remember {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 14px;
}

/* Κουμπί υποβολής */
#pms_login input[type="submit"] {
  background-color: #000;
  color: #fff;
  padding: 10px 24px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 18px;
  font-size: 15px;
  transition: background 0.2s ease;
}

#pms_login input[type="submit"]:hover {
  background-color: #333;
}

/* Register link */
#pms_login .login-extra {
  margin-top: 15px;
}

#pms_login .login-extra a {
  font-size: 14px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

#pms_login .login-extra a:hover {
  border-bottom: 1px solid #000;
}

/* Mobile spacing */
@media (max-width: 768px) {
  #pms_login {
    width: 100%;
    padding: 0 15px;
  }
}/* End custom CSS */