/**
 * Τιμοκατάλογος (CnC Tech).
 *
 * Το στυλ το δίνει το template μέσω των κλάσεων του Fabrik. Εδώ μένουν μόνο
 * όσοι κανόνες του template είναι κλειδωμένοι πίσω από «body.com_fabrik»,
 * που δεν ισχύει σε άρθρο του com_content, συν ελάχιστες διορθώσεις.
 */

.mg-pricelist table.table,
.mg-pricelist .fabrikDataContainer.table-responsive {
	max-width: 100%;
	width: 100%;
}

.mg-pricelist tfoot tr {
	border-bottom: 0 !important;
}

.mg-pricelist table.table tr {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: start;
	border-top: 0;
	margin-bottom: 0 !important;
}

.mg-pricelist table.table tr > td.fabrik_element,
.mg-pricelist table.table tr > th.pricesj5___service {
	width: calc(100% - 50px);
}

.mg-pricelist table.table tr td.fabrik_actions.fabrik_element,
.mg-pricelist table.table tr th.fabrik_actions {
	width: 50px;
}

/* Με ορατή στήλη τιμής μοιράζεται ο χώρος σε περιγραφή και τιμή. */
.mg-pricelist table.table tr > td.pricesj5___price,
.mg-pricelist table.table tr > th.pricesj5___price {
	width: 140px;
	text-align: right;
}

.mg-pricelist table.table tr:has(.pricesj5___price) > td.pricesj5___service,
.mg-pricelist table.table tr:has(.pricesj5___price) > th.pricesj5___service {
	width: calc(100% - 190px);
}

/*
 * Το άρθρο του General βάζει τίτλο αριστερά και κείμενο δεξιά (flex). Ο τιμοκατάλογος,
 * όπως στο hospital, θέλει τίτλο πάνω και λίστα σε όλο το πλάτος του .timokatalogos.
 */
.item-page.timokatalogos .items-article-location {
	display: block;
	max-width: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 12px;
}

.item-page.timokatalogos .items-article-location > * {
	width: 100%;
	max-width: none;
}

/* Μέσα σε άρθρο τα links είναι μπλε· στο Fabrik το «Καθαρισμός» είναι κουμπί. */
.mg-pricelist a.clearFilters {
	color: #212529;
	display: inline-block !important;
	text-decoration: none;
}

/* Το display:flex παραπάνω ακυρώνει το hidden, οπότε το επαναφέρουμε. */
.mg-pricelist table.table tr[hidden] {
	display: none !important;
}

/*
 * Η σελίδα μίας υπηρεσίας. Το template δίνει «div.fabrikForm.fabrikDetails» πλάτος 70/85%
 * με margin auto, αλλά εδώ είμαστε ήδη μέσα στο .timokatalogos (στο hospital όχι).
 */
.mg-pricelist.mg-pricelist--detail.fabrikDetails {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Στο κινητό το αρνητικό περιθώριο του .row έβγαζε τις γραμμές 12px έξω από τη στήλη του κειμένου. */
@media (max-width: 575.98px) {
	.mg-pricelist--detail .fabrikElementContainer > .row {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Στο hospital η σελίδα της υπηρεσίας δεν έχει το εισαγωγικό κείμενο. */
.item-page.timokatalogos #blog-item-text:has(.mg-pricelist--detail) > p {
	display: none;
}

.mg-pricelist .clearFilters,
.mg-pricelist .pagination .page-link {
	cursor: pointer;
}

.mg-pricelist ul.pagination {
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;
}

.mg-pricelist .pagination .page-link {
	background: none;
	box-shadow: none;
}

.mg-pricelist .pagination .page-item.disabled .page-link {
	opacity: .35;
	pointer-events: none;
}

/* Στο hospital το «Σελίδα 1 από …» πιάνει όλη τη γραμμή, αριστερά. */
.mg-pricelist .list-footer .limit > .mg-pricelist__footcol {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: left;
}

.item-page.timokatalogos .mg-pricelist__footcol p {
	margin: .5rem 0;
}

/*
 * Το κείμενο του άρθρου στο General είναι μεγαλύτερο (.com-content-article__body p: 21-24px).
 * Εδώ επαναφέρουμε τα μεγέθη του γενικού «p» του template, όπως φαίνονται στο hospital.
 */
.item-page.timokatalogos .com-content-article__body p {
	font-size: 20px;
	margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
	.item-page.timokatalogos .com-content-article__body p {
		font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.item-page.timokatalogos .com-content-article__body p {
		font-size: 18px;
	}
}

@media (min-width: 1400px) and (max-width: 1800px) {
	.item-page.timokatalogos .com-content-article__body p {
		font-size: 19px;
	}
}

/*
 * Τίτλος: στο άρθρο ισχύει «.view-article .page-header h1» (20-25px στο κινητό), που νικάει
 * το «.timokatalogos .page-header h1» του template. Μεγέθη του hospital κάτω από 992px.
 */
@media (max-width: 575.98px) {
	.item-page.timokatalogos .page-header h1 {
		font-size: 34px !important;
		line-height: 1.5;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	.item-page.timokatalogos .page-header h1 {
		font-size: 50px !important;
		line-height: 1.5;
	}
}

/*
 * Pagination: το «#blog-item-text a { display: inline }» του άρθρου ακύρωνε το display:block
 * του Bootstrap, οπότε τα κουτάκια έχαναν το πλάτος των 35px και τα βελάκια εξαφανίζονταν.
 * Το «.com-content-article__body li» (21px, list-style) μεγάλωνε το ύψος.
 */
.mg-pricelist ul.pagination li.page-item a.page-link {
	display: block !important;
}

.mg-pricelist ul.pagination li.page-item {
	font-size: 20px;
	list-style: none;
}

/*
 * Μέσα σε άρθρο ισχύει «.com-content-article__body a { color: #1C549F }», που δεν
 * υπάρχει στη σελίδα του Fabrik. Ο μεγεθυντικός φακός επιστρέφει στο χρώμα του κουμπιού.
 */
.mg-pricelist a.fabrik_view {
	color: #212529;
	font-variation-settings: normal;
	text-decoration: none;
}