/* ==========================================================
   PMS ACCOUNT – FSRC
   Navigation + Subscription Cards + Profile + Payments + Help
   Version: 1.3.6
   ========================================================== */

/* ==========================================================
   1. Navigation
   ========================================================== */

.pms-account-navigation {
	margin-bottom: 30px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.pms-account-navigation ul {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.pms-account-navigation a {
	color: #62656c !important;
	background: transparent !important;
}

.pms-account-navigation a.pms-account-navigation-link--active {
	color: #29245c !important;
	font-weight: 550 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 2px solid #29245c !important;
	box-shadow: none !important;
}

.pms-account-navigation-link--logout {
	display: none !important;
}


/* ==========================================================
   2. Subscription cards
   ========================================================== */

.pms-account-subscription-details-table {
	margin: 0 0 30px !important;
	background: #ffffff !important;
	border: 1px solid #d8dce3 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 10px !important;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(35, 31, 64, 0.065) !important;
}

.pms-account-subscription-details-table + .pms-account-subscription-details-table {
	margin-top: 40px !important;
}

.pms-account-subscription-details-table td {
	padding: 5px 12px !important;
}

.pms-account-subscription-details-table td:first-child {
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #202124 !important;
	text-align: left !important;
}

.pms-account-subscription-details-table td:last-child {
	color: #202124 !important;
	text-align: left !important;
}

.pms-account-subscription-details-table tr:not(.pms-account-subscription-details-table__actions) td {
	height: auto !important;
	min-height: 0 !important;
}


/* ==========================================================
   3. Subscription card header
   ========================================================== */

.pms-account-subscription-details-table__plan {
	background: #f3f4f6 !important;
}

.pms-account-subscription-details-table__plan td {
	background: transparent !important;
	font-weight: 500 !important;
}

.pms-account-subscription-details-table__plan td:first-child,
.pms-account-subscription-details-table__plan td:last-child {
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #202124 !important;
}


/* ==========================================================
   4. Subscription status
   ========================================================== */

.pms-account-subscription-details-table__status td.status-active,
.pms-account-subscription-details-table__status td:last-child.status-active {
	width: auto !important;
	padding: 4px 10px !important;
	background: #edf7f1 !important;
	border: 0 !important;
	border-radius: 8px !important;
	color: #39815d !important;
	font-weight: 500 !important;
	box-shadow: none !important;
}

.pms-account-subscription-details-table__status td.status-active::before,
.pms-account-subscription-details-table__status td:last-child.status-active::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 6px;
	background: #58a878 !important;
	border-radius: 50%;
}


/* ==========================================================
   5. Subscription actions
   ========================================================== */

.pms-account-subscription-details-table__actions {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	background: #ffffff !important;
}

.pms-account-subscription-details-table__actions td:first-child {
	display: none !important;
}

.pms-account-subscription-details-table__actions td:last-child {
	width: 100% !important;
	text-align: left !important;
	line-height: normal !important;
	vertical-align: middle !important;
	padding: 8px 12px !important;
	height: auto !important;
	min-height: 0 !important;
	background: #ffffff !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.pms-account-subscription-details-table__actions td {
	background: #ffffff !important;
}

.pms-account-subscription-action-link {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
}

/* High-specificity PMS override – confirmed working */
body.page-id-32429 .pms-form-design-wrapper.pms-form-style-1 table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td a.pms-account-subscription-action-link {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border: 1px solid #29245c !important;
	border-color: #29245c !important;
	color: #29245c !important;
	box-shadow: none !important;
	outline-color: #29245c !important;
}

body.page-id-32429 .pms-form-design-wrapper.pms-form-style-1 table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td a.pms-account-subscription-action-link:hover,
body.page-id-32429 .pms-form-design-wrapper.pms-form-style-1 table.pms-account-subscription-details-table tr.pms-account-subscription-details-table__actions td a.pms-account-subscription-action-link:focus {
	background: #29245c !important;
	background-color: #29245c !important;
	border-color: #29245c !important;
	color: #ffffff !important;
	box-shadow: none !important;
}


/* ==========================================================
   6. Profile form
   ========================================================== */

#pms_edit-profile-form input[type="submit"],
#pms_edit-profile-form button[type="submit"],
.pms-account-profile-form input[type="submit"],
.pms-account-profile-form button[type="submit"] {
	background: #29245c !important;
	border-color: #29245c !important;
	border-radius: 5px !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

#pms_edit-profile-form input[type="submit"]:hover,
#pms_edit-profile-form button[type="submit"]:hover,
.pms-account-profile-form input[type="submit"]:hover,
.pms-account-profile-form button[type="submit"]:hover {
	background: #211d4c !important;
	border-color: #211d4c !important;
	color: #ffffff !important;
}


/* ==========================================================
   7. Payments
   ========================================================== */

#pms-payment-history {
	width: 100% !important;
	margin: 0 !important;
	background: #ffffff !important;
	border: 1px solid #d8dce3 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 14px rgba(35, 31, 64, 0.065) !important;
}

#pms-payment-history thead th {
	padding: 10px 12px !important;
	background: #f3f4f6 !important;
	border-bottom: 1px solid #d8dce3 !important;
	text-align: left !important;
	vertical-align: middle !important;
}

#pms-payment-history tbody td {
	padding: 10px 12px !important;
	background: #ffffff !important;
	text-align: left !important;
	vertical-align: middle !important;
	border-bottom: 1px solid #e4e6ea !important;
}

#pms-payment-history tbody tr:nth-child(even) td {
	background: #fafafa !important;
}

#pms-payment-history tbody tr:last-child td {
	border-bottom: 0 !important;
}

#pms-payment-history .pms-payment-subscription-plan {
	font-weight: 500 !important;
	color: #202124 !important;
}

#pms-payment-history .pms-payment-amount {
	font-weight: 500 !important;
	white-space: nowrap !important;
}

#pms-payment-history td.pms-payment-status.status-completed {
	color: #39815d !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
}

#pms-payment-history td.pms-payment-status.status-completed::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	background: #58a878 !important;
	border-radius: 50%;
	vertical-align: middle;
}


/* ==========================================================
   8. PMS Help sections
   ========================================================== */

.fsrc-pms-help {
	margin-top: 30px;
}

.fsrc-pms-help-section {
	display: none !important;
	padding: 22px 24px;
	background: #f7f8fa;
	border: 1px solid #d8dce3;
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(35, 31, 64, 0.045);
}

.fsrc-pms-help-section h3 {
	margin: 0 0 14px;
	color: #202124;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
}

.fsrc-pms-help-section p {
	margin: 0 0 12px;
	color: #555a61;
	font-size: 15px;
	line-height: 1.65;
}

.fsrc-pms-help-section p:last-child {
	margin-bottom: 0;
}

.fsrc-pms-help-section strong {
	color: #29245c;
	font-weight: 600;
}

body:has(.pms-account-navigation-link--subscriptions a.pms-account-navigation-link--active) .fsrc-pms-help-subscriptions {
	display: block !important;
}

body:has(.pms-account-navigation-link--profile a.pms-account-navigation-link--active) .fsrc-pms-help-profile {
	display: block !important;
}

body:has(.pms-account-navigation-link--payments a.pms-account-navigation-link--active) .fsrc-pms-help-payments {
	display: block !important;
}


/* ==========================================================
   9. Desktop
   ========================================================== */

@media (min-width: 768px) {

	.pms-account-subscription-details-table tbody {
		display: block !important;
		width: 100% !important;
	}

	.pms-account-subscription-details-table tr:not(.pms-account-subscription-details-table__actions) {
		display: grid !important;
		grid-template-columns: 220px minmax(0, 1fr) !important;
		align-items: center !important;
		width: 100% !important;
	}

	.pms-account-subscription-details-table tr:not(.pms-account-subscription-details-table__actions) td {
		width: auto !important;
		box-sizing: border-box !important;
		text-align: left !important;
		padding: 6px 14px !important;
		background: transparent !important;
	}

	.pms-account-subscription-details-table tr:not(.pms-account-subscription-details-table__actions) td:last-child {
		font-size: 16px !important;
		font-weight: 400 !important;
	}

	.pms-account-subscription-details-table__plan td:last-child {
		font-size: 17px !important;
		font-weight: 500 !important;
	}

	.pms-account-subscription-details-table__start-date {
		background: #fafafa !important;
	}

	.pms-account-subscription-details-table__status td.status-active {
		justify-self: start !important;
		margin-left: 14px !important;
		padding: 4px 10px !important;
	}

	.pms-account-subscription-details-table__actions {
		display: block !important;
		width: 100% !important;
	}

	.pms-account-subscription-details-table__actions td:last-child {
		width: 100% !important;
	}

	#pms-payment-history thead th,
	#pms-payment-history thead th *,
	#pms-payment-history thead td,
	#pms-payment-history thead td * {
		font-size: 17px !important;
		font-weight: 500 !important;
		color: #202124 !important;
		text-align: left !important;
	}

	#pms-payment-history thead th,
	#pms-payment-history tbody td {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}


/* ==========================================================
   10. Mobile
   ========================================================== */

@media (max-width: 767px) {

	.pms-account-navigation {
		margin-bottom: 30px !important;
	}

	.pms-account-navigation ul {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		text-align: center !important;
	}

	.pms-account-navigation li {
		width: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}

	.pms-account-subscription-details-table {
		margin-bottom: 30px !important;
	}

	.pms-account-subscription-details-table + .pms-account-subscription-details-table {
		margin-top: 40px !important;
	}

	.pms-account-subscription-details-table td:first-child,
	.pms-account-subscription-details-table td:last-child {
		text-align: left !important;
	}

	.pms-account-subscription-details-table tr:not(.pms-account-subscription-details-table__actions) td {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	.pms-account-subscription-details-table__plan {
		display: block !important;
	}

	.pms-account-subscription-details-table__plan td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		text-align: left !important;
		line-height: 1.2 !important;
	}

	.pms-account-subscription-details-table__plan td:first-child {
		padding: 7px 14px 1px !important;
	}

	.pms-account-subscription-details-table__plan td:last-child {
		padding: 1px 14px 7px !important;
	}

	.pms-account-subscription-details-table__status,
	.pms-account-subscription-details-table__start-date,
	.pms-account-subscription-details-table__expiration-date {
		display: grid !important;
		grid-template-columns: 220px minmax(0, 1fr) !important;
		align-items: center !important;
		width: 100% !important;
	}

	.pms-account-subscription-details-table__status td,
	.pms-account-subscription-details-table__start-date td,
	.pms-account-subscription-details-table__expiration-date td {
		width: auto !important;
		box-sizing: border-box !important;
		text-align: left !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.pms-account-subscription-details-table__status td.status-active {
		justify-self: start !important;
		margin-left: 14px !important;
		padding: 4px 10px !important;
	}

	.pms-account-subscription-details-table__actions td:last-child {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 7px 10px !important;
		text-align: center !important;
	}

	#pms-payment-history {
		display: block !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	#pms-payment-history thead {
		display: none !important;
	}

	#pms-payment-history tbody {
		display: block !important;
		width: 100% !important;
	}

	#pms-payment-history tbody tr {
		display: block !important;
		width: 100% !important;
		margin: 0 0 18px !important;
		background: #ffffff !important;
		border: 1px solid #d8dce3 !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		box-shadow: 0 4px 14px rgba(35, 31, 64, 0.065) !important;
	}

	#pms-payment-history tbody td {
		display: grid !important;
		grid-template-columns: 150px minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 14px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 10px 14px !important;
		text-align: left !important;
		background: #ffffff !important;
		border: 0 !important;
		border-bottom: 1px solid #e4e6ea !important;
	}

	/* Keep all mobile payment cards visually identical */
	#pms-payment-history tbody tr:nth-child(even) td {
		background: #ffffff !important;
	}

	#pms-payment-history tbody td:last-child {
		border-bottom: 0 !important;
	}

	#pms-payment-history tbody td::before {
		color: #62656c !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}

	#pms-payment-history .pms-payment-id::before {
		content: "ID";
	}

	#pms-payment-history .pms-payment-subscription-plan::before {
		content: "Πρόγραμμα";
	}

	#pms-payment-history .pms-payment-amount::before {
		content: "Ποσό";
	}

	#pms-payment-history .pms-payment-date::before {
		content: "Ημερομηνία";
	}

	#pms-payment-history .pms-payment-status::before {
		content: "Κατάσταση";
	}

	#pms-payment-history .pms-payment-id,
	#pms-payment-history tbody tr:nth-child(even) td.pms-payment-id {
		background: #f3f4f6 !important;
		font-weight: 500 !important;
	}

	#pms-payment-history .pms-payment-subscription-plan {
		font-size: 16px !important;
		font-weight: 500 !important;
	}

	#pms-payment-history td.pms-payment-status.status-completed {
		color: #39815d !important;
	}

	#pms-payment-history td.pms-payment-status.status-completed::before {
		content: "Κατάσταση";
		display: block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
		color: #62656c !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}

	.fsrc-pms-help {
		margin-top: 24px;
	}

	.fsrc-pms-help-section {
		padding: 18px;
	}

	.fsrc-pms-help-section h3 {
		font-size: 18px;
	}

	.fsrc-pms-help-section p {
		font-size: 15px;
		line-height: 1.6;
	}
}