@charset "UTF-8";
/**
 * Prassos Tyres - κοινά components
 *
 * ΚΑΝΟΝΑΣ: ό,τι εμφανίζεται σε πολλά σημεία του site (ενότητες, τίτλοι ενοτήτων, carousel,
 * κάρτες προϊόντων) χρησιμοποιεί ΜΟΝΟ αυτές τις κλάσεις, ώστε να είναι παντού ίδιο.
 * Τιμές (χρώματα, γωνίες, σκιές, αποστάσεις) έρχονται από το colors.css.
 *
 * Ενότητα:     <section class="prassos-section"><div class="prassos-container">...</div></section>
 * Τίτλος:      <h2 class="prassos-section-title">ΕΛΑΣΤΙΚΑ</h2> (+ προαιρ. <p class="prassos-section-subtitle">)
 * Carousel:    <div class="prassos-carousel owl-carousel owl-theme">…</div> + PrassosCarousel(...) (assets/js/prassos-components.js)
 * Κάρτα:       PrassosProductCard(item, options) (assets/js/prassos-components.js)
 */

/* ================= Ενότητα ================= */

/* σταθερή απόσταση ανάμεσα σε ενότητες (τα margins γειτονικών ενοτήτων «ενώνονται», οπότε η απόσταση είναι πάντα ίδια) */
section.prassos-section {
	margin-top: var(--prassos-section-space);
	margin-bottom: var(--prassos-section-space);
}

/* η τελευταία ενότητα της σελίδας κρατά το κενό της πριν από το footer (το αρχικό θέμα το μηδενίζει με
   «.site-main > :last-child { margin-bottom: 0 }»). Όχι στις ενότητες με δικό τους φόντο που ακουμπούν σκόπιμα το footer. */
.site-main > section.prassos-section:last-child:not(.pf-posts--related):not(.oc_categorycards) {
	margin-bottom: var(--prassos-section-space);
}

/* ΑΡΧΙΚΗ (template homepage.php): ενιαίος ρυθμός — κάθε block έχει ΙΔΙΟ εσωτερικό κενό πάνω/κάτω αντί για
   εξωτερικό, ώστε η απόσταση ανάμεσα σε δύο blocks να είναι ίδια παντού (~144px σε desktop, ~80px σε κινητό),
   είτε έχουν φόντο (π.χ. γκρι «Κατηγορίες») είτε όχι. Πριν: 60px ανάμεσα στα λευκά, 156px γύρω από το γκρι.
   Επαναφορά: σβήστε αυτούς τους 2 κανόνες (backup: _backups/home-rhythm-2026-10-13). */
body.page-template-homepage section.prassos-section,
body.page-template-homepage section.prassos-section.oc_categorycards {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: var(--prassos-home-section-pad);
	padding-bottom: var(--prassos-home-section-pad);
}

body.page-template-homepage .site-main > section.prassos-section:last-child:not(.pf-posts--related):not(.oc_categorycards) {
	margin-bottom: 0;
}

.prassos-container {
	box-sizing: border-box;
	max-width: var(--prassos-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--prassos-gutter);
	padding-right: var(--prassos-gutter);
}

/* ================= Τίτλος ενότητας ================= */

.prassos-section-title {
	display: table;
	margin: 0 auto 30px;
	padding: 0 20px 10px;
	border-bottom: 2px solid var(--prassos-text);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	color: var(--prassos-text);
}

.prassos-section-subtitle {
	margin: -12px auto 30px;
	font-size: 15px;
	text-align: center;
	color: var(--prassos-text-alt);
}

/* ================= Eyebrow + μεγάλος τίτλος (νέα αρχική) =================
   <span class="prassos-eyebrow">Η Εταιρεία μας</span>
   <h2 class="prassos-display-title">Από την Κοζάνη, ελαστικά για όλη την Ελλάδα</h2>
   Μικρή κόκκινη ετικέτα με γραμμή αριστερά + μεγάλος κεφαλαίος τίτλος. Σε σκούρο φόντο: .is-light */
.prassos-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: var(--prassos-red);
}

.prassos-eyebrow::before {
	content: '';
	flex: none;
	width: 28px;
	height: 2px;
	background: var(--prassos-red);
}

.prassos-eyebrow.is-light {
	color: var(--prassos-white);
}

.prassos-display-title,
h2.prassos-display-title {
	margin: 10px 0 0;
	font-family: var(--prassos-font);
	font-size: clamp(28px, 3.4vw, 44px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	text-wrap: balance;
	color: var(--prassos-dark);
}

.prassos-display-title.is-light {
	color: var(--prassos-white);
}

/* ================= Carousel (Owl) ================= */

.prassos-carousel {
	position: relative;
}

/* πριν ξεκινήσει το carousel (και στο preview του editor): πλέγμα αντί για στοιχεία σε όλο το πλάτος */
.prassos-carousel-pending:not(.owl-loaded) {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 25px;
}

/* χώρος πάνω-κάτω για τη σκιά/το σήκωμα των καρτών (όχι δεξιά-αριστερά, για να μη φαίνεται η επόμενη κάρτα) */
.prassos-carousel .owl-stage-outer {
	margin: 0;
	padding: 10px 0 16px;
}

/* ίσο ύψος καρτών */
.prassos-carousel .owl-stage {
	display: flex;
}

.prassos-carousel .owl-item {
	display: flex;
}

.prassos-carousel .owl-item > * {
	width: 100%;
}

/* όταν χωράνε όλα: κεντραρισμένα, χωρίς βελάκια/τελείες */
.prassos-carousel.is-static .owl-stage {
	margin: 0 auto;
}

.prassos-carousel.is-static .owl-nav,
.prassos-carousel.is-static .owl-dots {
	display: none !important;
}

/* βελάκια: το κοινό στυλ βελακιών του site (header.php «.owl-nav > .owl-prev»),
   κεντραρισμένα μέσα στο κενό δεξιά-αριστερά του περιεχομένου */
.prassos-carousel .owl-nav > .owl-prev {
	left: calc(var(--prassos-gutter) / -2 - 28px);
}

.prassos-carousel .owl-nav > .owl-next {
	right: calc(var(--prassos-gutter) / -2 - 28px);
}

.prassos-carousel .owl-nav.disabled {
	display: none;
}

.prassos-carousel .owl-dots .owl-dot span {
	background-color: var(--prassos-gray);
}

.prassos-carousel .owl-dots .owl-dot.active span,
.prassos-carousel .owl-dots .owl-dot:hover span {
	background-color: var(--prassos-text);
}

/* από 600px: βελάκια χωρίς τελείες — κινητό: σύρσιμο με τελείες χωρίς βελάκια */
@media screen and (min-width: 600px) {
	.prassos-carousel .owl-dots {
		display: none !important;
	}
}

@media screen and (max-width: 599px) {
	.prassos-carousel .owl-nav {
		display: none !important;
	}
}

/* ενότητες μόνο για συνδεδεμένους (π.χ. OC Carousel With Products): κρυμμένες μέχρι να φανεί ότι ο χρήστης
   είναι συνδεδεμένος (body.loggedIn μπαίνει νωρίς από το site-header.php) — ο επισκέπτης δεν τις βλέπει ποτέ */
body:not(.loggedIn) .is-members-only {
	display: none !important;
}

/* ================= Loader ================= */

/* Ένας loader για όλο το site: λεπτό γκρι δαχτυλίδι με κόκκινο τόξο που γυρίζει.
   Νέα σημεία: <span class="prassos-loader"></span> (ή --small).
   Οι παλιοί loaders του theme (.lds-dual-ring, .buttonLoader, .row-loader-spinner…) παίρνουν την ίδια
   εμφάνιση παρακάτω, χωρίς να αλλάξει το HTML τους. Το «html» μπροστά δίνει προτεραιότητα έναντι του header.php. */

@keyframes prassos-spin {
	to { transform: rotate(360deg); }
}

.prassos-loader {
	display: inline-block;
	width: 44px;
	height: 44px;
	border: 4px solid var(--prassos-light);
	border-top-color: var(--prassos-red);
	border-radius: var(--prassos-radius-round);
	animation: prassos-spin 0.8s linear infinite;
}

.prassos-loader--small {
	width: 22px;
	height: 22px;
	border-width: 3px;
}

/* φόρμα που περιμένει απάντηση (PrassosFormBusy, prassos-components.js): ημιδιάφανο λευκό στρώμα όπως στο καλάθι,
   loader + «Αποστολή…» στη μέση του ορατού κομματιού (το top το βάζει το JS) */
.pf-form-busy {
	position: relative;
}

.pf-form-busy__overlay {
	position: absolute;
	inset: 0;
	z-index: 5;
	background: var(--prassos-overlay-light);
	cursor: progress;
}

.pf-form-busy__box {
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	transform: translate(-50%, -50%);
}

.pf-form-busy__text {
	color: var(--prassos-dark);
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
}

/* κεντραρισμένος loader μέσα στο κουτί του (loaderWrapper του theme) */
.loaderWrapper .prassos-loader {
	display: block;
	margin: 40px auto;
}

/* --- παλιοί loaders του theme → ίδια εμφάνιση --- */
html .lds-dual-ring:after {
	width: 44px;
	height: 44px;
	margin: 18px;
	border: 4px solid var(--prassos-light);
	border-top-color: var(--prassos-red);
	animation: prassos-spin 0.8s linear infinite;
}

html .buttonloader .lds-dual-ring:after,
html .lds-dual-ring-small:after {
	width: 22px;
	height: 22px;
	border: 3px solid var(--prassos-light);
	border-top-color: var(--prassos-red);
	animation: prassos-spin 0.8s linear infinite;
}

html .buttonloader .lds-dual-ring:after {
	margin: 0;
}

/* loader μέσα σε (κόκκινο) κουμπί: λευκό τόξο */
html .buttonLoader:after {
	border: 3px solid var(--prassos-border-on-dark);
	border-top-color: var(--prassos-white);
	animation: prassos-spin 0.8s linear infinite;
}

html .row-loader-spinner {
	border: 3px solid var(--prassos-light);
	border-top-color: var(--prassos-red);
	animation: prassos-spin 0.8s linear infinite;
}

/* ================= Μη διαθέσιμο προϊόν (χωρίς απόθεμα & χωρίς ημερομηνία επόμενης παραλαβής) =================
   Κανόνας: PrassosIsUnavailable (prassos-components.js). Το προϊόν φαίνεται κανονικά· μόνο ποσότητα + καλάθι
   γίνονται γκρι (🚫) και γράφει γιατί. Κάρτα, λίστα (footer.php: tr/.product .pf-unavailable), σελίδα προϊόντος, σύγκριση. */
button.pf-unavailable-btn,
button.pf-unavailable-btn:hover,
button.pf-unavailable-btn:focus,
button.pf-unavailable-btn:disabled {
	border-color: transparent !important;
	background: var(--prassos-light) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: var(--prassos-muted) !important;
	opacity: 1 !important;
	transform: none !important;
	cursor: not-allowed !important;
}

button.pf-unavailable-btn .fa {
	color: var(--prassos-muted) !important;
}

button.pf-unavailable-btn span {
	margin-left: 6px;
}

/* ποσότητα: αχνή και χωρίς κλικ */
.pf-unavailable-qty,
tr.pf-unavailable .popup_days .quantity,
.product.pf-unavailable .popup_days .quantity,
.pp-buy.is-unavailable .pp-qty {
	opacity: 0.45;
	pointer-events: none;
}

/* «γιατί» — κάρτα, κινητό, σελίδα προϊόντος */
.pf-unavailable-note {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin: 6px 0 0;
	font-family: var(--prassos-font);
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: normal;
	color: var(--prassos-red);
}

.pf-unavailable-note .fa {
	margin-top: 2px;
}

/* πίνακας: στη στήλη «Παραλαβή» (ή «Απόθεμα» όταν η «Παραλαβή» είναι κρυφή) */
.pf-unavailable-cell {
	display: block;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	color: var(--prassos-muted);
}

/* ================= Κάρτα προϊόντος ================= */

.prassos-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid var(--prassos-light); /* καθαρό όριο και στην πάνω άκρη (η σκιά πέφτει προς τα κάτω) */
	border-radius: var(--prassos-radius-md); /* χωρίς overflow: hidden για να μην κόβεται η κορδέλα «Προσφορά» */
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-product-card:hover {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

.prassos-product-card .ppc-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 230px;
	padding: 20px;
	/* οι πάνω γωνίες ακολουθούν την καμπύλη της κάρτας (αλλιώς το λευκό φόντο «σπάει» τις γωνίες) */
	border-radius: calc(var(--prassos-radius-md) - 1px) calc(var(--prassos-radius-md) - 1px) 0 0;
	background-color: var(--prassos-white);
}

/* κορδέλα «Προσφορά» ακριβώς στη γωνία της κάρτας (το γενικό στυλ την βγάζει 5px έξω) */
.prassos-product-card .ribbon-top-left {
	top: 0;
	left: 0;
}

/* επίπεδη κορδέλα: χωρίς τις «διπλωμένες άκρες» (::before/::after) του παλιού στυλ, που μέσα στην κάρτα φαίνονταν σαν δοντάκια */
.prassos-product-card .ribbon::before,
.prassos-product-card .ribbon::after {
	display: none;
}

.prassos-product-card .ppc-image-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* --- εικονίδια ενεργειών στο hover (κυκλικά κουμπιά-εικονίδια, κοινός κανόνας) --- */
.prassos-product-card .ppc-quick {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 8px;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity var(--prassos-transition), transform var(--prassos-transition);
}

.prassos-product-card:hover .ppc-quick,
.prassos-product-card:focus-within .ppc-quick {
	opacity: 1;
	transform: translateY(0);
}

/* οθόνες αφής (χωρίς hover): τα εικονίδια φαίνονται πάντα */
@media (hover: none) {
	.prassos-product-card .ppc-quick {
		opacity: 1;
		transform: none;
	}
}

.prassos-product-card .ppc-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background-color: var(--prassos-dark-button);
	color: var(--prassos-white);
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-color var(--prassos-transition);
}

.prassos-product-card .ppc-icon:hover,
.prassos-product-card .ppc-icon:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
	color: var(--prassos-white);
}

/* ήδη στα αγαπημένα: πορτοκαλί, όπως στο παλιό site */
.prassos-product-card .ppc-fav.myfavorite {
	background-color: var(--prassos-orange);
}

.prassos-product-card .ppc-image img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain;
}

.prassos-product-card .ppc-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 14px 18px 18px;
}

.prassos-product-card .ppc-brand {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-text-alt);
}

.prassos-product-card .ppc-name {
	display: -webkit-box;
	min-height: 2.7em;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	line-height: 1.35;
	color: var(--prassos-text);
	text-decoration: none;
	transition: color var(--prassos-transition);
}

.prassos-product-card .ppc-name:hover {
	color: var(--prassos-red);
}

.prassos-product-card .ppc-code {
	font-size: 13px;
	letter-spacing: 1px;
	color: var(--prassos-text-alt);
}

.prassos-product-card .ppc-price {
	margin-top: auto;
	padding-top: 6px;
	font-size: 16px;
	font-weight: 700;
	color: var(--prassos-text);
}

.prassos-product-card .ppc-actions {
	padding: 0 18px 18px;
}

/* κουμπί (κοινός κανόνας κουμπιών) */
.prassos-product-card .ppc-btn {
	width: 100%;
	margin: 0;
	padding: 11px 16px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-product-card .ppc-btn--secondary {
	background-color: var(--prassos-dark-button);
}

.prassos-product-card .ppc-btn:hover,
.prassos-product-card .ppc-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

/* ================= Γρήγορη προβολή προϊόντος ================= */

body.pqv-open {
	overflow: hidden;
}

.prassos-quickview {
	position: fixed;
	inset: 0;
	z-index: 1000000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background-color: var(--prassos-overlay-strong);
	opacity: 0;
	transition: opacity var(--prassos-transition);
}

.prassos-quickview.is-open {
	opacity: 1;
}

.prassos-quickview .pqv-dialog {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	width: 100%;
	max-width: 900px;
	max-height: 100%;
	overflow-y: auto;
	padding: 40px;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-lg);
	transform: translateY(12px);
	transition: transform var(--prassos-transition);
}

.prassos-quickview.is-open .pqv-dialog {
	transform: none;
}

.prassos-quickview .pqv-close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: transparent;
	color: var(--prassos-text);
	font-size: 18px;
	cursor: pointer;
	transition: background-color var(--prassos-transition);
}

.prassos-quickview .pqv-close:hover {
	background-color: var(--prassos-light);
}

.prassos-quickview .pqv-image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
}

.prassos-quickview .pqv-image img {
	max-width: 100% !important;
	max-height: 380px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
}

.prassos-quickview .pqv-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.prassos-quickview .ppc-brand {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-text-alt);
}

.prassos-quickview .pqv-name {
	margin: 0;
	font-size: 20px;
	line-height: 1.35;
	color: var(--prassos-text);
}

.prassos-quickview .ppc-code {
	font-size: 12px;
	letter-spacing: 1px;
	color: var(--prassos-text-alt);
}

.prassos-quickview .pqv-specs {
	margin: 10px 0;
	border-top: 1px solid var(--prassos-light);
}

.prassos-quickview .pqv-spec {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 8px 0;
	border-bottom: 1px solid var(--prassos-light);
	font-size: 14px;
	color: var(--prassos-text-alt);
}

.prassos-quickview .pqv-spec strong {
	color: var(--prassos-text);
}

.prassos-quickview .ppc-price {
	font-size: 20px;
	font-weight: 700;
	color: var(--prassos-text);
}

.prassos-quickview .pqv-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

/* κουμπιά (κοινός κανόνας) — ίδια με την κάρτα */
.prassos-quickview .ppc-btn {
	flex: 1 1 180px;
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-quickview .ppc-btn--secondary {
	background-color: var(--prassos-dark-button);
}

.prassos-quickview .ppc-btn:hover,
.prassos-quickview .ppc-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
	color: var(--prassos-white);
}

@media screen and (max-width: 767px) {
	.prassos-quickview .pqv-dialog {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 44px 20px 24px;
	}

	.prassos-quickview .pqv-image {
		min-height: 0;
	}

	.prassos-quickview .pqv-image img {
		max-height: 220px !important;
	}
}

/* ================= Λίστα προϊόντων (products.php) ================= */
/* Αριστερά φίλτρα (checkboxes), δεξιά προϊόντα: κάρτες (auto / 2-6 ανά σειρά) ή αναλυτική λίστα B2B */

.products-section.pf-listing {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 40px;
	max-width: var(--prassos-container);
	margin: 30px auto var(--prassos-section-space);
	padding: 0 var(--prassos-gutter);
	box-sizing: border-box;
}

/* --- φίλτρα --- */
.pf-sidebar-head,
.pf-sidebar-apply {
	display: none;
}

.pf-active {
	margin-bottom: 20px;
}

.pf-active-title {
	margin-bottom: 8px;
	font-size: 18px;
	color: var(--prassos-text);
}

.pf-active-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 10px;
}

.pf-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background-color: var(--prassos-white);
	font-size: 13px;
	color: var(--prassos-text);
	cursor: pointer;
	transition: border-color var(--prassos-transition), color var(--prassos-transition);
}

.pf-chip:hover {
	border-color: var(--prassos-red);
	color: var(--prassos-red);
}

.pf-clear {
	padding: 6px 12px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-dark-button);
	color: var(--prassos-white);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-clear:hover {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

.pf-filter-group {
	border-bottom: 1px solid var(--prassos-light);
}

.pf-filter-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 16px 0;
	border: 0;
	background: transparent;
	font-size: 17px;
	font-weight: 700;
	color: var(--prassos-text);
	text-align: left;
	cursor: pointer;
}

.pf-filter-title i {
	font-size: 12px;
	transition: transform var(--prassos-transition);
}

.pf-filter-group.is-open .pf-filter-title i {
	transform: rotate(180deg);
}

.pf-filter-body {
	display: none;
	padding-bottom: 16px;
}

.pf-filter-group.is-open .pf-filter-body {
	display: block;
}

/* μεγάλες λίστες (π.χ. μάρκες) κυλάνε μέσα τους */
.pf-filter-options {
	max-height: 260px;
	overflow-y: auto;
}

.pf-check {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 5px 0;
	font-size: 15px;
	color: var(--prassos-text);
	cursor: pointer;
}

.pf-check input {
	width: 15px;
	height: 15px;
	margin: 0;
	accent-color: var(--prassos-red);
}

.pf-check:hover span {
	color: var(--prassos-red);
}

.pf-search-box {
	display: flex;
	align-items: center;
	padding: 4px 4px 4px 16px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

.pf-search-box:focus-within {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

.pf-search-box input {
	flex: 1;
	min-width: 0;
	padding: 6px 0;
	border: 0 !important;
	outline: none;
	box-shadow: none !important;
	background: transparent;
	font-size: 14px;
}

.pf-search-box button {
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	cursor: pointer;
}

/* --- εργαλειοθήκη: προβολή, ανά σελίδα, ταξινόμηση --- */
.pf-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 24px;
	margin-bottom: 20px;
}

.pf-filters-btn {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-dark-button);
	color: var(--prassos-white);
	font-size: 14px;
	cursor: pointer;
}

.pf-views {
	display: flex;
	align-items: center;
	gap: 4px;
}

.pf-view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: var(--prassos-radius-sm);
	background: transparent;
	color: var(--prassos-gray);
	cursor: pointer;
	transition: color var(--prassos-transition), border-color var(--prassos-transition);
}

.pf-view-btn:hover {
	color: var(--prassos-text);
	border-color: var(--prassos-light);
}

.pf-view-btn.is-active {
	color: var(--prassos-text);
	border-color: var(--prassos-red);
}

.pf-view-auto {
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

/* μικρά «κουτάκια» που δείχνουν τις στήλες */
.pf-view-grid {
	display: flex;
	gap: 2px;
}

.pf-view-grid i,
.pf-view-list i {
	display: block;
	background-color: currentColor;
}

.pf-view-grid i {
	width: 3px;
	height: 14px;
}

.pf-view-list {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.pf-view-list i {
	width: 16px;
	height: 5px;
}

.pf-selects {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-left: auto;
}

.pf-select {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0 6px 0 12px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-white);
	font-size: 14px;
	color: var(--prassos-text-alt);
}

.pf-select select {
	height: 36px;
	padding: 0 4px;
	border: 0 !important;
	background: transparent;
	font-size: 14px;
	color: var(--prassos-text);
	cursor: pointer;
}

/* --- κάρτες --- */
.pf-grid {
	display: grid;
	grid-template-columns: repeat(var(--pf-cols, 4), minmax(0, 1fr));
	gap: 25px;
}

.pf-grid.is-auto {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.pf-no-results {
	grid-column: 1 / -1;
	padding: 60px 20px;
	text-align: center;
	color: var(--prassos-text-alt);
}

/* κάρτες ή λίστα, ποτέ και τα δύο */
.pf-listing .pf-list {
	display: none;
}

.pf-listing.is-list .pf-list {
	display: block;
}

.pf-listing.is-list .pf-grid {
	display: none;
}

/* χωρίς login: στη λίστα δεν εμφανίζεται κουμπί (όπως και στις κάρτες) */
body:not(.loggedIn) .pf-listing .loggedOutItem {
	display: none !important;
}

/* --- κινητό / tablet: τα φίλτρα γίνονται πάνελ από αριστερά --- */
@media screen and (max-width: 1023px) {
	.products-section.pf-listing {
		grid-template-columns: minmax(0, 1fr);
	}

	.pf-filters-btn {
		display: inline-flex;
	}

	.pf-sidebar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 1000001;
		width: min(340px, 88vw);
		padding: 0 20px 20px;
		overflow-y: auto;
		background-color: var(--prassos-white);
		box-shadow: var(--prassos-shadow-lg);
		transform: translateX(-105%);
		transition: transform var(--prassos-transition);
	}

	.pf-listing.filters-open .pf-sidebar {
		transform: none;
	}

	.pf-sidebar-backdrop {
		position: fixed;
		inset: 0;
		z-index: 1000000;
		background-color: var(--prassos-overlay-strong);
		opacity: 0;
		visibility: hidden;
		transition: opacity var(--prassos-transition), visibility var(--prassos-transition);
	}

	.pf-listing.filters-open ~ .pf-sidebar-backdrop {
		opacity: 1;
		visibility: visible;
	}

	.pf-sidebar-head {
		position: sticky;
		top: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 -20px 10px;
		padding: 16px 20px;
		border-bottom: 1px solid var(--prassos-light);
		background-color: var(--prassos-white);
		font-size: 18px;
		font-weight: 700;
	}

	.pf-sidebar-close {
		width: 36px;
		height: 36px;
		border: 0;
		border-radius: var(--prassos-radius-round);
		background: transparent;
		font-size: 18px;
		cursor: pointer;
	}

	.pf-sidebar-apply {
		display: block;
		width: 100%;
		margin-top: 20px;
		padding: 12px;
		border: 0;
		border-radius: var(--prassos-radius-md);
		background-color: var(--prassos-red);
		color: var(--prassos-white);
		font-weight: 600;
		cursor: pointer;
	}

	.pf-selects {
		margin-left: 0;
	}
}

@media screen and (max-width: 599px) {
	.pf-views {
		display: none;
	}
}

/* ================= Διορθώσεις έναντι γενικών κανόνων του παλιού theme ================= */

/* Το header.php κοκκινίζει ΚΑΘΕ κουμπί στο hover (button:hover). Τα κουμπιά-κείμενα / εικονίδια
   της λίστας προϊόντων δεν πρέπει να αλλάζουν φόντο (links κειμένου = αλλαγή μόνο χρώματος). */
.pf-listing .pf-filter-title,
.pf-listing .pf-filter-title:hover,
.pf-listing .pf-filter-title:focus,
.pf-listing .pf-view-btn,
.pf-listing .pf-view-btn:hover,
.pf-listing .pf-view-btn:focus,
.pf-listing .pf-sidebar-close,
.pf-listing .pf-sidebar-close:hover {
	background-color: transparent;
}

.pf-listing .pf-filter-title:hover {
	color: var(--prassos-red);
}

.pf-listing .pf-chip,
.pf-listing .pf-chip:hover,
.pf-listing .pf-chip:focus {
	background-color: var(--prassos-white);
}


/* ================= Breadcrumb (inc/breadcrumb.php) ================= */
/* Απλό κείμενο κάτω από το header, στην κοινή κάθετη γραμμή. Links: αλλαγή μόνο χρώματος. */

/* το παλιό breadcrumb (μαύρη μπάρα) κρύβεται — τα στοιχεία του μεταφέρονται στο νέο (prassos-components.js) */
.breadcrumbBar {
	display: none !important;
}

.prassos-breadcrumb {
	box-sizing: border-box;
	max-width: var(--prassos-container);
	margin: 0 auto;
	padding: 18px var(--prassos-gutter) 0;
}

.prassos-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 1.5;
}

.prassos-breadcrumb li {
	display: flex;
	align-items: center;
	min-width: 0;
	margin: 0;
	color: var(--prassos-text-alt);
}

.prassos-breadcrumb li + li::before {
	content: '\203A';
	margin: 0 10px;
	font-size: 15px;
	color: var(--prassos-gray);
}

.prassos-breadcrumb a {
	color: var(--prassos-text-alt);
	text-decoration: none;
	transition: color var(--prassos-transition);
}

.prassos-breadcrumb a:hover,
.prassos-breadcrumb a:focus-visible {
	color: var(--prassos-red);
}

.prassos-breadcrumb .is-current {
	font-weight: 700;
	color: var(--prassos-text);
}

/* κινητό: Αρχική › … › τρέχουσα σελίδα */
@media screen and (max-width: 599px) {
	.prassos-breadcrumb ol {
		flex-wrap: nowrap;
	}

	.prassos-breadcrumb li:not(:first-child):not(:last-child) {
		display: none;
	}

	.prassos-breadcrumb li:first-child:not(:nth-last-child(-n+2))::after {
		content: '\203A   \2026'; /* το 1ο κενό μετά το escape «τρώγεται» → εμφανίζονται 2, όπως πριν */
		margin-left: 10px;
		white-space: pre;
		color: var(--prassos-gray);
	}

	.prassos-breadcrumb li:last-child span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* ================= Banner κορυφής δημόσιων σελίδων =================
   (functions.php prassos_page_banner — Σελίδα Κειμένου, Επικοινωνία)
   Φωτογραφία σε όλο το πλάτος με σκούρα διαβάθμιση, breadcrumb + τίτλος κάτω αριστερά, λεπτό πλαίσιο
   όπως στο hero της αρχικής. Με το διάφανο header (body.pf-hdr-on) ανεβαίνει κάτω από την κύρια γραμμή,
   ακριβώς κάτω από την κόκκινη μπάρα (ίδιος υπολογισμός με το .oc_hero--first). */
.pf-page-banner {
	--pf-banner-top: 0px; /* πόσο ανεβαίνει κάτω από το διάφανο header */
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: calc(clamp(190px, 17vw, 250px) + var(--pf-banner-top)); /* όπως στο mockup: χαμηλό, να φαίνεται αμέσως το περιεχόμενο */
	margin: 0;
	overflow: hidden;
	background: var(--prassos-dark);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
}

body.pf-hdr-on .pf-page-banner {
	--pf-banner-top: calc(55px + var(--pf-header-extra-top));
	margin-top: calc(-1 * var(--pf-banner-top));
}

.pf-page-banner .pf-page-banner__bg {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
}

/* σκούρα διαβάθμιση από αριστερά/κάτω, για να διαβάζονται τα λευκά γράμματα */
.pf-page-banner::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, var(--prassos-overlay-strong) 0%, var(--prassos-overlay-medium) 50%, transparent 85%),
		linear-gradient(0deg, var(--prassos-overlay-medium) 0%, transparent 55%);
}

/* χωρίς φωτογραφία (δεν έχει οριστεί Featured image ούτε προεπιλογή): απαλή σκούρα διαβάθμιση αντί για επίπεδο μαύρο */
.pf-page-banner.is-plain {
	background: linear-gradient(160deg, var(--prassos-text-alt) 0%, var(--prassos-dark) 55%, var(--prassos-black) 100%);
}

.pf-page-banner.is-plain::after {
	display: none;
}

/* λεπτό ημιδιάφανο πλαίσιο (όπως στο hero) */
.pf-page-banner::before {
	content: '';
	position: absolute;
	inset: 18px;
	z-index: 2;
	border: 1px solid var(--prassos-border-on-dark);
	pointer-events: none;
}

.pf-page-banner__in {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	max-width: var(--prassos-container);
	margin: 0 auto;
	padding: calc(var(--pf-banner-top) + 24px) var(--prassos-gutter) clamp(26px, 3vw, 40px);
}

/* breadcrumb μέσα στο banner: λευκό, χωρίς το δικό του περιθώριο */
.pf-page-banner .prassos-breadcrumb {
	max-width: none;
	margin: 0 0 4px;
	padding: 0;
}

.pf-page-banner .prassos-breadcrumb li,
.pf-page-banner .prassos-breadcrumb a,
.pf-page-banner .prassos-breadcrumb .is-current {
	color: var(--prassos-light);
}

.pf-page-banner .prassos-breadcrumb a:hover,
.pf-page-banner .prassos-breadcrumb a:focus-visible,
.pf-page-banner .prassos-breadcrumb .is-current {
	color: var(--prassos-white);
}

.pf-page-banner .prassos-breadcrumb li + li::before {
	color: var(--prassos-light);
}

.pf-page-banner h1.pf-page-banner__title {
	max-width: 22ch;
	margin: 0;
	font-family: var(--prassos-font);
	font-size: clamp(30px, 4.2vw, 56px);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -0.3px;
	text-transform: uppercase;
	text-wrap: balance;
	color: var(--prassos-white);
}

/* το site δίνει σε κάθε <p> letter-spacing −1px και πάχος 500 */
.pf-page-banner p.pf-page-banner__text {
	max-width: 56ch;
	margin: 0;
	font-size: clamp(15px, 1.2vw, 17px);
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: normal;
	color: var(--prassos-light);
}

@media screen and (max-width: 640px) {
	.pf-page-banner::before {
		inset: 8px;
	}
}

/* ================= Φόρμα (κοινό στυλ — πρώτη χρήση: «Γίνε συνεργάτης», partner-application.php) =================
   Ίδια εμφάνιση πεδίων με τη φόρμα της Επικοινωνίας (radius-md, λεπτό γκρι περίγραμμα, δακτύλιος στο focus).
   Λάθος: .prassos-field.is-invalid → κόκκινο περίγραμμα + μήνυμα (.prassos-field-error) κάτω από το πεδίο.
   <div class="prassos-form-panel"><form class="prassos-form"><div class="prassos-form-grid">
     <div class="prassos-field"><label>…</label><input><p class="prassos-field-error" hidden></p></div> … */
.prassos-partner .pa-intro {
	max-width: 820px;
	margin: 0 auto 32px;
}

.prassos-form-panel {
	box-sizing: border-box;
	max-width: 980px;
	margin: 0 auto;
	padding: clamp(22px, 3vw, 36px);
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-bg-light);
}

.prassos-form-title {
	margin: 0 0 8px;
	font-family: var(--prassos-font);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-text);
}

/* το site δίνει σε κάθε <p> letter-spacing −1px */
p.prassos-form-intro {
	margin: 0 0 24px;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: normal;
	color: var(--prassos-text-alt);
}

.prassos-form-req {
	color: var(--prassos-muted);
}

.prassos-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 20px;
}

.prassos-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	margin: 0;
}

.prassos-field.is-full {
	grid-column: 1 / -1;
}

.prassos-field > label {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	color: var(--prassos-text-alt);
}

.prassos-req {
	color: var(--prassos-red);
}

.prassos-optional {
	margin-left: 6px;
	font-weight: 400;
	color: var(--prassos-muted);
}

.prassos-form .prassos-field input:not([type="checkbox"]),
.prassos-form .prassos-field select,
.prassos-form .prassos-field textarea {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	min-height: 46px;
	margin: 0 !important;
	padding: 11px 14px !important;
	border: 1px solid var(--prassos-gray) !important;
	border-radius: var(--prassos-radius-md) !important;
	background-color: var(--prassos-white) !important;
	box-shadow: none !important;
	font-family: var(--prassos-font);
	font-size: 15px !important;
	color: var(--prassos-text) !important;
	transition: border-color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-form .prassos-field textarea {
	resize: vertical;
}

.prassos-form .prassos-field input::placeholder,
.prassos-form .prassos-field textarea::placeholder {
	color: var(--prassos-gray);
	opacity: 1;
}

.prassos-form .prassos-field input:focus,
.prassos-form .prassos-field select:focus,
.prassos-form .prassos-field textarea:focus {
	outline: none;
	border-color: var(--prassos-dark) !important;
	box-shadow: var(--prassos-focus-ring) !important;
}

/* --- λάθος --- */
.prassos-form .prassos-field.is-invalid input:not([type="checkbox"]),
.prassos-form .prassos-field.is-invalid select,
.prassos-form .prassos-field.is-invalid textarea {
	border-color: var(--prassos-red) !important;
}

.prassos-form .prassos-field.is-invalid input:focus,
.prassos-form .prassos-field.is-invalid select:focus,
.prassos-form .prassos-field.is-invalid textarea:focus {
	box-shadow: 0 0 0 2px var(--prassos-red) !important;
}

.prassos-form .prassos-field.is-invalid > label {
	color: var(--prassos-red);
}

p.prassos-field-error {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin: 0;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: normal;
	color: var(--prassos-red);
}

p.prassos-field-error::before {
	content: '!';
	display: grid;
	place-items: center;
	flex: none;
	width: 15px;
	height: 15px;
	margin-top: 1px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-red);
	color: var(--prassos-white);
	font-size: 10px;
	font-weight: 700;
}

p.prassos-field-error[hidden] {
	display: none;
}

/* --- συγκατάθεση --- */
.prassos-consent-field {
	margin-top: 20px;
}

.prassos-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--prassos-text);
	cursor: pointer;
}

.prassos-consent input {
	flex-shrink: 0;
	margin-top: 2px;
}

.prassos-consent a {
	color: var(--prassos-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.prassos-consent-field.is-invalid .prassos-consent,
.prassos-consent-field.is-invalid .prassos-consent a {
	color: var(--prassos-red);
}

/* --- σύνοψη λαθών + κουμπί --- */
.prassos-form .pf-login-alert {
	margin: 20px 0 0;
}

/* κουμπί: κοινός κανόνας κουμπιών (κόκκινο, radius-md, hover = σήκωμα + shadow-md) */
.prassos-form button.prassos-form-submit,
.prassos-form button.prassos-form-submit:hover,
.prassos-form button.prassos-form-submit:focus-visible {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	margin: 22px 0 0;
	padding: 0 28px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.prassos-form button.prassos-form-submit:hover,
.prassos-form button.prassos-form-submit:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

@media screen and (max-width: 640px) {
	.prassos-form-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.prassos-form button.prassos-form-submit {
		width: 100%;
	}
}

/* ================= Αίτημα τεχνικού ελέγχου (technical-request.php) =================
   Πάνω στην κοινή φόρμα (.prassos-form): βήματα με αριθμό, αναζήτηση ελαστικού, κουτιά φωτογραφιών,
   πρόοδος αποστολής, επιτυχία, συρτάρι «Οδηγίες φωτογράφισης» (.pf-order-drawer.ptr-guide). */
.ptr.prassos-form-panel {
	max-width: none;
}

.ptr-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px 20px;
	margin: 0 0 28px;
}

/* μετά την επιτυχία (technical-request.php done()): κρύβονται εισαγωγή + «Οδηγίες φωτογράφισης» */
.ptr-head [hidden],
.ptr-intro[hidden],
.ptr .prassos-form[hidden],
.ptr-open[hidden],
.ptr-resumed[hidden],
.ptr-open__actions [hidden] {
	display: none !important;
}

/* --- ανοιχτό (μη ολοκληρωμένο) αίτημα: Συνέχεια / Νέο αίτημα --- */
.ptr-open {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0 0 24px;
	padding: 18px 20px;
	border: 1px solid var(--prassos-warning);
	border-left-width: 4px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-warning-bg);
}

.ptr-open > .fa {
	margin-top: 3px;
	font-size: 20px;
	color: var(--prassos-warning);
}

.ptr-open__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.ptr-open__title {
	font-size: 16px;
	color: var(--prassos-dark);
}

p.ptr-open__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: normal;
	color: var(--prassos-text);
}

.ptr-open__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.ptr .ptr-open__actions button.prassos-form-submit,
.ptr .ptr-open__actions button.prassos-form-submit:hover {
	margin: 0;
	min-height: 44px;
}

.ptr-open__actions button.prassos-form-submit {
	display: inline-flex;
	align-items: center;
	padding: 0 22px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.ptr-open__actions button:disabled {
	opacity: 0.6;
	cursor: wait;
}

.ptr-resumed {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 20px;
	padding: 12px 14px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-info-bg);
	color: var(--prassos-info);
	font-size: 14px;
	line-height: 1.5;
}

.ptr-resumed .fa {
	margin-top: 3px;
}

/* φωτογραφία που έχει ήδη ανέβει (ανοιχτό αίτημα): κλειδωμένη, χωρίς αφαίρεση */
.ptr-thumb.is-locked {
	outline: 2px solid var(--prassos-success);
	outline-offset: -2px;
}

.ptr-thumb__lock {
	position: absolute;
	right: 3px;
	bottom: 3px;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-success);
	color: var(--prassos-white);
	font-size: 11px;
}

.ptr-head p.prassos-form-intro {
	margin-bottom: 0;
}

.ptr-head > div {
	flex: 1 1 380px;
	min-width: 0;
}

/* κουμπί-περίγραμμα (Οδηγίες / Νέο αίτημα) */
button.ptr-guide-btn,
a.ptr-guide-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid var(--prassos-gray);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	color: var(--prassos-dark);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), border-color var(--prassos-transition);
}

button.ptr-guide-btn:hover,
button.ptr-guide-btn:focus-visible,
a.ptr-guide-btn:hover,
a.ptr-guide-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	border-color: var(--prassos-dark);
	/* το θέμα βάφει κόκκινο κάθε button:hover — εδώ μένει λευκό */
	background: var(--prassos-white) !important;
	color: var(--prassos-dark) !important;
}

.ptr-intro {
	margin: 0 0 24px;
}

.ptr .prassos-form {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.ptr .prassos-form .pf-login-alert,
.ptr .prassos-form button.prassos-form-submit {
	margin: 0;
}

/* --- βήματα --- */
.ptr fieldset.ptr-step {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.ptr legend.ptr-legend {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	padding: 0;
	font-family: var(--prassos-font);
	font-size: 17px;
	font-weight: 700;
	color: var(--prassos-dark);
}

.ptr-num {
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-dark);
	color: var(--prassos-white);
	font-size: 14px;
}

p.ptr-hint {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.4;
	letter-spacing: normal;
	color: var(--prassos-muted);
}

/* --- αναζήτηση ελαστικού --- */
.ptr-search {
	position: relative;
}

.prassos-form .ptr-search input {
	padding-right: 52px !important;
}

.ptr-search button.ptr-search-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	width: 38px;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-red);
	color: var(--prassos-white);
	cursor: pointer;
	transition: background-image var(--prassos-transition);
}

.ptr-search button.ptr-search-btn:hover,
.ptr-search button.ptr-search-btn:focus-visible {
	background-image: var(--prassos-darken);
}

/* λίστα αποτελεσμάτων: ίδιο ύφος με τα dropdown του header (κόκκινη γραμμή + shadow-lg) */
.ptr-results {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 20;
	max-height: 320px;
	overflow-y: auto;
	border-top: 3px solid var(--prassos-red);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-lg);
}

.ptr-results[hidden] {
	display: none;
}

.ptr-results button.ptr-result {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0;
	padding: 9px 14px;
	border: 0;
	border-bottom: 1px solid var(--prassos-bg-light);
	border-radius: 0;
	background: var(--prassos-white);
	color: var(--prassos-text);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
}

.ptr-results button.ptr-result:hover,
.ptr-results button.ptr-result:focus-visible {
	background: var(--prassos-bg-light);
	color: var(--prassos-text);
}

.ptr-result img {
	flex: none;
	width: 44px;
	height: 44px;
	object-fit: contain;
}

.ptr-result small {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	color: var(--prassos-muted);
}

p.ptr-results__msg {
	margin: 0;
	padding: 14px;
	font-size: 13px;
	letter-spacing: normal;
	color: var(--prassos-muted);
}

/* --- φωτογραφίες --- */
p.ptr-photo-rules {
	margin: -6px 0 16px;
	font-size: 13px;
	letter-spacing: normal;
	color: var(--prassos-muted);
}

p.ptr-photo-rules b {
	color: var(--prassos-dark);
}

.ptr-slots {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
}

.ptr-slot {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--prassos-gray);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

.ptr-slot.is-invalid {
	border-color: var(--prassos-red);
}

.ptr-slot__ex {
	position: relative;
	aspect-ratio: 16 / 9;
	max-width: 100%;
	background: var(--prassos-bg-light);
}

.ptr-slot__ex img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ptr-slot__tag {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 3px 7px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-overlay-strong);
	color: var(--prassos-white);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.ptr-slot__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 14px;
}

.ptr h3.ptr-slot__title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
	color: var(--prassos-dark);
}

.ptr-slot__meta {
	flex: none;
	font-size: 11.5px;
	font-weight: 400;
	color: var(--prassos-muted);
}

p.ptr-slot__text {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: normal;
	color: var(--prassos-text);
}

.ptr-slot__more {
	font-size: 13px;
}

.ptr-slot__more summary,
.ptr-guide__step summary {
	cursor: pointer;
	font-weight: 500;
	color: var(--prassos-red);
}

.ptr-slot__more ul,
.ptr-guide__step ul {
	margin: 8px 0 0;
	padding-left: 18px;
	line-height: 1.5;
}

.ptr-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
}

.ptr-thumbs:empty {
	display: none;
}

.ptr-thumb {
	position: relative;
	width: 76px;
	height: 76px;
	overflow: hidden;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-bg-light);
	box-shadow: var(--prassos-shadow-sm);
}

.ptr-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ptr-thumb button.ptr-thumb__x {
	position: absolute;
	top: 3px;
	right: 3px;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-overlay-strong);
	color: var(--prassos-white);
	font-size: 11px;
	cursor: pointer;
}

label.ptr-drop {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: auto 0 0;
	padding: 14px;
	border: 2px dashed var(--prassos-gray);
	border-radius: var(--prassos-radius-md);
	color: var(--prassos-muted);
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	transition: border-color var(--prassos-transition), background-color var(--prassos-transition);
}

.ptr-thumbs:not(:empty) + label.ptr-drop {
	margin-top: 0;
}

label.ptr-drop[hidden] {
	display: none;
}

label.ptr-drop:hover,
label.ptr-drop.is-over,
label.ptr-drop:focus-within {
	border-color: var(--prassos-red);
	background: var(--prassos-danger-bg);
}

label.ptr-drop b {
	color: var(--prassos-dark);
}

label.ptr-drop input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

/* --- πρόοδος, κουμπιά, επιτυχία --- */
.ptr-progress {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-md);
	font-size: 14px;
}

.ptr-progress[hidden] {
	display: none;
}

.ptr-progress__bar {
	height: 8px;
	overflow: hidden;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
}

.ptr-progress__bar span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--prassos-red);
	transition: width var(--prassos-transition);
}

.ptr .prassos-form.is-busy fieldset {
	opacity: 0.6;
	pointer-events: none;
}

.ptr-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 22px;
	border-top: 1px solid var(--prassos-gray);
}

.ptr-foot p {
	flex: 1 1 320px;
	margin: 0;
	font-size: 13px;
	letter-spacing: normal;
	color: var(--prassos-muted);
}

.ptr .prassos-form button.prassos-form-submit[hidden] {
	display: none;
}

.ptr .prassos-form button.prassos-form-submit:disabled {
	opacity: 0.6;
	cursor: wait;
	transform: none;
	box-shadow: none;
}

.ptr-done {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 40px 16px;
	text-align: center;
}

.ptr-done[hidden] {
	display: none;
}

.ptr-done > .fa {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-success-bg);
	color: var(--prassos-success);
	font-size: 28px;
}

.ptr h3.ptr-done__title {
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	color: var(--prassos-dark);
}

.ptr-done p {
	margin: 0 0 8px;
	letter-spacing: normal;
	color: var(--prassos-text-alt);
}

/* --- συρτάρι «Οδηγίες φωτογράφισης» --- */
.ptr-guide__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	overflow-y: auto;
	padding: 16px 20px 24px;
}

.ptr-guide__step {
	padding: 12px 14px;
	border: 1px solid var(--prassos-gray);
	border-radius: var(--prassos-radius-md);
	font-size: 14px;
}

.ptr-guide__step summary {
	font-weight: 700;
	color: var(--prassos-dark);
}

.ptr-guide__step > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
	line-height: 1.5;
}

.ptr-guide__step img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-bg-light);
}

.ptr-guide__step p {
	margin: 0;
	letter-spacing: normal;
}

@media screen and (max-width: 640px) {
	.ptr-head .ptr-guide-btn {
		width: 100%;
		justify-content: center;
	}

	.ptr-slots {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ================= Άρθρα (Posts): λίστα, κάρτα, σχετικά =================
   posts-list.php (σελίδα «Νέα»), single.php (σχετικά άρθρα), κάρτα: functions.php prassos_post_card()
   Κάρτα όπως στο mockup της αρχικής: φωτογραφία 16:10 με κόκκινη ημερομηνία, κατηγορία, τίτλος, περίληψη, «Διαβάστε».
   Κοινός κανόνας καρτών: radius-md, shadow-sm, hover = σήκωμα + shadow-md (+ zoom φωτογραφίας). */
.pf-posts .pf-posts__intro {
	max-width: 820px;
	margin: 0 0 32px;
}

.pf-posts .pf-posts__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 32px;
}

/* κουμπί «Όλα τα άρθρα» (block «OC B2B άρθρα»): κοινός κανόνας κουμπιών (κόκκινο, radius-md, hover = σήκωμα + shadow-md) */
.pf-posts a.pf-posts__all,
.pf-posts a.pf-posts__all:hover,
.pf-posts a.pf-posts__all:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 24px;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.pf-posts a.pf-posts__all:hover,
.pf-posts a.pf-posts__all:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

.pf-posts--related {
	padding: clamp(40px, 6vw, 80px) 0;
	background: var(--prassos-bg-light);
}

section.prassos-section.pf-posts--related {
	margin-bottom: 0;
}

/* --- φίλτρο κατηγορίας (κουμπιά-«χάπια») --- */
.pf-posts__filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 32px;
}

/* (a: Νέα — links με ?kat= · button: Κατάλογοι — φίλτρο στον browser) */
.pf-posts__filter a,
.pf-posts__filter button {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 500;
	color: var(--prassos-dark);
	text-decoration: none;
	cursor: pointer;
	transition: border-color var(--prassos-transition), color var(--prassos-transition), background-color var(--prassos-transition);
}

.pf-posts__filter a:hover,
.pf-posts__filter a:focus-visible,
.pf-posts__filter button:hover,
.pf-posts__filter button:focus-visible {
	border-color: var(--prassos-red);
	background: var(--prassos-white);
	color: var(--prassos-red);
}

.pf-posts__filter a.is-on,
.pf-posts__filter button.is-on {
	border-color: var(--prassos-dark);
	background: var(--prassos-dark);
	color: var(--prassos-white);
}

/* ================= Κατάλογοι (catalogs.php) =================
   Φίλτρο μάρκας (.pf-posts__filter) + αναζήτηση, προβεβλημένος κατάλογος, πλέγμα καρτών με εξώφυλλο 3:4.
   Εξώφυλλο: εικόνα του πεδίου ή σχεδιασμένο (is-red / is-dark / is-steel — ίδιο χρώμα για την ίδια μάρκα).
   Κοινός κανόνας καρτών/κουμπιών: radius-md, shadow-sm, hover = σήκωμα + shadow-md. */
.pf-catalogs__intro {
	max-width: 820px;
	margin: 0 0 32px;
}

.pf-catalogs__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 24px;
	margin: 0 0 32px;
}

.pf-catalogs__bar .pf-posts__filter {
	margin: 0;
}

.pf-catalogs__search {
	position: relative;
	flex: 0 1 320px;
	min-width: 240px;
	margin: 0 0 0 auto;
}

.pf-catalogs__search input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	margin: 0;
	padding: 0 44px 0 18px;
	border: 1px solid var(--prassos-gray);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	font-family: var(--prassos-font);
	font-size: 14px;
	color: var(--prassos-text);
}

.pf-catalogs__search input[type="search"]:focus {
	outline: none;
	border-color: var(--prassos-dark);
	box-shadow: var(--prassos-focus-ring);
}

.pf-catalogs__search .fa {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	color: var(--prassos-muted);
	pointer-events: none;
}

/* --- εξώφυλλο --- */
.pf-catalog__cover {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 8px;
	box-sizing: border-box;
	aspect-ratio: 3 / 4;
	max-width: 100%;
	overflow: hidden;
	padding: 18px;
	background: var(--prassos-dark);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
}

.pf-catalog__cover.is-red {
	background: linear-gradient(150deg, var(--prassos-red) 0%, var(--prassos-black) 120%);
}

.pf-catalog__cover.is-dark {
	background: linear-gradient(150deg, var(--prassos-text-alt) 0%, var(--prassos-black) 100%);
}

.pf-catalog__cover.is-steel {
	background: linear-gradient(150deg, var(--prassos-dark-button) 0%, var(--prassos-dark) 100%);
}

.pf-catalog__cover.has-image {
	padding: 0;
	background: var(--prassos-bg-light);
}

.pf-catalog__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--prassos-transition);
}

.pf-catalog__ext {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	padding: 3px 7px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-white);
	color: var(--prassos-red);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1px;
}

.pf-catalog__cover-kicker {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.85;
}

.pf-catalog__cover-brand {
	font-size: clamp(20px, 2vw, 28px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: 1px;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.pf-catalog__cover-title {
	position: relative;
	z-index: 1;
	margin-top: auto;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	opacity: 0.9;
}

.pf-catalog__cover-tyre {
	position: absolute;
	right: -28%;
	bottom: -16%;
	width: 95%;
	opacity: 0.18;
}

/* --- προβεβλημένος --- */
.pf-catalog-feature {
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 48px);
	align-items: center;
	margin: 0 0 48px;
	padding: clamp(20px, 3vw, 32px);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.pf-catalog-feature[hidden],
.pf-catalog[hidden] {
	display: none;
}

.pf-catalog-feature__cover {
	display: block;
	overflow: hidden;
	border-radius: var(--prassos-radius-sm);
	box-shadow: var(--prassos-shadow-md);
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-catalog-feature__cover:hover,
.pf-catalog-feature__cover:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-lg);
}

.pf-catalog-feature__body {
	min-width: 0;
}

h2.pf-catalog-feature__title {
	margin: 8px 0 12px;
	font-family: var(--prassos-font);
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: normal;
	text-transform: none;
	text-wrap: balance;
	color: var(--prassos-dark);
}

p.pf-catalog-feature__text {
	max-width: 60ch;
	margin: 0 0 18px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: normal;
	color: var(--prassos-text);
}

.pf-catalog-feature__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: var(--prassos-muted);
}

.pf-catalog-feature__meta b {
	font-weight: 500;
	color: var(--prassos-dark);
}

/* --- πλέγμα --- */
h2.pf-catalogs__heading {
	margin: 0 0 20px;
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

.pf-catalogs__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.pf-catalog {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-catalog:hover,
.pf-catalog:focus-within {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

.pf-catalog__cover-link {
	display: block;
	overflow: hidden;
}

.pf-catalog:hover .pf-catalog__cover img {
	transform: scale(1.04);
}

.pf-catalog__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
}

.pf-catalog__brand {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-red);
}

h3.pf-catalog__title {
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
	text-transform: none;
	color: var(--prassos-dark);
}

.pf-catalog__info {
	font-size: 12.5px;
	color: var(--prassos-muted);
}

/* --- κουμπιά (κοινός κανόνας κουμπιών) --- */
.pf-catalog__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
	padding-top: 12px;
}

.pf-catalog-feature .pf-catalog__actions {
	padding-top: 0;
}

a.pf-catalog__btn,
a.pf-catalog__btn:hover,
a.pf-catalog__btn:focus-visible {
	display: inline-flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid var(--prassos-red);
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.pf-catalog-feature a.pf-catalog__btn {
	flex: 0 0 auto;
	min-height: 46px;
	padding: 0 24px;
}

a.pf-catalog__btn:hover,
a.pf-catalog__btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

a.pf-catalog__btn.is-outline,
a.pf-catalog__btn.is-outline:hover,
a.pf-catalog__btn.is-outline:focus-visible {
	border-color: var(--prassos-gray);
	background-color: var(--prassos-white);
	background-image: none;
	color: var(--prassos-dark);
}

a.pf-catalog__btn.is-icon {
	flex: 0 0 42px;
	padding: 0;
}

@media screen and (max-width: 1100px) {
	.pf-catalogs__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 800px) {
	.pf-catalogs__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pf-catalog-feature {
		grid-template-columns: minmax(0, 1fr);
	}

	.pf-catalog-feature__cover {
		max-width: 240px;
	}

	.pf-catalogs__search {
		flex: 1 1 100%;
		margin: 0;
	}
}

/* κινητό: 2 στήλες (με 1 τα εξώφυλλα 3:4 θα ήταν πολύ ψηλά) — μικρότερα κουμπιά & κείμενα */
@media screen and (max-width: 520px) {
	.pf-catalogs__grid {
		gap: 14px;
	}

	.pf-catalog__body {
		padding: 12px;
	}

	.pf-catalog__cover {
		padding: 12px;
	}

	.pf-catalog__cover-title {
		display: none;
	}

	h3.pf-catalog__title {
		font-size: 14px;
	}

	a.pf-catalog__btn,
	a.pf-catalog__btn:hover,
	a.pf-catalog__btn:focus-visible {
		min-height: 38px;
		padding: 0 10px;
		font-size: 13px;
	}

	a.pf-catalog__btn.is-icon {
		flex-basis: 38px;
	}
}

@media screen and (max-width: 340px) {
	.pf-catalogs__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* --- πλέγμα καρτών --- */
.pf-posts__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.pf-posts__empty {
	margin: 0;
	padding: 48px 16px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
	font-size: 15px;
	letter-spacing: normal;
	text-align: center;
	color: var(--prassos-muted);
}

/* --- κάρτα --- */
a.pf-post-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-text);
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

a.pf-post-card:hover,
a.pf-post-card:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	color: var(--prassos-text);
}

.pf-post-card__img {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--prassos-bg-light);
}

/* χωρίς φωτογραφία: σκούρα διαβάθμιση με το λογότυπο-χρώμα */
.pf-post-card__img.is-empty {
	background: linear-gradient(160deg, var(--prassos-text-alt) 0%, var(--prassos-dark) 60%, var(--prassos-black) 100%);
}

.pf-post-card__img img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	transition: transform 0.6s ease;
}

a.pf-post-card:hover .pf-post-card__img img,
a.pf-post-card:focus-visible .pf-post-card__img img {
	transform: scale(1.05);
}

.pf-post-card__date {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 1;
	padding: 6px 10px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-red);
	color: var(--prassos-white);
	line-height: 1;
	text-align: center;
}

.pf-post-card__date b {
	display: block;
	font-size: 22px;
	font-weight: 700;
}

.pf-post-card__date span {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.pf-post-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 22px 24px 24px;
}

.pf-post-card__cat {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--prassos-red);
}

.pf-post-card__title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark);
}

.pf-post-card__excerpt {
	font-size: 14px;
	line-height: 1.55;
	color: var(--prassos-muted);
}

.pf-post-card__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 4px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--prassos-dark);
	transition: color var(--prassos-transition);
}

a.pf-post-card:hover .pf-post-card__more,
a.pf-post-card:focus-visible .pf-post-card__more {
	color: var(--prassos-red);
}

.pf-post-card.is-big .pf-post-card__title {
	font-size: clamp(22px, 2vw, 28px);
}

/* --- σελιδοποίηση --- */
.pf-posts__pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
}

.pf-posts__pages a {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-white);
	font-size: 14px;
	font-weight: 700;
	color: var(--prassos-dark);
	text-decoration: none;
	transition: border-color var(--prassos-transition), color var(--prassos-transition), background-color var(--prassos-transition);
}

.pf-posts__pages a:hover,
.pf-posts__pages a:focus-visible {
	border-color: var(--prassos-red);
	color: var(--prassos-red);
}

.pf-posts__pages a.is-on {
	border-color: var(--prassos-red);
	background: var(--prassos-red);
	color: var(--prassos-white);
}

/* --- άρθρο: «πίσω στη λίστα» --- */
p.pf-post__back {
	margin: 40px 0 0;
	padding-top: 24px;
	border-top: 1px solid var(--prassos-light);
	letter-spacing: normal;
}

p.pf-post__back a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--prassos-dark);
	text-decoration: none;
}

p.pf-post__back a:hover {
	color: var(--prassos-red);
}

@media screen and (max-width: 1023px) {
	.pf-posts__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 640px) {
	.pf-posts__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pf-post-card__img img {
		transition: none;
	}
}

/* ================= Λίστα προϊόντων: βελτιώσεις ================= */

/* «Ενεργά φίλτρα»: ίδιο στυλ με τους τίτλους των ομάδων φίλτρων */
.pf-listing .pf-active-title {
	font-size: 17px;
	font-weight: 700;
}

/* checkboxes: μικρά, λεπτό γκρι περίγραμμα, κόκκινα όταν επιλεγούν.
   ΚΟΙΝΟ ΣΤΥΛ: σε οποιοδήποτε checkbox του site → class="prassos-checkbox" (π.χ. newsletter, επικοινωνία)
   (!important: γενικοί κανόνες του theme για input τα μεγαλώνουν) */
.pf-listing .pf-check input[type="checkbox"],
input[type="checkbox"].prassos-checkbox {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	flex-shrink: 0;
	width: 16px !important;
	height: 16px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--prassos-gray) !important;
	border-radius: var(--prassos-radius-sm) !important;
	background: var(--prassos-white) !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: border-color var(--prassos-transition), background-color var(--prassos-transition);
}

.pf-listing .pf-check input[type="checkbox"]::before,
.pf-listing .pf-check input[type="checkbox"]::after,
input[type="checkbox"].prassos-checkbox::before,
input[type="checkbox"].prassos-checkbox::after {
	content: none !important;
}

.pf-listing .pf-check:hover input[type="checkbox"],
label:hover > input[type="checkbox"].prassos-checkbox {
	border-color: var(--prassos-red) !important;
}

.pf-listing .pf-check input[type="checkbox"]:checked,
input[type="checkbox"].prassos-checkbox:checked {
	border-color: var(--prassos-red) !important;
	background: var(--prassos-red) !important;
}

/* το «τικ» */
.pf-listing .pf-check input[type="checkbox"]:checked::after,
input[type="checkbox"].prassos-checkbox:checked::after {
	content: '' !important;
	position: absolute;
	top: 2px;
	left: 5px;
	width: 4px;
	height: 8px;
	border: solid var(--prassos-white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.pf-listing .pf-check input[type="checkbox"]:focus-visible,
input[type="checkbox"].prassos-checkbox:focus-visible {
	box-shadow: var(--prassos-focus-ring) !important;
}

/* κοινό checkbox έξω από τα φίλτρα: στοίχιση με την 1η γραμμή του κειμένου δίπλα του */
input[type="checkbox"].prassos-checkbox {
	top: 0 !important;
	margin: 3px 0 0 !important;
}

/* σε κόκκινο/σκούρο φόντο (π.χ. newsletter): λευκό κουτί, όταν επιλεγεί λευκό με κόκκινο «τικ» */
input[type="checkbox"].prassos-checkbox.is-on-color {
	border-color: var(--prassos-white) !important;
}

input[type="checkbox"].prassos-checkbox.is-on-color:checked {
	border-color: var(--prassos-white) !important;
	background: var(--prassos-white) !important;
}

input[type="checkbox"].prassos-checkbox.is-on-color:checked::after {
	border-color: var(--prassos-red);
}

input[type="checkbox"].prassos-checkbox.is-on-color:focus-visible {
	box-shadow: 0 0 0 2px var(--prassos-white) !important;
}

/* πεδίο αναζήτησης στα φίλτρα: ίδιο μέγεθος γραμμάτων με τα φίλτρα */
.pf-listing .pf-search-box input,
.pf-listing .pf-search-box input::placeholder {
	height: auto !important;
	padding: 6px 0 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

/* ΚΟΙΝΗ scrollbar: λεπτή, διακριτική — λίστες φίλτρων, συρτάρια (αναζήτηση, σύνδεση).
   Νέα περιοχή με κύλιση → πρόσθεσε τον selector εδώ, ώστε να είναι ίδια παντού. */
.pf-listing .pf-filter-options {
	padding-right: 6px;
}

.pf-listing .pf-filter-options,
.pf-search-drawer .pf-search-body,
.pf-login-drawer .pf-login-body,
.pf-order-drawer .po-body,
.pc-panel.is-scroll {
	scrollbar-width: thin;
	scrollbar-color: var(--prassos-gray) transparent;
}

.pf-listing .pf-filter-options::-webkit-scrollbar,
.pf-search-drawer .pf-search-body::-webkit-scrollbar,
.pf-login-drawer .pf-login-body::-webkit-scrollbar,
.pf-order-drawer .po-body::-webkit-scrollbar,
.pc-panel.is-scroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.pf-listing .pf-filter-options::-webkit-scrollbar-track,
.pf-search-drawer .pf-search-body::-webkit-scrollbar-track,
.pf-login-drawer .pf-login-body::-webkit-scrollbar-track,
.pf-order-drawer .po-body::-webkit-scrollbar-track,
.pc-panel.is-scroll::-webkit-scrollbar-track {
	background: transparent;
}

.pf-listing .pf-filter-options::-webkit-scrollbar-thumb,
.pf-search-drawer .pf-search-body::-webkit-scrollbar-thumb,
.pf-login-drawer .pf-login-body::-webkit-scrollbar-thumb,
.pf-order-drawer .po-body::-webkit-scrollbar-thumb,
.pc-panel.is-scroll::-webkit-scrollbar-thumb {
	border-radius: var(--prassos-radius-pill);
	background-color: var(--prassos-gray);
}

/* Κουμπιά της λίστας προϊόντων: στο hover κρατούν το δικό τους χρώμα και λευκό κείμενο/εικονίδιο
   (οι γενικοί κανόνες button:hover του header.php/style.css τα έκαναν κόκκινα με σκούρο κείμενο) */
.pf-listing .pf-clear,
.pf-listing .pf-clear:hover,
.pf-listing .pf-clear:focus {
	background-color: var(--prassos-dark-button);
	color: var(--prassos-white);
}

.pf-listing .pf-search-box button,
.pf-listing .pf-search-box button:hover,
.pf-listing .pf-search-box button:focus {
	background-color: var(--prassos-red);
	color: var(--prassos-white);
}

.pf-listing .pf-search-box button:hover,
.pf-listing .pf-filters-btn:hover,
.pf-listing .pf-sidebar-apply:hover {
	background-image: var(--prassos-darken);
}

.pf-listing .pf-filters-btn,
.pf-listing .pf-filters-btn:hover,
.pf-listing .pf-filters-btn:focus {
	background-color: var(--prassos-dark-button);
	color: var(--prassos-white);
}

.pf-listing .pf-sidebar-apply,
.pf-listing .pf-sidebar-apply:hover,
.pf-listing .pf-sidebar-apply:focus {
	background-color: var(--prassos-red);
	color: var(--prassos-white);
}

/* ================= Dropdown επιλογής (κοινό στυλ) ================= */
/* <label class="prassos-select pf-select"><span>Ετικέτα:</span><select>…</select></label>
   pill + shadow-sm (όπως τα πεδία), πλάτος όσο το περιεχόμενο, ετικέτα γκρι, τιμή έντονη, βελάκι ▾.
   Η λίστα επιλογών είναι η κανονική του browser (σωστή σε κινητό/πληκτρολόγιο). */
.prassos-select,
.pf-listing .pf-select {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0 34px 0 16px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	font-size: 13px;
	color: var(--prassos-text-alt);
	white-space: nowrap;
	cursor: pointer;
	transition: border-color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-select:hover,
.pf-listing .pf-select:hover {
	border-color: var(--prassos-gray);
}

.prassos-select:focus-within,
.pf-listing .pf-select:focus-within {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

/* βελάκι ▾ (με περίγραμμα, για να παίρνει χρώμα από τις μεταβλητές) */
.prassos-select::after,
.pf-listing .pf-select::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border: solid var(--prassos-text);
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
	pointer-events: none;
}

.prassos-select select,
.pf-listing .pf-select select {
	-webkit-appearance: none;
	appearance: none;
	width: auto !important;
	min-width: 0 !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: none;
	box-shadow: none !important;
	background: transparent !important;
	font-size: 13px !important;
	font-weight: 700;
	color: var(--prassos-text);
	cursor: pointer;
}

.pf-listing .pf-selects {
	gap: 10px;
}

/* --- Dropdown επιλογής με δικό μας κουμπί/λίστα (όταν τρέξει το PrassosInitSelects) --- */
.prassos-select.is-enhanced select {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0;
	pointer-events: none;
}

/* δακτύλιος μόνο με πληκτρολόγιο, όχι μετά από κλικ */
.prassos-select.is-enhanced:focus-within {
	box-shadow: var(--prassos-shadow-sm);
}

.prassos-select.is-enhanced:has(.ps-button:focus-visible) {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

.prassos-select .ps-button,
.prassos-select .ps-button:hover,
.prassos-select .ps-button:focus {
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	font-size: 13px;
	font-weight: 700;
	color: var(--prassos-text);
	cursor: pointer;
}

.prassos-select.is-open::after {
	margin-top: -2px;
	transform: rotate(-135deg);
}

/* λίστα: κοινός κανόνας για dropdowns (λευκό, radius-md, shadow-md) — όπως η επιλογή γλώσσας */
.prassos-select .ps-list {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 50;
	min-width: 100%;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity var(--prassos-transition), transform var(--prassos-transition), visibility var(--prassos-transition);
}

.prassos-select.is-open .ps-list {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.prassos-select .ps-list li {
	padding: 9px 18px;
	font-size: 14px;
	color: var(--prassos-text);
	white-space: nowrap;
	cursor: pointer;
	transition: color var(--prassos-transition);
}

.prassos-select .ps-list li:hover,
.prassos-select .ps-list li.is-active {
	color: var(--prassos-red);
}

.prassos-select .ps-list li.is-selected {
	font-weight: 700;
	color: var(--prassos-red);
}

/* ==========================================================================
   Σελίδες απλού κειμένου — template «Σελίδα Κειμένου» (text-page.php)
   text-page.php + inc/page-siblings.php
   - Χωρίς πλαϊνό μενού: τίτλος κεντραρισμένος (όπως Επικοινωνία) + στενή κεντραρισμένη στήλη
   - Με πλαϊνό μενού (η σελίδα υπάρχει στο μενού του footer): μενού αριστερά, κείμενο δεξιά
   ========================================================================== */

.prassos-textpage {
	box-sizing: border-box;
	max-width: calc(var(--prassos-reading-width) + 2 * var(--prassos-gutter));
	margin: 0 auto;
	padding: 30px var(--prassos-gutter) var(--prassos-section-space);
}

/* με πλαϊνό μενού: ίδια κάθετη γραμμή με breadcrumb/logo (ίδιο container + gutter), το κείμενο πιάνει όλο τον υπόλοιπο χώρο */
.prassos-textpage.has-side {
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	gap: 56px;
	max-width: var(--prassos-container);
}

.prassos-textpage-main {
	min-width: 0;
}

/* τίτλος: με πλαϊνό μενού στοιχίζεται αριστερά, πάνω από το κείμενο */
.prassos-textpage.has-side .prassos-textpage-title {
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}

/* --- πλαϊνό μενού --- */
.prassos-textpage-side {
	position: sticky;
	top: calc(var(--prassos-header-h-scrolled) + 20px);
	align-self: start;
	padding: 18px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.prassos-textpage-side-title {
	margin: 0 0 10px 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--prassos-text-alt);
}

.prassos-textpage-side nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.prassos-textpage-side a {
	display: block;
	padding: 9px 12px;
	border-radius: var(--prassos-radius-sm);
	font-size: 14px;
	line-height: 1.4;
	color: var(--prassos-text);
	text-decoration: none;
	transition: color var(--prassos-transition), background-color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-textpage-side a:hover {
	color: var(--prassos-red);
}

.prassos-textpage-side a.is-current {
	font-weight: 700;
	color: var(--prassos-red);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

/* --- κείμενο (ακυρώνει τους παλιούς κανόνες .singlepage / .wp-block-group / twentytwentyone) --- */
.prassos-textpage .prassos-prose {
	font-size: 16px;
	line-height: 1.75;
	color: var(--prassos-text-alt);
}

.prassos-textpage .prassos-prose > *,
.prassos-textpage .prassos-prose .wp-block-group__inner-container > * {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.prassos-textpage .prassos-prose .wp-block-group {
	max-width: none;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0;
	background: none;
}

.prassos-textpage .prassos-prose p {
	margin: 0 0 14px;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.prassos-textpage .prassos-prose h2,
.prassos-textpage .prassos-prose h3,
.prassos-textpage .prassos-prose h4 {
	margin: 36px 0 12px;
	font-family: var(--prassos-font);
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark);
}

.prassos-textpage .prassos-prose h2 { font-size: 22px; }
.prassos-textpage .prassos-prose h3 { font-size: 19px; }
.prassos-textpage .prassos-prose h4 { font-size: 16px; }

.prassos-textpage .prassos-prose > :first-child,
.prassos-textpage .prassos-prose .wp-block-group__inner-container > :first-child {
	margin-top: 0;
}

/* κενά blocks που μένουν από επικόλληση */
.prassos-textpage .prassos-prose h2:empty,
.prassos-textpage .prassos-prose h3:empty,
.prassos-textpage .prassos-prose h4:empty,
.prassos-textpage .prassos-prose p:empty {
	display: none;
}

.prassos-textpage .prassos-prose strong {
	color: var(--prassos-dark);
}

.prassos-textpage .prassos-prose a {
	color: var(--prassos-red);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color var(--prassos-transition);
}

.prassos-textpage .prassos-prose a:hover {
	color: var(--prassos-dark);
}

/* κάρτες προϊόντων μέσα στο κείμενο (π.χ. block «Carousel With Products» σε άρθρο): όχι το στυλ των links του κειμένου */
.prassos-textpage .prassos-prose .prassos-product-card a {
	text-decoration: none;
}

.prassos-textpage .prassos-prose .prassos-product-card .ppc-name {
	color: var(--prassos-text);
}

.prassos-textpage .prassos-prose .prassos-product-card .ppc-name:hover {
	color: var(--prassos-red);
}

.prassos-textpage .prassos-prose .prassos-product-card .ppc-icon,
.prassos-textpage .prassos-prose .prassos-product-card .ppc-icon:hover,
.prassos-textpage .prassos-prose .prassos-product-card .ppc-btn,
.prassos-textpage .prassos-prose .prassos-product-card .ppc-btn:hover {
	color: var(--prassos-white);
}

.prassos-textpage .prassos-prose ul,
.prassos-textpage .prassos-prose ol {
	margin: 0 0 16px;
	padding-left: 24px;
	list-style-position: outside;
}

.prassos-textpage .prassos-prose li {
	margin-bottom: 6px;
}

.prassos-textpage .prassos-prose li::marker {
	font-weight: 700;
	color: var(--prassos-red);
}

/* πίνακες (block Table) */
.prassos-textpage .prassos-prose .wp-block-table {
	margin: 4px 0 20px;
	overflow-x: auto;
}

.prassos-textpage .prassos-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
}

.prassos-textpage .prassos-prose th,
.prassos-textpage .prassos-prose thead td {
	padding: 9px 12px;
	border: 0;
	border-bottom: 2px solid var(--prassos-dark);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	color: var(--prassos-text-alt);
}

.prassos-textpage .prassos-prose td {
	padding: 11px 12px;
	border: 0;
	border-bottom: 1px solid var(--prassos-light);
	vertical-align: top;
}

.prassos-textpage .prassos-prose tbody td:first-child {
	font-weight: 700;
	color: var(--prassos-dark);
}

.prassos-textpage .prassos-prose figcaption {
	font-size: 13px;
	color: var(--prassos-text-alt);
}

/* κινητό: μία στήλη, το πλαϊνό μενού πάει κάτω από το κείμενο */
@media screen and (max-width: 900px) {
	.prassos-textpage.has-side {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	.prassos-textpage-side {
		position: static;
		order: 2;
	}

	.prassos-textpage .prassos-prose {
		font-size: 15px;
	}
}

/* με εικόνα header: η εικόνα έχει margin-bottom -75px (header.php, από 1370px) — να μη μπει το κείμενο πάνω της */
@media screen and (min-width: 1370px) {
	.HeaderImageContainer ~ .prassos-textpage {
		padding-top: 105px;
	}
}

/* ==========================================================================
   CookieYes (plugin) — banner & ρυθμίσεις cookies με το στυλ του site
   Τα χρώματα του plugin μπαίνουν ως inline style (η δωρεάν έκδοση δεν επιτρέπει αλλαγή),
   γι' αυτό χρειάζεται !important. Κουμπιά: ίδια γωνία / σκιά / hover με όλο το site.
   ========================================================================== */

.cky-consent-container,
.cky-modal,
.cky-btn-revisit-wrapper {
	font-family: var(--prassos-font);
}

/* κοινά κουμπιά */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
	border-width: 2px !important;
	border-style: solid !important;
	border-radius: var(--prassos-radius-md) !important;
	font-weight: 500;
	opacity: 1 !important;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.cky-consent-container .cky-btn:hover,
.cky-consent-container .cky-btn:focus-visible,
.cky-modal .cky-btn:hover,
.cky-modal .cky-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md) !important;
	background-image: var(--prassos-darken) !important;
}

/* Αποδοχή όλων → κόκκινο */
.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept,
.cky-consent-container .cky-btn-accept:hover,
.cky-modal .cky-btn-accept:hover {
	background-color: var(--prassos-red) !important;
	border-color: var(--prassos-red) !important;
	color: var(--prassos-white) !important;
}

/* Απόρριψη όλων & Αποθήκευση προτιμήσεων → σκούρο (εξίσου εμφανή με την αποδοχή, όπως ζητά ο GDPR) */
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-reject,
.cky-modal .cky-btn-preferences,
.cky-consent-container .cky-btn-reject:hover,
.cky-modal .cky-btn-reject:hover,
.cky-modal .cky-btn-preferences:hover {
	background-color: var(--prassos-dark) !important;
	border-color: var(--prassos-dark) !important;
	color: var(--prassos-white) !important;
}

/* Προσαρμογή → λευκό με σκούρο περίγραμμα */
.cky-consent-container .cky-btn-customize,
.cky-consent-container .cky-btn-customize:hover {
	background-color: var(--prassos-white) !important;
	border-color: var(--prassos-dark) !important;
	color: var(--prassos-dark) !important;
}

.cky-consent-container .cky-btn-customize:hover {
	background-image: none !important;
}

/* διακόπτες κατηγοριών (π.χ. Λειτουργικά) */
.cky-modal .cky-switch input[type="checkbox"]:checked {
	background: var(--prassos-red) !important;
}

/* links: «Εμφάνιση περισσότερων», πολιτική */
.cky-consent-container .cky-show-desc-btn,
.cky-modal .cky-show-desc-btn,
.cky-consent-container a,
.cky-modal a {
	color: var(--prassos-red) !important;
}

.cky-consent-container .cky-show-desc-btn:hover,
.cky-modal .cky-show-desc-btn:hover,
.cky-consent-container a:hover,
.cky-modal a:hover {
	color: var(--prassos-dark) !important;
	background: transparent !important;
}

/* focus πληκτρολογίου */
.cky-consent-container .cky-btn:focus-visible,
.cky-modal .cky-btn:focus-visible,
.cky-modal .cky-switch input[type="checkbox"]:focus-visible,
.cky-modal .cky-show-desc-btn:focus-visible {
	outline: 2px solid var(--prassos-dark) !important;
	outline-offset: 2px;
}

/* κουμπί επανεμφάνισης (αν μείνει ενεργό στο plugin) */
.cky-btn-revisit-wrapper {
	background-color: var(--prassos-dark) !important;
	box-shadow: var(--prassos-shadow-md);
}

/* ==========================================================================
   Σελίδες λογαριασμού πελάτη (body.prassos-account — functions.php)
   Κοινά σε όλες: κεφαλίδα (template-parts/b2b/topbar.php), πλαϊνό μενού
   (template-parts/b2b/leftmenu.php). Στοιχεία πελάτη: my_account.php (.pa-panel).
   Ίδιες κάθετες γραμμές με header/breadcrumb/footer (container + gutter).
   ========================================================================== */

/* --- κεφαλίδα: ακυρώνει την παλιά καμπύλη γκρι ζώνη --- */
.prassos-account .account-header {
	margin: 0;
	border-radius: 0;
	background: none;
}

.prassos-account .account-header .content {
	box-sizing: border-box;
	width: auto;
	max-width: var(--prassos-container);
	margin: 0 auto;
	padding: 0 var(--prassos-gutter);
	overflow: visible;
}

.prassos-account-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 22px 0;
	border-bottom: 1px solid var(--prassos-light);
}

.pah-id {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.pah-avatar {
	display: grid;
	place-items: center;
	flex: none;
	width: 54px;
	height: 54px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-dark);
	color: var(--prassos-white);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
}

.pah-avatar:empty {
	display: none;
}

.prassos-account-head .pah-name {
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark);
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.pah-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.pah-stat {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 150px;
	padding: 10px 16px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

.pah-stat i {
	font-size: 20px;
	color: var(--prassos-red);
}

.pah-stat strong {
	display: block;
	font-size: 18px;
	line-height: 1.2;
	color: var(--prassos-dark);
	font-variant-numeric: tabular-nums;
}

.pah-stat span {
	font-size: 12px;
	color: var(--prassos-muted);
}

/* --- σώμα: μενού αριστερά, περιεχόμενο δεξιά --- */
.prassos-account .products-section {
	box-sizing: border-box;
	max-width: var(--prassos-container);
	margin: 0 auto;
	padding: 30px var(--prassos-gutter) var(--prassos-section-space);
}

.prassos-account .products-container {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 40px;
}

.prassos-account .list-container {
	min-width: 0;
}

/* --- Αγαπημένα για επισκέπτη (favorites.php): χωρίς επωνυμία/μενού λογαριασμού, κάρτες σε όλο το πλάτος.
       Η σελίδα περνά από cache → η εμφάνιση αλλάζει στον browser με το body.loggedOut (site-header.php). --- */
.pfv-guest-title {
	display: none;
}

body.loggedOut.prassos-favorites .pfv-guest-title {
	display: block;
	margin: 0 0 20px;
	font-family: var(--prassos-font);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--prassos-dark);
}

body.loggedOut.prassos-favorites .account-header,
body.loggedOut.prassos-favorites .filters-container.account-menu {
	display: none !important;
}

body.loggedOut.prassos-favorites .products-container {
	grid-template-columns: minmax(0, 1fr);
}

@media screen and (max-width: 768px) {
	body.loggedOut.prassos-favorites .pfv-guest-title {
		font-size: 22px;
	}
}

/* το μενού δεν είναι πια «συρτάρι» φίλτρων στο κινητό */
.prassos-account .filters-container.account-menu {
	position: sticky;
	top: calc(var(--prassos-header-h-scrolled) + 20px);
	align-self: start;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	transform: none;
	background: none;
	overflow: visible;
	z-index: auto;
}

.prassos-account .filters-sidebar.filters-list {
	height: auto;
	padding: 0;
	overflow: visible;
}

.prassos-account .account-menu .applyFiltersButton {
	display: none !important;
}

/* --- πλαϊνό μενού (ίδιο ύφος με «Σελίδα Κειμένου») --- */
.prassos-account .account-menu .section-links {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 14px;
	list-style: none;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.prassos-account .account-menu .section-links li {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.prassos-account .account-menu .section-links li::before {
	content: none;
}

.prassos-account .account-menu .section-links li a,
.prassos-account .account-menu .section-links li a:not(.delivery-delay-badge) {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: var(--prassos-radius-sm);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--prassos-text);
	text-decoration: none;
	transition: color var(--prassos-transition), background-color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-account .account-menu .section-links .pam-icon {
	width: 18px;
	flex: none;
	font-size: 15px;
	text-align: center;
	color: var(--prassos-muted);
	transition: color var(--prassos-transition);
}

/* Εικονίδιο από το πεδίο Image του στοιχείου μενού (αριστερό μενού + dropdown header) */
.pam-icon.pam-img {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
}

.pam-icon.pam-img svg,
.pam-icon.pam-img img {
	display: block;
	width: 16px !important;
	height: 16px !important;
	max-width: none;
	object-fit: contain;
}

.prassos-account .account-menu .section-links li a:hover,
.prassos-account .account-menu .section-links li a:hover .pam-icon {
	color: var(--prassos-red);
}

.prassos-account .account-menu .section-links li.active a {
	font-weight: 700 !important;
	color: var(--prassos-red) !important;
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

.prassos-account .account-menu .section-links li.active .pam-icon {
	color: var(--prassos-red);
}

.prassos-account .account-menu .section-links li.pam-logout {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid var(--prassos-light);
}

.prassos-account .account-menu .section-links li.pam-logout a {
	color: var(--prassos-muted);
}

/* --- πάνελ στοιχείων (my_account.php) --- */
.pa-panel {
	overflow: hidden;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
}

.pa-panel + .pa-panel {
	margin-top: 20px;
}

.pa-panel .pa-panel-title {
	margin: 0;
	padding: 14px 20px;
	background: var(--prassos-bg-light);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

.pa-dl {
	display: grid;
	grid-template-columns: minmax(140px, 30%) minmax(0, 1fr);
	margin: 0;
	padding: 4px 20px 8px;
}

.pa-dl dt,
.pa-dl dd {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--prassos-light);
	font-size: 14px;
	line-height: 1.45;
}

.pa-dl dt {
	padding-right: 16px;
	color: var(--prassos-muted);
}

.pa-dl dd {
	font-weight: 500;
	color: var(--prassos-dark);
	overflow-wrap: anywhere;
	font-variant-numeric: tabular-nums;
}

.pa-dl dt:nth-last-child(2),
.pa-dl dd:last-child {
	border-bottom: 0;
}

.pa-dl dd.is-empty {
	font-weight: 400;
	color: var(--prassos-gray);
}

/* όσο φορτώνουν τα στοιχεία */
.pa-loading {
	display: inline-block;
	width: 120px;
	max-width: 60%;
	height: 10px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-light);
	vertical-align: middle;
}

/* --- Στατιστικά πωλήσεων (logistirio.php): πάνελ με 2 στήλες «λεκτικό → ποσό» ---
   Κάθε σειρά είναι ένα .pst-row με τη γραμμή από κάτω, ώστε η γραμμή να πιάνει πάντα όλο το πλάτος. */
.pst-cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pst-dl {
	margin: 0;
	padding: 4px 20px 8px;
}

.pst-cols .pst-dl + .pst-dl {
	border-left: 1px solid var(--prassos-light);
}

.pst-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0;
	border-bottom: 1px solid var(--prassos-light);
}

.pst-row:last-child {
	border-bottom: 0;
}

/* τα λεκτικά έρχονται χωρίς τόνους από τον κώδικα → κεφαλαία, όπως πριν */
.pst-row dt {
	min-width: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--prassos-muted);
}

.pst-row dd {
	flex: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--prassos-dark);
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.pst-row dd.is-empty {
	font-weight: 400;
	color: var(--prassos-gray);
}

.pst-msg {
	padding: 16px 20px;
	color: var(--prassos-text);
}

@media screen and (max-width: 1199px) {
	.pst-cols {
		grid-template-columns: minmax(0, 1fr);
	}

	.pst-cols .pst-dl + .pst-dl {
		border-left: 0;
		border-top: 1px solid var(--prassos-light);
	}
}

@media screen and (max-width: 600px) {
	.pst-dl {
		padding: 4px 16px 8px;
	}

	.pst-row dt {
		font-size: 11px;
	}

	.pst-row dd {
		font-size: 15px;
	}
}

/* --- tablet / κινητό: μία στήλη, το μενού γίνεται οριζόντια «κουμπάκια» --- */
@media screen and (max-width: 1023px) {
	.prassos-account .products-container {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.prassos-account .filters-container.account-menu {
		position: static;
	}

	.prassos-account .account-menu .section-links {
		flex-direction: row;
		gap: 8px;
		padding: 0 0 4px;
		overflow-x: auto;
		background: none;
		border-radius: 0;
		scrollbar-width: none;
	}

	.prassos-account .account-menu .section-links::-webkit-scrollbar {
		display: none;
	}

	.prassos-account .account-menu .section-links li a,
	.prassos-account .account-menu .section-links li a:not(.delivery-delay-badge) {
		gap: 8px;
		padding: 8px 14px;
		border-radius: var(--prassos-radius-pill);
		background: var(--prassos-bg-light);
		white-space: nowrap;
		font-size: 13px;
	}

	.prassos-account .account-menu .section-links li.active a {
		color: var(--prassos-white) !important;
		background: var(--prassos-dark);
		box-shadow: none;
	}

	.prassos-account .account-menu .section-links li.active .pam-icon {
		color: var(--prassos-white);
	}

	.prassos-account .account-menu .section-links li.pam-logout {
		margin: 0;
		padding: 0;
		border: 0;
	}
}

@media screen and (max-width: 600px) {
	.prassos-account-head {
		padding: 18px 0;
	}

	.prassos-account-head .pah-name {
		font-size: 18px;
	}

	.pah-stats {
		width: 100%;
	}

	.pah-stat {
		flex: 1;
		min-width: 0;
	}

	.pa-dl {
		grid-template-columns: minmax(0, 1fr);
		padding: 4px 16px 8px;
	}

	.pa-dl dt {
		padding: 10px 0 0;
		border-bottom: 0;
		font-size: 12px;
	}

	.pa-dl dd {
		padding: 2px 0 10px;
	}
}

/* ==========================================================================
   Dropdown λογαριασμού στο header (template-parts/header/site-header.php)
   Μικρό αντίγραφο του αριστερού μενού λογαριασμού: επωνυμία πάνω, ίδια εικονίδια
   (PrassosAccountMenu), Αποσύνδεση χωριστά. Κοινός κανόνας dropdowns: λευκό, radius-md, shadow-md.
   Ίδιο σε desktop και κινητό (στο κινητό αλλάζει μόνο η θέση, βλ. πιο κάτω).
   ========================================================================== */

@media screen {
	#header-sticky .pf-account-entry {
		position: relative;
	}

	/* το li πιάνει όλο το ύψος του header (117px → 70px στο scroll) και το κουμπί (38px) είναι στο κέντρο του:
	   μετράμε από το κάτω μέρος του κουμπιού, ώστε η απόσταση να μένει ίδια πριν & μετά το scroll */
	#header-sticky .pf-account-entry .pf-account-dd {
		position: absolute;
		top: calc(50% + 19px);
		right: 0;
		z-index: 3500;
		box-sizing: border-box;
		width: 280px;
		padding: 8px;
		border-radius: var(--prassos-radius-md);
		background: var(--prassos-white);
		box-shadow: var(--prassos-shadow-md);
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity var(--prassos-transition), transform var(--prassos-transition), visibility var(--prassos-transition);
	}

	/* μικρό «βελάκι» προς το κουμπί */
	#header-sticky .pf-account-entry .pf-account-dd::before {
		content: '';
		position: absolute;
		top: -6px;
		right: 28px;
		width: 12px;
		height: 12px;
		border-radius: 2px;
		background: var(--prassos-white);
		transform: rotate(45deg);
	}

	body.loggedIn #header-sticky .pf-account-entry.js--is--dropdown-active .pf-account-dd {
		opacity: 1;
		visibility: visible;
		transform: translateY(10px);
	}

	#header-sticky .pf-account-entry .pf-account-caret {
		transition: transform var(--prassos-transition);
	}

	#header-sticky .pf-account-entry.js--is--dropdown-active .pf-account-caret {
		transform: rotate(180deg);
	}

	/* επωνυμία */
	#header-sticky .pf-acc-who {
		position: relative;
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 6px;
		padding: 10px 12px 12px;
		border-bottom: 1px solid var(--prassos-light);
	}

	#header-sticky .pf-acc-avatar {
		display: grid;
		place-items: center;
		flex: none;
		width: 40px;
		height: 40px;
		border-radius: var(--prassos-radius-round);
		background: var(--prassos-dark);
		color: var(--prassos-white);
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.5px;
	}

	#header-sticky .pf-acc-avatar:empty {
		display: none;
	}

	#header-sticky .pf-acc-who-text {
		flex: 1;
		min-width: 0;
		line-height: 1.3;
		text-align: left;
		white-space: normal; /* το header βάζει τα πάντα σε μία γραμμή — η επωνυμία αναδιπλώνεται */
	}

	#header-sticky .pf-acc-who-text b,
	#header-sticky .pf-acc-who-text span {
		display: block;
		font-family: var(--prassos-font);
		letter-spacing: 0 !important;
		text-transform: none;
	}

	#header-sticky .pf-acc-who-text b {
		font-size: 14px;
		font-weight: 700;
		color: var(--prassos-dark);
		overflow-wrap: anywhere;
	}

	#header-sticky .pf-acc-who-text span {
		font-size: 12px;
		font-weight: 400;
		color: var(--prassos-muted);
	}

	/* η λίστα: ακυρώνει το παλιό αιωρούμενο κουτί */
	#header-sticky .pf-account-entry .pf-account-dd .service--list.delivery--select--box {
		position: static;
		display: block !important;
		width: auto;
		min-width: 0;
		height: auto;
		margin: 0;
		padding: 0;
		list-style: none;
		background: none;
		border: 0;
		box-shadow: none;
		overflow: visible;
	}

	/* !important: παλιοί κανόνες του header (li.service--entry, στοιχεία μενού σε όλο το ύψος) */
	#header-sticky .pf-account-dd #account_menu_list li {
		display: block !important;
		float: none !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	#header-sticky .pf-account-dd #account_menu_list li.hidden_menu_item {
		display: none !important;
	}

	/* καμία διακόσμηση από γενικούς κανόνες (τα εικονίδια είναι <i>, όχι ::before του li/a) */
	#header-sticky .pf-account-dd #account_menu_list li::before,
	#header-sticky .pf-account-dd #account_menu_list li::after,
	#header-sticky .pf-account-dd #account_menu_list li > a::before,
	#header-sticky .pf-account-dd #account_menu_list li > a::after {
		content: none !important;
		display: none !important;
	}

	#header-sticky .pf-account-dd #account_menu_list li a {
		display: flex !important;
		align-items: center;
		gap: 12px;
		position: static !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 9px 12px !important;
		border: 0 !important;
		border-radius: var(--prassos-radius-sm);
		background: none;
		font-family: var(--prassos-font);
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		text-align: left;
		color: var(--prassos-text) !important;
		text-decoration: none;
		white-space: normal;
		transition: color var(--prassos-transition), background-color var(--prassos-transition);
	}

	#header-sticky .pf-account-dd #account_menu_list .pam-icon {
		position: static !important;
		width: 18px;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: none;
		font-size: 15px;
		line-height: 1 !important;
		text-align: center;
		color: var(--prassos-muted);
		transition: color var(--prassos-transition);
	}

	#header-sticky .pf-account-dd #account_menu_list .pam-icon.pam-img {
		display: inline-flex;
		height: 18px !important;
	}

	#header-sticky .pf-account-dd #account_menu_list li a:hover,
	#header-sticky .pf-account-dd #account_menu_list li a:focus-visible {
		background: var(--prassos-bg-light);
		color: var(--prassos-red) !important;
	}

	#header-sticky .pf-account-dd #account_menu_list li a:hover .pam-icon,
	#header-sticky .pf-account-dd #account_menu_list li a:focus-visible .pam-icon,
	#header-sticky .pf-account-dd #account_menu_list li.active .pam-icon {
		color: var(--prassos-red);
	}

	#header-sticky .pf-account-dd #account_menu_list li.active a {
		font-weight: 700 !important;
		color: var(--prassos-red) !important;
	}

	/* Αποσύνδεση: χωριστά στο τέλος */
	#header-sticky .pf-account-dd #account_menu_list li.pam-logout {
		margin-top: 6px !important;
		padding-top: 6px !important;
		border-top: 1px solid var(--prassos-light) !important;
	}

	#header-sticky .pf-account-dd #account_menu_list li.pam-logout a {
		color: var(--prassos-muted) !important;
	}

	#header-sticky .pf-account-dd #account_menu_list li.pam-logout a:hover {
		color: var(--prassos-red) !important;
	}
}

/* κινητό: ίδιο dropdown, κάτω από το κουμπί-κύκλο του λογαριασμού, με κύλιση αν δεν χωράει */
@media screen and (max-width: 1023px) {
	#header-sticky .pf-account-entry .pf-account-dd {
		top: calc(100% + 4px);
		left: auto;
		width: min(280px, calc(100vw - 28px));
		max-height: calc(100vh - 140px);
		max-height: calc(100dvh - 140px);
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	/* χωρίς βελάκι: με την κύλιση θα κοβόταν */
	#header-sticky .pf-account-entry .pf-account-dd::before {
		display: none;
	}

	/* μεγαλύτερες γραμμές για το δάχτυλο */
	#header-sticky .pf-account-dd #account_menu_list li a {
		padding: 11px 12px !important;
	}
}

/* ==========================================================================
   Συρτάρι σύνδεσης (footer.php, #modalLogin) — ανοίγει από δεξιά όπως το καλάθι (modal-right)
   Πεδία: pill + shadow-sm (όπως η αναζήτηση). Κύριο κουμπί: κόκκινο, κοινό hover κουμπιών.
   ========================================================================== */

.pf-login-drawer.modal.modal-right .modal-dialog {
	width: 420px;
	max-width: 100%;
}

.pf-login-drawer.modal.modal-right.fade .modal-dialog {
	right: -420px;
}

.pf-login-drawer.modal.modal-right.fade.show .modal-dialog {
	right: 0;
}

.pf-login-drawer .modal-content {
	position: relative; /* για το loader της σύνδεσης */
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	border: 0;
	border-radius: 0;
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-lg);
	font-family: var(--prassos-font);
}

/* --- κεφαλίδα --- */
.pf-login-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 28px;
	padding: 26px 0 16px;
	border-bottom: 1px solid var(--prassos-light);
}

.pf-login-head h2 {
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark);
}

:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .pf-login-close,
:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .pf-login-close:hover,
:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .pf-login-close:focus-visible {
	display: grid;
	place-items: center;
	flex: none;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	color: var(--prassos-dark);
	font-size: 16px;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .pf-login-close:hover,
:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .pf-login-close:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

/* --- σώμα --- */
.pf-login-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 22px 28px 28px;
	overflow-y: auto;
}

.pf-login-lead {
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--prassos-text-alt);
}

.pf-login-field {
	margin-bottom: 16px;
}

.pf-login-field label {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--prassos-dark);
}

.pf-login-input {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	padding: 0 18px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-muted);
	transition: box-shadow var(--prassos-transition), border-color var(--prassos-transition);
}

.pf-login-input:focus-within {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
	color: var(--prassos-dark);
}

/* λάθος στοιχεία (ο κώδικας σύνδεσης βάζει .haveCredError) */
.pf-login-field.haveCredError .pf-login-input {
	border-color: var(--prassos-red);
}

.pf-login-field.haveCredError label {
	color: var(--prassos-red);
}

/* μήνυμα αποτυχίας σύνδεσης, πάνω από το κουμπί (συρτάρι + σελίδα σύνδεσης) */
.pf-login-alert {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 14px;
	padding: 11px 14px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-danger-bg);
	font-size: 13px;
	line-height: 1.45;
}

.pf-login-alert[hidden] {
	display: none;
}

.pf-login-alert > i {
	flex: none;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	margin-top: -1px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-red);
	color: var(--prassos-white);
	font-size: 11px;
}

.pf-login-alert-title {
	display: block;
	color: var(--prassos-red);
}

.pf-login-alert-text {
	display: block;
	color: var(--prassos-text-alt);
}

/* «Ξέχασα τον κωδικό» βήμα 2: βρέθηκε ο λογαριασμός (ίδιο σχήμα με το .pf-login-alert, πράσινο) */
.pf-forgot-found {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 18px;
	padding: 11px 14px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-success-bg);
	font-size: 13px;
	line-height: 1.45;
}

.pf-forgot-found[hidden],
#forgotpass_step1[hidden],
#forgotpass_step2[hidden] {
	display: none;
}

.pf-forgot-found > i {
	flex: none;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	margin-top: -1px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-success);
	color: var(--prassos-white);
	font-size: 11px;
}

.pf-forgot-found b {
	display: block;
	color: var(--prassos-success);
	word-break: break-word;
}

.pf-forgot-found span {
	color: var(--prassos-text-alt);
}

.pf-forgot-found a {
	display: inline-block;
	margin-top: 4px;
	color: var(--prassos-red);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color var(--prassos-transition);
}

.pf-forgot-found a:hover {
	color: var(--prassos-dark);
}

.pf-login-input > i {
	flex: none;
	width: 16px;
	font-size: 14px;
	text-align: center;
}

/* ακυρώνει τους γενικούς κανόνες για input του theme */
:is(.pf-login-drawer, .pf-login-page, .pf-account-pass, .pfcart) .pf-login-input input {
	flex: 1;
	min-width: 0;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	font-family: var(--prassos-font);
	font-size: 15px;
	color: var(--prassos-dark);
}

:is(.pf-login-drawer, .pf-login-page, .pf-account-pass) .pf-login-eye,
:is(.pf-login-drawer, .pf-login-page, .pf-account-pass) .pf-login-eye:hover,
:is(.pf-login-drawer, .pf-login-page, .pf-account-pass) .pf-login-eye:focus-visible {
	flex: none;
	margin: 0 -6px 0 0;
	padding: 6px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--prassos-muted);
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	transition: color var(--prassos-transition);
}

:is(.pf-login-drawer, .pf-login-page, .pf-account-pass) .pf-login-eye:hover,
:is(.pf-login-drawer, .pf-login-page, .pf-account-pass) .pf-login-eye:focus-visible,
:is(.pf-login-drawer, .pf-login-page, .pf-account-pass) .pf-login-eye.is-on {
	color: var(--prassos-red);
}

.pf-login-links {
	display: flex;
	justify-content: flex-end;
	margin: -4px 0 20px;
}

.pf-login-links a {
	font-size: 13px;
	color: var(--prassos-red);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color var(--prassos-transition);
}

.pf-login-links a:hover {
	color: var(--prassos-dark);
}

/* κύριο κουμπί: κοινός κανόνας κουμπιών */
:is(.pf-login-drawer, .pf-login-page, .pf-search-drawer, .pf-account-pass) .pf-login-submit,
:is(.pf-login-drawer, .pf-login-page, .pf-search-drawer, .pf-account-pass) .pf-login-submit:hover,
:is(.pf-login-drawer, .pf-login-page, .pf-search-drawer, .pf-account-pass) .pf-login-submit:focus-visible {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

:is(.pf-login-drawer, .pf-login-page, .pf-search-drawer, .pf-account-pass) .pf-login-submit:hover,
:is(.pf-login-drawer, .pf-login-page, .pf-search-drawer, .pf-account-pass) .pf-login-submit:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

/* --- «Δεν έχετε λογαριασμό;» στο κάτω μέρος --- */
.pf-login-partner {
	margin-top: auto;
	padding: 18px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

/* ελάχιστη απόσταση φόρμας – κάτω πλαισίου, όταν δεν περισσεύει ύψος */
.pf-login-form {
	margin-bottom: 28px;
}

.pf-login-partner b {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	color: var(--prassos-dark);
}

.pf-login-partner p {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--prassos-text-alt);
}

:is(.pf-login-drawer, .pf-login-page) .pf-login-partner-btn,
:is(.pf-login-drawer, .pf-login-page) .pf-login-partner-btn:hover,
:is(.pf-login-drawer, .pf-login-page) .pf-login-partner-btn:focus-visible {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	border: 2px solid var(--prassos-dark);
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-white);
	color: var(--prassos-dark);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

:is(.pf-login-drawer, .pf-login-page) .pf-login-partner-btn:hover,
:is(.pf-login-drawer, .pf-login-page) .pf-login-partner-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

/* ==========================================================================
   Συρτάρι «Υπολογισμός πληρωτέου ποσού» (footer.php #modalCalculate) — ίδιο «σώμα» με το συρτάρι σύνδεσης.
   Προϊόν (εικόνα + στοιχεία), ποσότητα pill + κόκκινο κουμπί, «Ανάλυση τιμής» όπως η σύνοψη του καλαθιού.
   Το #modalCalculate μπροστά: υπερισχύει των παλιών κανόνων του header.php (.calculatorImageWrapper, #titleitemname …).
   ========================================================================== */
#modalCalculate .pf-calc-body {
	display: grid;
	align-content: start;
	gap: 20px;
	flex: 1;
	min-height: 0;
	padding: 22px 28px 28px;
	overflow-y: auto;
}

#modalCalculate .calculatorLoader {
	z-index: 2;
}

/* --- προϊόν --- */
#modalCalculate .pf-calc-prod {
	display: flex;
	align-items: center;
	gap: 14px;
}

#modalCalculate .calculatorImageWrapper.pf-calc-img {
	display: grid;
	place-items: center;
	flex: none;
	width: 88px;
	height: 88px;
	margin: 0;
	padding: 6px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	overflow: hidden;
}

#modalCalculate .pf-calc-img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

#modalCalculate .pf-calc-info {
	min-width: 0;
}

#modalCalculate .pf-calc-brand {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-muted);
}

#modalCalculate #titleitemname.pf-calc-name {
	width: auto;
	margin: 3px 0;
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark);
}

#modalCalculate #titleitemcode.pf-calc-code {
	width: auto;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	color: var(--prassos-muted);
}

/* --- ποσότητα + καλάθι --- */
#modalCalculate .pf-calc-form {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}

#modalCalculate .pf-calc-qty {
	display: flex;
	flex: 0 0 128px;
	align-items: center;
	justify-content: space-between;
	height: 46px;
	margin: 0;
	padding: 0 6px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

#modalCalculate .pf-calc-step,
#modalCalculate .pf-calc-step:hover {
	display: grid;
	place-items: center;
	flex: none;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: transparent;
	color: var(--prassos-dark);
	font-size: 11px;
	cursor: pointer;
}

#modalCalculate .pf-calc-step:hover {
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
}

#modalCalculate .pf-calc-qty .cartQuantityInput {
	width: 100%;
	min-width: 0;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: var(--prassos-dark);
	-moz-appearance: textfield;
}

#modalCalculate .pf-calc-qty .cartQuantityInput::-webkit-outer-spin-button,
#modalCalculate .pf-calc-qty .cartQuantityInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#modalCalculate .pf-calc-form .pf-login-submit.pf-calc-add {
	flex: 1;
	width: auto;
	min-width: 0;
	white-space: nowrap;
}

/* --- ανάλυση τιμής (όπως η σύνοψη του καλαθιού) --- */
#modalCalculate .pf-calc-sum {
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	overflow: hidden;
	font-variant-numeric: tabular-nums;
}

#modalCalculate .pf-calc-sum-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background: var(--prassos-bg-light);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

#modalCalculate .pf-calc-sum-title::before {
	content: '';
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-success);
}

#modalCalculate .pf-calc-row,
#modalCalculate .pf-calc-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 10px 16px;
	font-size: 14px;
	color: var(--prassos-text);
}

#modalCalculate .pf-calc-row small,
#modalCalculate .pf-calc-total small {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	color: var(--prassos-muted);
}

#modalCalculate .pf-calc-row b {
	font-weight: 700;
	white-space: nowrap;
	color: var(--prassos-dark);
}

#modalCalculate .pf-calc-row.is-discount b {
	color: var(--prassos-red);
}

#modalCalculate .pf-calc-total {
	margin: 4px 16px 0;
	padding: 14px 0;
	border-top: 1px solid var(--prassos-light);
}

#modalCalculate .pf-calc-total > span {
	font-weight: 700;
	color: var(--prassos-dark);
}

#modalCalculate .pf-calc-total b {
	font-size: 22px;
	font-weight: 700;
	white-space: nowrap;
	color: var(--prassos-dark);
}

/* ==========================================================================
   Πλαϊνό καλάθι (footer.php #modalSideCart) — ίδιο «σώμα» με το συρτάρι σύνδεσης (.pf-login-drawer).
   Κυλάνε μόνο τα προϊόντα (.pfc-body)· σύνολα & κουμπί (.pfc-foot) μένουν πάντα κάτω.
   Ποσότητα: ίδιο pill με την κάρτα προϊόντος (.ppc-qty).
   ========================================================================== */
.pf-cart-drawer .pf-login-head h2 {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pfc-count {
	display: inline-grid;
	place-items: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	color: var(--prassos-text);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.pfc-count[hidden] {
	display: none;
}

.pfc-body {
	position: relative; /* για τον loader */
	flex: 1;
	min-height: 0;
	padding: 4px 28px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--prassos-gray) transparent;
}

.pfc-body::-webkit-scrollbar { width: 5px; }
.pfc-body::-webkit-scrollbar-track { background: transparent; }
.pfc-body::-webkit-scrollbar-thumb { border-radius: var(--prassos-radius-pill); background-color: var(--prassos-gray); }

.pfc-body[hidden] {
	display: none;
}

/* --- προϊόν --- */
#modalSideCart .sideCartRow.pfc-item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	align-items: start;
	gap: 4px 12px;
	padding: 16px 0;
	border-bottom: 1px solid var(--prassos-light);
}

#modalSideCart .sideCartRow.pfc-item:last-child {
	border-bottom: 0;
}

.pfc-img {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	padding: 6px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.pfc-img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.pfc-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	min-width: 0;
}

.pfc-name,
.pfc-name:hover {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark) !important;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.pfc-name:hover {
	color: var(--prassos-red) !important;
}

.pfc-meta {
	font-size: 12px;
	white-space: nowrap; /* ο κωδικός δεν σπάει στη μέση */
	color: var(--prassos-muted);
}

.pfc-dot {
	margin-top: 2px;
	padding: 2px 7px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-info-bg);
	color: var(--prassos-info);
	font-size: 11px;
	font-weight: 500;
}

/* τιμή στην ίδια γραμμή βάσης με την ΠΡΩΤΗ σειρά του ονόματος (όσες σειρές κι αν έχει το όνομα) */
#modalSideCart .sideCartRow.pfc-item .pfc-info,
#modalSideCart .sideCartRow.pfc-item .pfc-price {
	align-self: baseline;
}

#modalSideCart .sideCartRow.pfc-item .pfc-img {
	align-self: start;
}

#modalSideCart .pfc-price {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* εισφορά ανακύκλωσης: πράσινη ένδειξη με ♻ (ίδιο σχήμα με την ένδειξη παρτίδας DOT) */
.pfc-fee {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 2px;
	padding: 2px 8px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-success-bg);
	color: var(--prassos-success);
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.pfc-price b {
	display: block;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	color: var(--prassos-dark);
}


.pfc-ctrl {
	grid-column: 2 / 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 6px;
}

/* ποσότητα: pill όπως στις κάρτες προϊόντων */
:is(#modalSideCart .sideCartRow, .pfcart) p.pfc-qty {
	display: inline-flex;
	align-items: center;
	width: auto;
	min-width: 0; /* παλιός κανόνας: .sideCartRow p.quantity { min-width: 130px } */
	height: 34px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	overflow: hidden;
}

:is(#modalSideCart, .pfcart) .pfc-qty .changeQuantityButton {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--prassos-muted);
	font-size: 11px;
	cursor: pointer;
	transition: color var(--prassos-transition), background-color var(--prassos-transition);
}

:is(#modalSideCart, .pfcart) .pfc-qty .changeQuantityButton:hover {
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
}

:is(#modalSideCart, .pfcart) .pfc-qty .cartQuantityInput {
	width: 34px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: center !important;
	font-family: var(--prassos-font);
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--prassos-dark) !important;
	-moz-appearance: textfield;
}

:is(#modalSideCart, .pfcart) .pfc-qty .cartQuantityInput::-webkit-outer-spin-button,
:is(#modalSideCart, .pfcart) .pfc-qty .cartQuantityInput::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* διαγραφή: διακριτικός κύκλος, κόκκινος στο hover */
:is(#modalSideCart, .pfcart) .pfc-remove,
:is(#modalSideCart, .pfcart) .pfc-remove:hover,
:is(#modalSideCart, .pfcart) .pfc-remove:focus-visible {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	box-shadow: none;
	color: var(--prassos-muted);
	font-size: 13px;
	cursor: pointer;
	transition: color var(--prassos-transition), background-color var(--prassos-transition);
}

:is(#modalSideCart, .pfcart) .pfc-remove:hover,
:is(#modalSideCart, .pfcart) .pfc-remove:focus-visible {
	background: var(--prassos-danger-bg);
	color: var(--prassos-red);
}

/* --- σύνολα + κουμπί (πάντα κάτω) --- */
.pfc-foot {
	flex: none;
	padding: 14px 28px 22px;
	border-top: 1px solid var(--prassos-light);
	background: var(--prassos-white);
	box-shadow: 0 -6px 16px var(--prassos-overlay-soft);
}

.pfc-foot[hidden] {
	display: none;
}

.pfc-sum {
	display: grid;
	gap: 6px;
	margin-bottom: 14px;
}

.pfc-sum > div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
	color: var(--prassos-muted);
	font-variant-numeric: tabular-nums;
}

.pfc-sum > div b {
	font-weight: 500;
	color: var(--prassos-text);
}

.pfc-sum > .pfc-total {
	margin-top: 4px;
	padding-top: 10px;
	border-top: 1px solid var(--prassos-light);
	font-size: 17px;
	font-weight: 700;
	color: var(--prassos-dark);
}

.pfc-sum > .pfc-total b {
	font-weight: 700;
	color: var(--prassos-dark);
}

.pf-cart-drawer a.pf-login-submit,
.pf-cart-drawer a.pf-login-submit:hover {
	color: var(--prassos-white) !important;
	text-decoration: none;
}

/* --- άδειο καλάθι --- */
.pfc-empty {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 24px 28px 60px;
	text-align: center;
}

.pfc-empty[hidden] {
	display: none;
}

.pfc-empty-icon {
	display: grid;
	place-items: center;
	width: 84px;
	height: 84px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	color: var(--prassos-gray);
	font-size: 32px;
}

.pfc-empty b {
	font-size: 16px;
	color: var(--prassos-dark);
}

.pf-cart-drawer .pfc-empty .pf-login-submit,
.pf-cart-drawer .pfc-empty .pf-login-submit:hover {
	width: auto;
	margin-top: 6px;
	padding: 0 28px;
}

/* τιμές κρυφές (ματάκι): κάθε τιμή με .the_price — κάρτες προϊόντων, carousel, σελίδα προϊόντος.
   visibility (όχι display): η τιμή κρατά τη θέση της, ώστε κάρτες/κουτιά να μην αλλάζουν μέγεθος */
body.hidden-pices-mode .the_price {
	visibility: hidden;
}

/* τιμές κρυφές (ματάκι): όπως πριν */
body.hidden-pices-mode #modalSideCart .pfc-price,
body.hidden-pices-mode #modalSideCart .pfc-fee {
	opacity: 0;
	pointer-events: none;
}

body.hidden-pices-mode #modalSideCart .pfc-sum {
	display: none;
}

@media screen and (max-width: 480px) {
	.pfc-body {
		padding: 4px 20px;
	}

	.pfc-foot {
		padding: 12px 20px 18px;
	}
}

/* ==========================================================================
   Σελίδα καλαθιού (cart.php, /my-cart): δύο παραγγελίες (Άμεσα / Μη διαθέσιμα).
   Αριστερά πάνελ προϊόντων + στοιχεία επικοινωνίας, δεξιά (sticky) οι συνόψεις με τα κουμπιά τους.
   Γραμμές προϊόντων: ίδια στοιχεία με το πλαϊνό καλάθι (.pfc-*).
   ========================================================================== */
.pfcart {
	padding: 10px 0 var(--prassos-section-space);
	font-family: var(--prassos-font);
}

.pfcart [hidden] {
	display: none !important;
}

.pfcart-wrap {
	box-sizing: border-box;
	max-width: var(--prassos-container);
	margin: 0 auto;
	padding: 0 var(--prassos-gutter);
}

.pfcart-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 20px;
	margin-bottom: 22px;
}

.pfcart-title h1 {
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 28px;
	font-weight: 700;
	color: var(--prassos-dark);
}

.pfcart-back,
.pfcart-back:hover {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--prassos-text) !important;
	text-decoration: none;
	transition: color var(--prassos-transition);
}

.pfcart-back:hover {
	color: var(--prassos-red) !important;
}

.pfcart-back .fa {
	font-size: 11px;
}

.pfcart-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	align-items: start;
	gap: 28px;
}

/* --- πάνελ --- */
.pfcart-panel,
.pfcart-sum {
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	overflow: hidden;
}

.pfcart-panel + .pfcart-panel {
	margin-top: 20px;
}

.pfcart .pfcart-ph,
.pfcart .pfcart-ph:hover,
.pfcart .pfcart-ph:focus-visible {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin: 0;
	padding: 14px 20px;
	border: 0;
	border-radius: 0;
	background: var(--prassos-bg-light);
	box-shadow: none;
	color: var(--prassos-dark);
	text-align: left;
	cursor: pointer;
}

.pfcart .pfcart-ph.is-static {
	cursor: default;
}

.pfcart .pfcart-ph-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

.pfcart-dot {
	flex: none;
	width: 10px;
	height: 10px;
	border-radius: var(--prassos-radius-round);
}

.pfcart-dot.is-ok { background: var(--prassos-success); }
.pfcart-dot.is-wait { background: var(--prassos-warning); }

.pfcart-count {
	display: inline-grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	font-size: 12px;
	letter-spacing: 0;
}

.pfcart-chev {
	color: var(--prassos-muted);
	transition: transform var(--prassos-transition);
}

.pfcart-panel.is-collapsed .pfcart-chev {
	transform: rotate(180deg);
}

/* --- στήλες & γραμμές προϊόντων --- */
.pfcart-colh,
.pfcart-item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 120px 100px 100px 32px;
	align-items: center;
	gap: 12px 16px;
	padding: 0 20px;
}

.pfcart-colh {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--prassos-light);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--prassos-muted);
}

.pfcart-colh span:first-child { grid-column: 1 / 3; }
.pfcart-colh span:nth-child(2) { text-align: center; }
.pfcart-colh span:nth-child(3),
.pfcart-colh span:nth-child(4) { text-align: right; }

.pfcart-item {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--prassos-light);
}

.pfcart-item:last-child {
	border-bottom: 0;
}

.pfcart-items {
	position: relative; /* για τον loader */
	min-height: 60px;
}

/* loader: πάνω από τις γραμμές της λίστας που αλλάζει (όχι από κάτω τους) */
.pfcart-items > .loaderWrapper {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: grid;
	place-items: center;
	margin: 0;
	padding: 0;
	background: var(--prassos-overlay-light);
}

.pfcart .pfcart-item p.pfc-qty {
	justify-self: center;
}

.pfcart-unit,
.pfcart-sub {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.pfcart-unit {
	color: var(--prassos-muted);
}

.pfcart-sub {
	font-size: 15px;
	font-weight: 700;
	color: var(--prassos-dark);
}

/* --- στοιχεία επικοινωνίας --- */
.pfcart-form {
	display: grid;
	gap: 14px;
	padding: 16px 20px 20px;
}

.pfcart-hint {
	margin: 0;
	font-size: 13px;
	color: var(--prassos-muted);
}

.pfcart-two {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.pfcart .pf-login-field {
	margin: 0;
}

/* διεύθυνση παράδοσης (cart.php, #pfcartAddress): ίδιο «χάπι» με email/τηλέφωνο, select χωρίς το βελάκι του browser */
.pfcart .pfcart-address .pf-login-input {
	position: relative;
}

.pfcart .pfcart-address select {
	flex: 1;
	min-width: 0;
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 22px 0 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 400 !important;
	color: var(--prassos-dark);
	text-overflow: ellipsis;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.pfcart .pfcart-address select:disabled {
	opacity: 1;
	color: var(--prassos-dark);
	cursor: default;
}

.pfcart .pfcart-address-caret {
	position: absolute;
	right: 18px;
	font-size: 11px;
	pointer-events: none;
}

.pfcart .pfcart-address .is-readonly .pfcart-address-caret {
	display: none;
}

.pfcart-field-error {
	margin: 6px 0 0 4px;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: normal;
	color: var(--prassos-red);
}

.pfcart-field-error[hidden] {
	display: none;
}

.pfcart .required_ast {
	color: var(--prassos-red);
}

.pfcart-notes label {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--prassos-dark);
}

.pfcart-notes textarea {
	display: block;
	width: 100%;
	min-height: 84px;
	margin: 0;
	padding: 12px 16px;
	border: 1px solid var(--prassos-light) !important;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white) !important;
	box-shadow: var(--prassos-shadow-sm);
	font-family: var(--prassos-font);
	font-size: 14px;
	color: var(--prassos-dark);
	resize: vertical;
	outline: none;
	transition: box-shadow var(--prassos-transition);
}

.pfcart-notes textarea:focus {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

/* --- συνόψεις (δεξιά, μένουν ορατές στο scroll) --- */
.pfcart .pfcart-side {
	float: none;  /* παλιός κανόνας: .cart-sidebar { float: right; width: 390px } → έβγαινε έξω από την οθόνη */
	width: auto;
	min-width: 0;
}

.pfcart-side {
	position: sticky;
	top: calc(var(--prassos-header-h-scrolled) + 20px);
	display: grid;
	gap: 16px;
}

body.admin-bar .pfcart-side {
	top: calc(var(--prassos-header-h-scrolled) + 52px);
}

.pfcart-rows {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 14px 20px 4px;
	list-style: none;
}

.pfcart-rows li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	margin: 0;
	font-size: 14px;
	color: var(--prassos-muted);
	font-variant-numeric: tabular-nums;
}

.pfcart-rows li b {
	font-weight: 500;
	white-space: nowrap;
	color: var(--prassos-text);
}

.pfcart-rows li.pfcart-total {
	margin-top: 4px;
	padding-top: 10px;
	border-top: 1px solid var(--prassos-light);
	font-size: 16px;
	font-weight: 700;
	color: var(--prassos-dark);
}

.pfcart-rows li.pfcart-total b {
	font-size: 17px;
	font-weight: 700;
	color: var(--prassos-dark);
}

.pfcart-act {
	display: grid;
	gap: 12px;
	padding: 14px 20px 20px;
}

/* κουμπιά: κοινός κανόνας κουμπιών (κόκκινο · το δεύτερο σκούρο) */
.pfcart .pfcart-btn,
.pfcart .pfcart-btn:hover,
.pfcart .pfcart-btn:focus-visible {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	box-shadow: none;
	color: var(--prassos-white) !important;
	font-family: var(--prassos-font);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.pfcart .pfcart-btn.is-dark {
	background-color: var(--prassos-dark);
}

.pfcart .pfcart-btn:hover,
.pfcart .pfcart-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

.pfcart .pfcart-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* «Ολοκλήρωση παραγγελίας» που περιμένει απάντηση: κλειδωμένο αλλά όχι «σβηστό», με loader στη θέση της κλειδαριάς */
.pfcart .pfcart-btn.is-busy:disabled {
	opacity: 1;
	cursor: progress;
}

.pfcart .pfcart-btn .pfcart-btn-loader {
	flex: none;
	border-color: var(--prassos-border-on-dark);
	border-top-color: var(--prassos-white);
}

.pfcart-date .pf-login-input input {
	cursor: pointer;
}

.pfcart-help {
	display: grid;
	gap: 4px;
	padding: 14px 18px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
	font-size: 13px;
	line-height: 1.5;
	color: var(--prassos-text-alt);
}

.pfcart-ssl {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
	font-size: 12px;
	color: var(--prassos-muted);
}

.pfcart-help a {
	font-weight: 700;
	color: var(--prassos-dark) !important;
}

/* --- άδειο καλάθι --- */
.pfcart-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 60px 20px;
	text-align: center;
}

.pfcart-empty b {
	font-size: 18px;
	color: var(--prassos-dark);
}

.pfcart-empty .pfcart-btn,
.pfcart-empty .pfcart-btn:hover {
	width: auto;
	padding: 0 28px;
}

/* τιμές κρυφές (ματάκι) */
body.hidden-pices-mode .pfcart :is(.pfcart-unit, .pfcart-sub, .pfc-fee, .pfcart-rows) {
	visibility: hidden;
}

/* --- tablet: οι συνόψεις κάτω από τα προϊόντα --- */
@media screen and (max-width: 1100px) {
	.pfcart-cols {
		grid-template-columns: minmax(0, 1fr);
	}

	.pfcart-side {
		position: static;
	}
}

/* --- κινητό: κάθε προϊόν γίνεται κάρτα --- */
@media screen and (max-width: 768px) {
	.pfcart-title h1 {
		font-size: 22px;
	}

	.pfcart-colh {
		display: none;
	}

	.pfcart-item {
		grid-template-columns: 64px minmax(0, 1fr) auto;
		align-items: start;
		gap: 10px 12px;
		padding: 14px 16px;
	}

	.pfcart-item .pfc-img { grid-row: 1 / 3; }
	.pfcart-item .pfc-info { grid-column: 2 / 4; }
	.pfcart .pfcart-item p.pfc-qty { grid-column: 2; grid-row: 2; justify-self: start; }
	.pfcart-item .pfc-remove { grid-column: 3; grid-row: 2; align-self: center; }

	.pfcart-unit,
	.pfcart-sub {
		grid-row: 3;
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	.pfcart-unit { grid-column: 1 / 3; }
	.pfcart-sub { grid-column: 3; text-align: right; }

	.pfcart-unit::before,
	.pfcart-sub::before {
		content: attr(data-label);
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		color: var(--prassos-muted);
	}

	.pfcart-two {
		grid-template-columns: minmax(0, 1fr);
	}

	.pfcart .pfcart-ph,
	.pfcart-form,
	.pfcart-rows,
	.pfcart-act {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* ==========================================================================
   Ολοκλήρωση παραγγελίας (checkout.php, #finalstage): ίδιο ύφος με τη σελίδα καλαθιού (.pfcart).
   Αριστερά: Στοιχεία Χρέωσης / Αποστολής / Πληρωμής / Σχόλια · δεξιά: Σύνοψη με «Υποβολή παραγγελίας».
   Οι κανόνες με #finalstage ακυρώνουν το παλιό CSS της σελίδας (checkout.php <style>, header.php).
   ========================================================================== */
#finalstage .pfchk {
	padding-top: 10px;
}

/* ίδιο πλάτος/περιθώριο με τη σελίδα καλαθιού (το παλιό κουτί ήταν 1200px στο κέντρο) — μόνο στο τελικό βήμα */
.checkout.details .checkout-content:has(#finalstage.active) {
	box-sizing: border-box;
	width: auto;
	max-width: var(--prassos-container);
	margin: 0 auto;
	padding: 0 var(--prassos-gutter);
}

#finalstage .pfcart-cols {
	position: relative; /* loader */
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	align-items: start;
	gap: 28px;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	float: none;
}

#finalstage .pfcart-cols > .loaderWrapper {
	z-index: 5;
	display: grid;
	place-items: center;
	background: var(--prassos-overlay-light);
	border-radius: var(--prassos-radius-md);
}

/* !important: η παλιά κλάση .checkout-final-stage έδινε περιθώρια → η στήλη ξεκινούσε πιο μέσα/πιο κάτω */
#finalstage .pfcart-main {
	display: grid;
	gap: 20px;
	width: auto !important; /* παλιός κανόνας (έως 734px): .checkout .checkout-final-stage { width: calc(100% - 32px) } */
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

/* τα πάνελ (.charge-details κ.λπ.) ξεκινούν στην ίδια ευθεία με τον τίτλο */
#finalstage .pfcart-main > .pfcart-panel {
	width: auto !important;
	margin: 0 !important;
}

/* κεφαλίδες πάνελ (ακυρώνει #finalstage .info-header-container / .main-title του παλιού CSS) */
#finalstage .pfcart-panel .info-header-container {
	display: flex;
	margin: 0;
	padding: 14px 20px;
	border: 0;
	background: var(--prassos-bg-light);
}

#finalstage .pfcart-panel .main-title {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

/* περιεχόμενο πάνελ */
#finalstage .pfcart-panel .pfchk-info {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 16px 20px 18px;
	border: 0;
	background: none;
	font-family: var(--prassos-font);
	font-size: 14px;
	line-height: 1.5;
	color: var(--prassos-text);
}

#finalstage .pfchk-info > * {
	margin: 0;
	padding: 0;
}

#finalstage .pfchk-info > :empty {
	display: none;
}

#finalstage .pfchk-info .payment-receipt {
	justify-self: start;
	margin-bottom: 4px;
	padding: 2px 9px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-bg-light);
	font-size: 12px;
	font-weight: 500;
	color: var(--prassos-muted);
}

#finalstage .pfchk-info .main-info.full-name {
	font-size: 15px;
	font-weight: 700;
	color: var(--prassos-dark);
}

#finalstage .pfchk-info .main-info.rf-code {
	margin-top: 6px;
	padding: 10px 12px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-info-bg);
	color: var(--prassos-info);
	font-size: 13px;
	overflow-wrap: anywhere;
}

#finalstage .pfchk-info .main-info.rf-code * {
	color: inherit;
}

#finalstage .pfchk-info .main-info-title {
	font-weight: 700;
	color: var(--prassos-dark);
}

/* σχόλια: όταν δεν υπάρχουν, μια απαλή γραμμή «—» αντί για άδειο κουτί */
#finalstage .Comments-details .pfchk-info .payment-text:empty {
	display: block;
	min-height: 0;
	border: 0;
	background: none;
}

#finalstage .Comments-details .pfchk-info .payment-text:empty::before {
	content: '\2014';
	color: var(--prassos-gray);
}

/* --- σύνοψη (δεξιά) --- */
/* min-width: 0 → η σύνοψη προσαρμόζεται στο πλάτος της στήλης (αλλιώς στο κινητό έβγαινε πιο φαρδιά από τα πάνελ) */
#finalstage .pfcart-side,
#finalstage .pfcart-sum,
#finalstage .pfchk-items {
	min-width: 0;
	max-width: 100%;
}

#finalstage .pfcart-side {
	position: sticky;
	top: calc(var(--prassos-header-h-scrolled) + 20px);
	float: none;
	width: auto;
	margin: 0;
}

body.admin-bar #finalstage .pfcart-side {
	top: calc(var(--prassos-header-h-scrolled) + 52px);
}

.pfchk-items {
	max-height: 320px;
	margin: 0;
	padding: 4px 20px;
	overflow-y: auto;
	border-bottom: 1px solid var(--prassos-light);
	scrollbar-width: thin;
	scrollbar-color: var(--prassos-gray) transparent;
}

.pfchk-items::-webkit-scrollbar { width: 5px; }
.pfchk-items::-webkit-scrollbar-track { background: transparent; }
.pfchk-items::-webkit-scrollbar-thumb { border-radius: var(--prassos-radius-pill); background-color: var(--prassos-gray); }

/* γραμμή προϊόντος της σύνοψης (και στα βήματα αποστολής/πληρωμής ιδιωτών) */
.pfchk-item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--prassos-light);
	font-family: var(--prassos-font);
}

.pfchk-item:last-child {
	border-bottom: 0;
}

.pfchk-item .pfc-img {
	grid-row: auto;
	width: 52px;
	height: 52px;
	padding: 5px;
}

.pfchk-item .pfc-name {
	font-size: 13px;
}

.pfchk-price {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.pfchk-price b {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--prassos-dark);
}

/* τιμή με την ποσότητα μπροστά, σε μία γραμμή: «2 × 89,26 €» */
.pfchk-price {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 6px;
}

.pfchk-qty {
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	color: var(--prassos-muted);
}

/* όνομα & τιμή: ίδιο ύψος γραμμής, στοίχιση στην κορυφή → η τιμή στην ίδια ευθεία με την 1η σειρά του ονόματος */
.pfchk-item .pfc-info,
.pfchk-item .pfchk-price {
	align-self: start;
}

.pfchk-item .pfc-name,
.pfchk-price b,
.pfchk-qty {
	line-height: 18px;
}

#finalstage .pfchk-vatinfo span {
	font-size: 12px;
}

/* τιμές κρυφές (ματάκι) */
body.hidden-pices-mode #finalstage :is(.pfchk-price, .pfcart-rows, .pfc-fee) {
	visibility: hidden;
}

@media screen and (max-width: 1100px) {
	#finalstage .pfcart-cols {
		grid-template-columns: minmax(0, 1fr);
	}

	#finalstage .pfcart-side {
		position: static;
	}

	.pfchk-items {
		max-height: none;
	}
}

@media screen and (max-width: 768px) {
	#finalstage .pfcart-panel .info-header-container,
	#finalstage .pfcart-panel .pfchk-info,
	.pfchk-items {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* κινητό: η τιμή πάνω (στην ευθεία του ονόματος) και η ποσότητα από κάτω, ώστε να μένει χώρος για το όνομα */
	.pfchk-price {
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 0;
	}
}

/* ==========================================================================
   Επιβεβαίωση παραγγελίας (complete-checkout.php): κάρτα επιτυχίας + ίδια πάνελ/σύνοψη με καλάθι & checkout.
   Γραμμές προϊόντων: .pfchk-item (όπως η σύνοψη του checkout). Λίστες «ετικέτα / τιμή»: .pco-dl.
   ========================================================================== */
.pco-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 24px;
	margin-bottom: 24px;
	padding: 22px 24px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
}

.pco-check {
	flex: none;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-success-bg);
	color: var(--prassos-success);
	font-size: 22px;
}

.pco-hero-text {
	flex: 1;
	min-width: 220px;
}

.pco .pco-hero-text h1 {
	margin: 0 0 10px;
	font-family: var(--prassos-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark);
}

.pco-ordno {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 6px;
	padding: 6px 14px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	font-size: 14px;
	color: var(--prassos-dark);
}

.pco-ordno > span {
	color: var(--prassos-muted);
}

.pco-ordno b {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.pco-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pco .pco-hero-actions .pfcart-btn,
.pco .pco-hero-actions .pfcart-btn:hover {
	width: auto;
	padding: 0 22px;
}

/* δευτερεύον κουμπί: περίγραμμα (όπως «Γίνετε συνεργάτης») */
.pco .pfcart-btn.is-ghost,
.pco .pfcart-btn.is-ghost:hover {
	border: 2px solid var(--prassos-dark);
	background-color: var(--prassos-white);
	background-image: none;
	color: var(--prassos-dark) !important;
}

.pco-cols {
	position: relative; /* loader */
}

.pco-cols > .loaderWrapper {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: grid;
	place-items: center;
	background: var(--prassos-overlay-light);
}

.pco .pfcart-main {
	display: grid;
	gap: 20px;
	min-width: 0;
}

.pco .pfcart-panel + .pfcart-panel {
	margin-top: 0;
}

.pco-items {
	padding: 4px 20px;
}

/* Στοιχεία Πελάτη / Τιμολογίου δίπλα-δίπλα */
.pco-two {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 20px;
}

.pco-dl {
	margin: 0;
	padding: 4px 20px 8px;
}

.pco-dl > div {
	display: grid;
	grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid var(--prassos-light);
	font-size: 13px;
	line-height: 1.45;
}

.pco-dl > div:last-child {
	border-bottom: 0;
}

.pco-dl dt {
	margin: 0;
	font-weight: 400;
	color: var(--prassos-muted);
}

.pco-dl dd {
	margin: 0;
	font-weight: 500;
	color: var(--prassos-dark);
	overflow-wrap: anywhere;
}

.pco-dl dd:empty::before {
	content: '\2014';
	font-weight: 400;
	color: var(--prassos-gray);
}

.pco-lines {
	display: grid;
	gap: 4px;
	padding: 14px 20px 16px;
	font-size: 14px;
	color: var(--prassos-text);
}

.pco-lines > :empty {
	display: none;
}

.pco-comment {
	margin: 0;
	padding: 14px 20px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--prassos-dark);
}

.pco-comment:empty::before {
	content: '\2014';
	font-weight: 400;
	color: var(--prassos-gray);
}

/* --- πληρωμή: RF + τράπεζες --- */
.pco .pfcart-ph-title .fa {
	color: var(--prassos-muted);
}

.pco-rf {
	margin: 16px 20px 0;
	padding: 12px 14px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-info-bg);
	color: var(--prassos-info);
	font-size: 13px;
}

.pco-rf b {
	display: block;
	margin-top: 2px;
	font-size: 15px;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.pco-bank {
	padding: 14px 20px 18px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--prassos-text-alt);
	overflow-wrap: anywhere;
}

.pco-bank p {
	margin: 0 0 8px;
}

.pco-bank p:last-child {
	margin-bottom: 0;
}

.pco-bank b,
.pco-bank strong {
	color: var(--prassos-dark);
}

.pco-bank-lead {
	color: var(--prassos-muted);
}

.pco-vatinfo span {
	font-size: 12px;
}

/* τιμές κρυφές (ματάκι) */
body.hidden-pices-mode .pco :is(.pfchk-price, .pfcart-rows, .pfc-fee) {
	visibility: hidden;
}

@media screen and (max-width: 1100px) {
	.pco-two {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.pco-hero {
		padding: 18px 16px;
	}

	.pco .pco-hero-text h1 {
		font-size: 20px;
	}

	.pco-hero-actions,
	.pco .pco-hero-actions .pfcart-btn {
		width: 100%;
	}

	.pco-items,
	.pco-dl,
	.pco-lines,
	.pco-comment,
	.pco-bank {
		padding-left: 16px;
		padding-right: 16px;
	}

	.pco-rf {
		margin-left: 16px;
		margin-right: 16px;
	}

	.pco .pfchk-price {
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 0;
	}
}

/* Συρτάρια από δεξιά (σύνδεση, αναζήτηση, παραγγελία): το Bootstrap προσθέτει δεξιά κενό για τη scrollbar
   όταν ανοίγει modal· στα συρτάρια αυτό άφηνε μια λωρίδα με σκιά στη δεξιά άκρη */
:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer).modal.modal-right {
	padding-right: 0 !important;
}

@media screen and (max-width: 480px) {
	/* σε όλο το πλάτος: χωρίς σκιά */
	:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .modal-dialog {
		margin: 0;
	}

	:is(.pf-login-drawer, .pf-search-drawer, .pf-order-drawer) .modal-content {
		box-shadow: none;
	}

	.pf-login-head {
		margin: 0 20px;
		padding-top: 20px;
	}

	.pf-login-body {
		padding: 18px 20px 20px;
	}
}

/* συρτάρι σύνδεσης: κεφαλίδα με «Πίσω» (ανάκτηση / επανέκδοση κωδικού) — τίτλος ανάμεσα στα δύο κουμπιά */
.pf-login-head h2 {
	flex: 1;
	min-width: 0;
}

/* λάθος στα πεδία ανάκτησης (ο κώδικας βάζει .invalid στο γονικό του input) */
.pf-login-input.invalid {
	border-color: var(--prassos-red);
}

.pf-login-field:has(.pf-login-input.invalid) label {
	color: var(--prassos-red);
}

/* μήνυμα επιτυχίας στον τίτλο (ο κώδικας βάζει .passwordchanged) */
.pf-login-head h2.passwordchanged {
	color: var(--prassos-dark);
}

/* οι δύο κωδικοί ταιριάζουν */
.pf-login-input.is-match {
	border-color: var(--prassos-success);
}

/* σε λάθος / «ταιριάζει» το δαχτυλίδι focus παίρνει το χρώμα της κατάστασης (αλλιώς το σκούρο το σκεπάζει) */
.pf-login-input.invalid:focus-within,
.pf-login-field.haveCredError .pf-login-input:focus-within {
	box-shadow: var(--prassos-shadow-sm), 0 0 0 2px var(--prassos-red);
}

.pf-login-input.is-match:focus-within {
	box-shadow: var(--prassos-shadow-sm), 0 0 0 2px var(--prassos-success);
}

/* πεδίο μόνο για ανάγνωση (π.χ. όνομα χρήστη στις Ρυθμίσεις) */
.pf-login-input.is-readonly {
	background: var(--prassos-bg-light);
	box-shadow: none;
}

:is(.pf-account-pass, .pf-login-drawer) .pf-login-input.is-readonly input {
	color: var(--prassos-text-alt);
	cursor: default;
}

/* --- Αρχείο XML (customer_xml.php): διευθύνσεις XML / JSON με «Αντιγραφή» και «Άνοιγμα» --- */
.pxm-row {
	padding: 18px 20px;
}

.pxm-row + .pxm-row {
	border-top: 1px solid var(--prassos-light);
}

.pxm-head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
}

.pxm-badge {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-dark);
	color: var(--prassos-white);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.8px;
}

.pxm-badge.is-json {
	background: var(--prassos-info);
}

.pxm-lead {
	min-width: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--prassos-text-alt);
}

.pxm-lead > :first-child { margin-top: 0; }
.pxm-lead > :last-child { margin-bottom: 0; }

.pxm-url {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 46px;
	padding: 5px 5px 5px 18px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
}

.pxm-url code {
	flex: 1;
	min-width: 0;
	padding: 0;
	background: none;
	font-family: Consolas, 'Courier New', monospace;
	font-size: 13px;
	color: var(--prassos-text-alt);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* κουμπιά: κοινός κανόνας (radius, hover lift + shadow-md) */
.pxm-panel .pxm-btn,
.pxm-panel .pxm-btn:hover,
.pxm-panel .pxm-btn:focus-visible {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 36px;
	margin: 0;
	padding: 0 14px;
	border: 0;
	border-radius: var(--prassos-radius-pill);
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-dark);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.pxm-panel .pxm-btn:hover,
.pxm-panel .pxm-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

.pxm-panel .pxm-btn.is-primary {
	background-color: var(--prassos-red);
	color: var(--prassos-white);
}

.pxm-panel .pxm-btn.is-done,
.pxm-panel .pxm-btn.is-done:hover {
	background-color: var(--prassos-success-bg);
	background-image: none;
	box-shadow: none;
	transform: none;
	color: var(--prassos-success);
}

/* κινητό: μόνο εικονίδια */
@media screen and (max-width: 600px) {
	.pxm-row {
		padding: 16px;
	}

	.pxm-url {
		padding-left: 14px;
	}

	.pxm-panel .pxm-btn,
	.pxm-panel .pxm-btn:hover,
	.pxm-panel .pxm-btn:focus-visible {
		width: 36px;
		padding: 0;
		border-radius: var(--prassos-radius-round);
	}

	.pxm-btn-label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
}

/* --- Ρυθμίσεις λογαριασμού (account-settings.php): πάνελ «Αλλαγή Κωδικού» --- */
.pf-account-pass {
	max-width: 520px;
}

.pf-account-pass-form {
	margin: 0;
	padding: 20px 20px 22px;
}

.pf-account-pass .pf-login-field:last-of-type {
	margin-bottom: 22px;
}

@media screen and (max-width: 1023px) {
	.pf-account-pass {
		max-width: none;
	}
}

@media screen and (max-width: 600px) {
	.pf-account-pass-form {
		padding: 16px;
	}
}

/* ==========================================================================
   Σελίδα σύνδεσης (login_page.php): όλη η οθόνη, δύο στήλες.
   Αριστερά φωτογραφία (Options → Header Options → Σελίδα σύνδεσης) με σκούρο φίλτρο,
   δεξιά η ίδια φόρμα με το συρτάρι σύνδεσης (.pf-login-*).
   ========================================================================== */

.pf-login-page {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	min-height: 100vh;
	font-family: var(--prassos-font);
}

body.admin-bar .pf-login-page {
	min-height: calc(100vh - 32px);
}

/* --- αριστερά --- */
.pf-login-brand {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	padding: 48px var(--prassos-gutter);
	background-color: var(--prassos-dark);
	background-position: center;
	background-size: cover;
	color: var(--prassos-white);
}

.pf-login-brand::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--prassos-overlay-strong);
}

.pf-login-brand > * {
	position: relative;
}

/* logo + τίτλος + οφέλη στο κέντρο της στήλης, «Επιστροφή στην αρχική» κάτω */
.pf-login-brand-text {
	margin: auto 0;
}

/* logo πάνω από τον τίτλο, σε λευκό κουτί (το αρχείο είναι μαύρο σε διάφανο φόντο) */
.pf-login-brand-logo {
	display: inline-block;
	margin-bottom: 28px;
	padding: 8px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-md);
	color: var(--prassos-dark);
	font-weight: 700;
	text-decoration: none;
}

.pf-login-brand-logo img {
	display: block;
	width: auto;
	max-width: 96px;
	max-height: 96px;
}

.pf-login-brand-text h1 {
	margin: 0 0 14px;
	font-family: var(--prassos-font);
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 700;
	line-height: 1.15;
	color: var(--prassos-white);
	text-wrap: balance;
}

.pf-login-brand-text p {
	max-width: 42ch;
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--prassos-light);
}

.pf-login-brand-text ul {
	display: grid;
	gap: 14px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.pf-login-brand-text li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	color: var(--prassos-white);
}

.pf-login-brand-text li i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--prassos-border-on-dark);
	border-radius: var(--prassos-radius-round);
	color: var(--prassos-red);
	font-size: 14px;
}

.pf-login-brand-back {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--prassos-light);
	text-decoration: none;
	transition: color var(--prassos-transition);
}

.pf-login-brand-back:hover {
	color: var(--prassos-white);
}

/* --- δεξιά --- */
.pf-login-main {
	position: relative; /* για το loader */
	display: grid;
	place-items: center;
	padding: 48px var(--prassos-gutter);
	background: var(--prassos-white);
}

.pf-login-main-inner {
	width: 100%;
	max-width: 400px;
}

.pf-login-page-title {
	margin: 0 0 6px;
	font-family: var(--prassos-font);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--prassos-dark);
}

.pf-login-page .pf-login-partner {
	margin-top: 32px;
}

/* --- tablet / κινητό: μία στήλη, η φωτογραφία γίνεται ζώνη πάνω --- */
@media screen and (max-width: 900px) {
	.pf-login-page {
		grid-template-columns: minmax(0, 1fr);
	}

	.pf-login-brand {
		gap: 20px;
		padding: 28px var(--prassos-gutter);
	}

	.pf-login-brand-text {
		margin: 0;
	}

	.pf-login-brand-logo {
		margin-bottom: 18px;
	}

	.pf-login-brand-logo img {
		max-height: 64px;
	}

	.pf-login-brand-text ul,
	.pf-login-brand-back {
		display: none;
	}

	.pf-login-main {
		place-items: start center;
		padding-top: 32px;
	}
}

/* ==========================================================================
   Συρτάρι αναζήτησης (footer.php, #modalCategorySearch) — ίδιο «σώμα» με το συρτάρι σύνδεσης
   (κεφαλίδα .pf-login-head, στρογγυλά κουμπιά .pf-login-close, κόκκινο .pf-login-submit).
   Τρία βήματα (.categorySearchSteps): αρχικό, Μάρκα (αλφαβητικά), Διάσταση (βήματα + κουτάκια τιμών).
   ========================================================================== */

.pf-search-drawer.modal.modal-right .modal-dialog {
	width: 420px;
	max-width: 100%;
}

.pf-search-drawer.modal.modal-right.fade .modal-dialog {
	right: -420px;
}

.pf-search-drawer.modal.modal-right.fade.show .modal-dialog {
	right: 0;
}

.pf-search-drawer .categorySearchSteps {
	display: flex;
	flex-direction: column;
	border: 0;
	border-radius: 0;
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-lg);
	font-family: var(--prassos-font);
}

.pf-search-drawer .categorySearchSteps .modal-body.pf-search-body {
	position: relative; /* για το loader */
	flex: 1;
	padding: 20px 28px 28px;
	overflow-y: auto;
	background: var(--prassos-white);
}

.pf-search-drawer .hidden {
	display: none !important;
}

/* μία κύλιση για όλο το βήμα: η λίστα δεν έχει δική της (το παλιό .stepResults είχε ύψος + overflow → δεύτερη scrollbar) */
.pf-search-drawer .stepResults {
	height: auto;
	margin-top: 0;
	overflow: visible;
}

.pf-search-label {
	display: block;
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--prassos-dark);
}

.pf-search-pill + .pf-search-label,
.pf-search-options + .pf-search-recent {
	margin-top: 24px;
}

/* --- πεδίο (pill) --- */
.pf-search-pill {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	padding: 0 5px 0 18px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-muted);
	transition: box-shadow var(--prassos-transition);
}

.pf-search-pill:focus-within {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
	color: var(--prassos-dark);
}

.pf-search-pill.is-small {
	height: 40px;
	margin-bottom: 14px;
	padding-right: 16px;
}

.pf-search-pill > i {
	flex: none;
	font-size: 14px;
}

/* ακυρώνει τα παλιά στυλ των πεδίων (menu-bar-search-field2/3/4) */
.pf-search-drawer .pf-search-pill input {
	flex: 1;
	min-width: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	font-family: var(--prassos-font);
	font-size: 15px;
	color: var(--prassos-dark);
}

.pf-search-drawer .pf-search-go,
.pf-search-drawer .pf-search-go:hover,
.pf-search-drawer .pf-search-go:focus-visible {
	display: grid;
	place-items: center;
	flex: none;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	font-size: 14px;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.pf-search-drawer .pf-search-go:hover,
.pf-search-drawer .pf-search-go:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

/* --- κάρτες Μάρκα / Διάσταση --- */
.pf-search-options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* κρυφή επιλογή (π.χ. «Διάσταση»): φεύγει και η άλλη πιάνει όλο το πλάτος */
.pf-search-option[hidden] {
	display: none !important;
}

.pf-search-options:has(> .pf-search-option[hidden]) {
	grid-template-columns: 1fr;
}

.pf-search-option {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 12px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	text-align: center;
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), border-color var(--prassos-transition);
}

.pf-search-option:hover,
.pf-search-option:focus-visible {
	border-color: var(--prassos-red);
	box-shadow: var(--prassos-shadow-md);
	transform: var(--prassos-hover-lift);
}

.pf-search-option-icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin-bottom: 10px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
}

.pf-search-option-by {
	font-size: 12px;
	color: var(--prassos-muted);
}

.pf-search-option b {
	margin-top: 2px;
	font-size: 17px;
	color: var(--prassos-dark);
}

/* --- πρόσφατες αναζητήσεις --- */
.pf-search-recent-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pf-search-drawer .pf-search-chip,
.pf-search-drawer .pf-search-chip:hover,
.pf-search-drawer .pf-search-chip:focus-visible {
	margin: 0;
	padding: 7px 14px;
	border: 0;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	color: var(--prassos-text);
	font-family: var(--prassos-font);
	font-size: 13px;
	cursor: pointer;
	transition: color var(--prassos-transition);
}

.pf-search-drawer .pf-search-chip:hover,
.pf-search-drawer .pf-search-chip:focus-visible {
	color: var(--prassos-red);
}

/* --- λίστα μαρκών (ίδιο hover με τα άλλα μενού) --- */
.pf-search-drawer .pf-search-list .stepResultsitem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border-radius: var(--prassos-radius-sm);
	text-decoration: none;
	transition: color var(--prassos-transition), background-color var(--prassos-transition);
}

.pf-search-drawer .pf-search-list .stepResultsitemName {
	font-size: 14px;
	font-weight: 400;
	color: var(--prassos-text);
	white-space: normal;
}

.pf-search-drawer .pf-search-list .stepResultsitemArrow {
	width: auto;
}

.pf-search-drawer .pf-search-list .stepResultsitemArrow i {
	font-size: 12px;
	color: var(--prassos-gray);
}

.pf-search-drawer .pf-search-list .stepResultsitem:hover {
	padding: 10px 12px;
	border-radius: var(--prassos-radius-sm);
	background-color: var(--prassos-bg-light);
}

.pf-search-drawer .pf-search-list .stepResultsitem:hover .stepResultsitemName,
.pf-search-drawer .pf-search-list .stepResultsitem:hover i {
	color: var(--prassos-red);
}

.pf-search-drawer .pf-letter {
	margin: 14px 12px 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--prassos-muted);
}

.pf-search-drawer .pf-letter:first-child {
	margin-top: 4px;
}

/* --- Διάσταση: περίληψη επιλογής --- */
.pf-size-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	padding: 12px 14px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.pf-size-summary .pf-search-label {
	margin: 0 0 2px;
	font-size: 12px;
	font-weight: 400;
	color: var(--prassos-muted);
}

.pf-search-drawer #SizeSearchWizardbar {
	min-height: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--prassos-dark);
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.pf-search-drawer #SizeSearchWizardbar:empty::before {
	content: '\2014';
	color: var(--prassos-gray);
}

.pf-search-drawer .pf-size-reset,
.pf-search-drawer .pf-size-reset:hover,
.pf-search-drawer .pf-size-reset:focus-visible {
	display: grid;
	place-items: center;
	flex: none;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-white);
	color: var(--prassos-dark);
	font-size: 13px;
	cursor: pointer;
	transition: color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-search-drawer .pf-size-reset:hover,
.pf-search-drawer .pf-size-reset:focus-visible {
	color: var(--prassos-red);
	box-shadow: var(--prassos-shadow-sm);
}

/* --- Διάσταση: αριθμημένα βήματα --- */
.pf-search-drawer .categorySearchBreadcrumbWrapper.pf-size-steps {
	gap: 6px;
	margin-bottom: 14px;
	padding: 0 0 2px;
	cursor: default;
}

.pf-search-drawer .pf-size-steps .categorySearchBreadcrumb-item {
	gap: 6px;
	padding: 5px 12px 5px 5px;
	border-radius: var(--prassos-radius-pill);
	background-color: var(--prassos-bg-light);
	color: var(--prassos-text-alt) !important;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
	cursor: default;
}

.pf-search-drawer .pf-size-steps .categorySearchBreadcrumb-item i {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-white);
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
}

/* βήμα με τιμή: σκούρο, με κλικ επιστροφή σε αυτό */
.pf-search-drawer .pf-size-steps .categorySearchBreadcrumb-item.done {
	background-color: var(--prassos-dark);
	color: var(--prassos-white) !important;
	cursor: pointer;
}

.pf-search-drawer .pf-size-steps .categorySearchBreadcrumb-item.done i {
	background: var(--prassos-red);
	color: var(--prassos-white);
}

/* τρέχον βήμα */
.pf-search-drawer .pf-size-steps .categorySearchBreadcrumb-item.active {
	background-color: var(--prassos-white);
	box-shadow: inset 0 0 0 2px var(--prassos-red);
	color: var(--prassos-red) !important;
	font-weight: 700;
}

.pf-search-drawer .pf-size-steps .categorySearchBreadcrumb-item.active i {
	background: var(--prassos-red);
	color: var(--prassos-white);
}

/* --- Διάσταση: τιμές ως κουτάκια --- */
.pf-search-drawer .pf-size-values {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.pf-search-drawer .pf-size-values .stepResultsitem {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 6px 4px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	text-align: center;
	text-decoration: none;
	transition: color var(--prassos-transition), border-color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-search-drawer .pf-size-values .stepResultsitem:hover,
.pf-search-drawer .pf-size-values .stepResultsitem:focus-visible {
	padding: 6px 4px;
	border-color: var(--prassos-red);
	background-color: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

.pf-search-drawer .pf-size-values .stepResultsitemName {
	font-size: 14px;
	font-weight: 500;
	color: var(--prassos-dark);
	white-space: normal;
	overflow-wrap: anywhere;
	font-variant-numeric: tabular-nums;
}

.pf-search-drawer .pf-size-values .stepResultsitem:hover .stepResultsitemName {
	color: var(--prassos-red);
}

.pf-search-drawer .pf-size-values .stepResultsitemArrow {
	display: none;
}

.pf-search-drawer .pf-size-go {
	margin-top: 18px;
}

.pf-search-drawer .pf-size-go[hidden] {
	display: none !important;
}

@media screen and (max-width: 480px) {
	.pf-search-drawer .categorySearchSteps .modal-body.pf-search-body {
		padding: 16px 20px 24px;
	}

	.pf-search-drawer .pf-size-values {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ==========================================================================
   Λογιστήριο — καρτέλα πελάτη (my_card.php)
   Φίλτρα (.prassos-select) + εκτύπωση, σύνοψη, πίνακας κινήσεων (ίδιο ύφος με τα πάνελ του «Λογαριασμός»).
   Η κεφαλίδα του πίνακα «κολλάει» κάτω από το header. Στο κινητό κάθε κίνηση γίνεται κάρτα (data-label).
   ========================================================================== */

.pc-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.pc-bar .prassos-select {
	min-width: 190px;
}

.prassos-account .pc-print,
.prassos-account .pc-print:hover,
.prassos-account .pc-print:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	margin: 0 0 0 auto;
	padding: 0 16px;
	border: 2px solid var(--prassos-dark);
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-white);
	color: var(--prassos-dark);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-account .pc-print:hover,
.prassos-account .pc-print:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

/* --- υπόλοιπο τέλους περιόδου: σκούρα κάρτα με εξήγηση της περιόδου --- */
.pc-balance {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 28px;
	margin-bottom: 18px;
	padding: 18px 22px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-dark);
	color: var(--prassos-white);
}

.pc-balance span {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	color: var(--prassos-gray);
}

.pc-balance b {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--prassos-white);
	font-variant-numeric: tabular-nums;
}

.pc-balance small {
	max-width: 44ch;
	font-size: 13px;
	line-height: 1.5;
	color: var(--prassos-gray);
}

/* --- πίνακας --- */
.pc-panel {
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	overflow: clip; /* στρογγυλές γωνίες χωρίς να χαλάει το «κόλλημα» της κεφαλίδας */
}

.pc-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	font-family: var(--prassos-font);
	font-size: 14px;
}

.pc-table th {
	position: sticky;
	top: var(--prassos-header-h-scrolled);
	z-index: 2;
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--prassos-light);
	background: var(--prassos-bg-light);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--prassos-dark);
}

body.admin-bar .pc-table th {
	top: calc(var(--prassos-header-h-scrolled) + 32px);
}

.pc-table td {
	padding: 11px 14px;
	border: 0;
	border-bottom: 1px solid var(--prassos-light);
	background: var(--prassos-white);
	color: var(--prassos-text);
	vertical-align: middle;
}

.pc-table tbody tr:hover td {
	background: var(--prassos-bg-light);
}

.pc-table th.pc-col-TradeAccountPeriodics,
.pc-table th.pc-col-TradeAccountPeriodicsCredit,
.pc-table th.pc-col-Balance,
.pc-table .pc-num {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.pc-table th.pc-col-DocumentLink,
.pc-table td.pc-col-DocumentLink {
	width: 1%;
	text-align: center;
}

.pc-table td.pc-col-RegistrationDateString {
	white-space: nowrap;
}

.pc-table td.pc-col-TradeDocumentCodeSTR {
	font-weight: 500;
	white-space: nowrap;
	color: var(--prassos-dark);
}

.pc-table td.pc-col-Balance {
	font-weight: 700;
	color: var(--prassos-dark);
}

.pc-table td.is-empty {
	color: var(--prassos-gray);
}

/* «Εκ μεταφοράς» */
.pc-table tr.is-opening td {
	background: var(--prassos-bg-light);
	font-weight: 500;
	color: var(--prassos-dark);
}

.pc-table tr.is-opening td:first-child {
	box-shadow: inset 3px 0 0 var(--prassos-red);
}

/* «—» μένει γκρι και στη γραμμή «Εκ μεταφοράς» / «ΑΠΟΓΡΑΦΗΣ» */
.pc-table tr.is-opening td.is-empty {
	color: var(--prassos-gray);
}


/* αρχείο (PDF) */
.pc-table .pc-file,
.pc-table td.pc-col-DocumentLink a {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pc-table .pc-file:hover,
.pc-table td.pc-col-DocumentLink a:hover {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

/* φόρτωση / κενό / σφάλμα */
.pc-table tr.pc-state td {
	padding: 40px 14px;
	text-align: center;
	color: var(--prassos-muted);
}

.pc-table tr.pc-state:hover td {
	background: var(--prassos-white);
}

.pc-table tr.pc-state.is-error td {
	color: var(--prassos-red);
}

/* --- πίνακας με σταθερό ύψος και δική του κύλιση (.pc-panel.is-scroll: Λογιστήριο, Τα προϊόντα μου) ---
   Γεμίζει την οθόνη κάτω από το header· η κεφαλίδα των στηλών μένει πάνω μέσα στο πάνελ.
   Στο κινητό (κάρτες) δεν ισχύει: εκεί κυλάει η σελίδα. */
@media screen and (min-width: 769px) {
	.pc-panel.is-scroll {
		max-height: max(360px, calc(100vh - var(--prassos-header-h-scrolled) - 60px));
		overflow: auto;
	}

	.pc-panel.is-scroll .pc-table th,
	body.admin-bar .pc-panel.is-scroll .pc-table th {
		position: sticky;
		top: 0;
	}
}

/* --- tablet: οι στήλες στριμώχνονται → οριζόντια κύλιση μέσα στο πάνελ --- */
@media screen and (max-width: 1100px) and (min-width: 769px) {
	.pc-panel {
		overflow-x: auto;
	}

	.pc-table {
		min-width: 820px;
	}

	.pc-table th {
		position: static;
	}
}

/* --- κινητό: κάθε κίνηση γίνεται κάρτα --- */
@media screen and (max-width: 768px) {
	.pc-balance {
		padding: 16px 18px;
	}

	.pc-balance b {
		font-size: 24px;
	}

	.pc-bar .prassos-select {
		flex: 1;
		min-width: 0;
	}

	.prassos-account .pc-print,
	.prassos-account .pc-print:hover {
		justify-content: center;
		width: 100%;
		margin-left: 0;
	}

	.pc-panel {
		border: 0;
		background: none;
		overflow: visible;
	}

	.pc-table thead {
		display: none;
	}

	.pc-table,
	.pc-table tbody {
		display: block;
	}

	.pc-table tr {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 4px 10px;
		margin-bottom: 10px;
		padding: 12px 14px;
		border: 1px solid var(--prassos-light);
		border-radius: var(--prassos-radius-md);
		background: var(--prassos-white);
	}

	.pc-table td,
	.pc-table tbody tr:hover td,
	.pc-table tr.is-opening td {
		padding: 0;
		border: 0;
		background: none;
		box-shadow: none;
	}

	/* πάνω γραμμή: παραστατικό αριστερά, ημερομηνία δεξιά· από κάτω τύπος & σχετικό */
	.pc-table td.pc-col-TradeDocumentCodeSTR { grid-column: 1 / 3; grid-row: 1; }
	.pc-table td.pc-col-RegistrationDateString { grid-column: 3; grid-row: 1; text-align: right; font-size: 12px; color: var(--prassos-muted); }
	.pc-table td.pc-col-Reasoning { grid-column: 1 / -1; font-size: 13px; color: var(--prassos-text-alt); }
	.pc-table td.pc-col-DocumentReferenceCode { grid-column: 1 / -1; font-size: 12px; color: var(--prassos-muted); }
	.pc-table td.pc-col-DocumentReferenceCode:empty { display: none; }

	/* ποσά σε τρεις στήλες με την ετικέτα από πάνω */
	.pc-table td.pc-num {
		margin-top: 6px;
		text-align: left;
		font-size: 14px;
	}

	.pc-table td.pc-num::before {
		content: attr(data-label);
		display: block;
		font-size: 11px;
		font-weight: 400;
		color: var(--prassos-muted);
	}

	.pc-table td.pc-col-DocumentLink {
		grid-column: 1 / -1;
		width: auto;
		text-align: left;
	}

	.pc-table td.pc-col-DocumentLink:empty {
		display: none;
	}

	.pc-table tr.is-opening {
		background: var(--prassos-bg-light);
		box-shadow: inset 3px 0 0 var(--prassos-red);
	}

	/* η κόκκινη γραμμή μπαίνει μόνο στην άκρη της κάρτας (όχι και στο πρώτο κελί, όπως στη μεγάλη οθόνη) */
	.pc-table tr.is-opening td:first-child {
		box-shadow: none;
	}

	.pc-table tr.pc-state {
		display: block;
	}
}

/* --- Χρεοπιστώσεις (my_creditsdebits.php): ίδιος πίνακας με το Λογιστήριο, 4 στήλες --- */
.pcd-table td.pc-col-Description1 {
	font-weight: 500;
	color: var(--prassos-dark);
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
	.pcd-table {
		min-width: 0; /* 4 στήλες: χωράνε χωρίς οριζόντια κύλιση */
	}
}

@media screen and (max-width: 768px) {
	/* κάρτα: ο μήνας πάνω, από κάτω Χρέωση / Πίστωση / Υπόλοιπο */
	.pcd-table td.pc-col-Description1 {
		grid-column: 1 / -1;
		grid-row: 1;
	}
}

/* --- Τα προϊόντα μου (my_productsales.php): ίδιος πίνακας με το Λογιστήριο --- */
.pps-table td.pc-col-ItemCode {
	white-space: nowrap;
	color: var(--prassos-muted);
	font-variant-numeric: tabular-nums;
}

.pps-table td.pc-col-StockItem {
	font-weight: 500;
	color: var(--prassos-dark);
}

.pps-table td.pc-col-NetValue {
	font-weight: 700;
	color: var(--prassos-dark);
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
	.pps-table {
		min-width: 0; /* η περιγραφή αναδιπλώνεται: χωράει χωρίς οριζόντια κύλιση */
	}
}

@media screen and (max-width: 768px) {
	/* κάρτα: κωδικός και περιγραφή πάνω, από κάτω Ποσότητα / Μ.Μ / Τιμή */
	.pps-table td.pc-col-ItemCode {
		grid-column: 1 / -1;
		font-size: 12px;
	}

	.pps-table td.pc-col-StockItem {
		grid-column: 1 / -1;
	}
}

/* --- Τιμολόγια (my_invoices.php): γρήγορες περίοδοι, φίλτρα, πίνακας με «Λήψη» --- */
.pin-periods {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.prassos-account .pin-period,
.prassos-account .pin-period:hover,
.prassos-account .pin-period:focus-visible {
	height: 34px;
	margin: 0;
	padding: 0 14px;
	border: 0;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	box-shadow: none;
	color: var(--prassos-text);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transition: background-color var(--prassos-transition), color var(--prassos-transition);
}

.prassos-account .pin-period:hover,
.prassos-account .pin-period:focus-visible {
	background: var(--prassos-light);
	color: var(--prassos-dark);
}

.prassos-account .pin-period.is-active,
.prassos-account .pin-period.is-active:hover {
	background: var(--prassos-dark);
	color: var(--prassos-white);
	font-weight: 500;
}

/* φίλτρα: στρογγυλά πεδία, όπως τα dropdowns (.prassos-select) */
.pin-bar {
	margin: 0 0 18px;
}

.pin-field {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	cursor: pointer;
	transition: box-shadow var(--prassos-transition);
}

.pin-field:focus-within {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

.pin-field > span {
	font-size: 14px;
	white-space: nowrap;
	color: var(--prassos-muted);
}

.pin-field > i {
	font-size: 13px;
	color: var(--prassos-muted);
}

.prassos-account .pin-field input {
	width: auto;
	min-width: 0;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 500;
	color: var(--prassos-dark);
	cursor: pointer;
}

.pin-field-code {
	flex: 1 1 200px;
	cursor: text;
}

.prassos-account .pin-field-code input {
	flex: 1;
	width: 100%;
	font-weight: 400;
	cursor: text;
}

/* κουμπί αναζήτησης: κοινός κανόνας κουμπιών */
.prassos-account .pin-search,
.prassos-account .pin-search:hover,
.prassos-account .pin-search:focus-visible {
	height: 42px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	box-shadow: none;
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), background-image var(--prassos-transition);
}

.prassos-account .pin-search:hover,
.prassos-account .pin-search:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

/* πίνακας */
.pin-table th.pin-col-DocumentLink,
.pin-table td.pin-col-DocumentLink {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}

.pin-table td.pin-col-RegistrationDateString {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.pin-table td.pin-col-DocumentCode {
	font-weight: 500;
	color: var(--prassos-dark);
}

/* «Λήψη» (έρχεται έτοιμο link από το API) */
.pin-table .pin-download,
.pin-table .pin-download:hover {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 32px;
	padding: 0 14px;
	border: 0;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	box-shadow: none;
	color: var(--prassos-red);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pin-table .pin-download:hover {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

.pin-table .pin-download * {
	margin: 0;
	color: inherit;
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
	.pin-table {
		min-width: 0;
	}
}

@media screen and (max-width: 768px) {
	.pin-field {
		flex: 1 1 calc(50% - 5px);
		min-width: 0;
	}

	.pin-field-code {
		flex-basis: 100%;
	}

	.prassos-account .pin-search,
	.prassos-account .pin-search:hover {
		width: 100%;
	}

	/* κάρτα: παραστατικό αριστερά, ημερομηνία δεξιά, «Λήψη» από κάτω */
	.pin-table td.pin-col-DocumentCode {
		grid-column: 1 / 3;
		grid-row: 1;
	}

	.pin-table td.pin-col-RegistrationDateString {
		grid-column: 3;
		grid-row: 1;
		text-align: right;
		font-size: 12px;
		color: var(--prassos-muted);
	}

	.pin-table td.pin-col-DocumentLink {
		grid-column: 1 / -1;
		width: auto;
		margin-top: 6px;
		text-align: left;
	}
}

/* ==========================================================================
   Κοινή σελιδοποίηση (.prassos-pager): ‹ 1 … 4 5 [6] 7 8 … 188 ›
   Κουμπιά-κύκλοι, τρέχουσα σελίδα σκούρα. Χρησιμοποιείται στις Παραγγελίες (my-orders.php).
   ========================================================================== */

.prassos-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 20px;
}

.prassos-pager:empty {
	display: none;
}

.prassos-pager button,
.prassos-pager button:hover,
.prassos-pager button:focus-visible {
	display: grid;
	place-items: center;
	min-width: 36px;
	height: 36px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	border-radius: var(--prassos-radius-pill);
	background: transparent;
	color: var(--prassos-text);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	cursor: pointer;
	transition: color var(--prassos-transition), background-color var(--prassos-transition);
}

.prassos-pager button:hover,
.prassos-pager button:focus-visible {
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
}

.prassos-pager button.is-arrow {
	background: var(--prassos-bg-light);
	font-size: 12px;
}

.prassos-pager button.is-current,
.prassos-pager button.is-current:hover {
	background: var(--prassos-dark);
	color: var(--prassos-white);
	cursor: default;
}

.prassos-pager button:disabled {
	opacity: 0.4;
	cursor: default;
}

.prassos-pager .is-dots {
	padding: 0 4px;
	color: var(--prassos-gray);
}

/* ==========================================================================
   Οι παραγγελίες μου (my-orders.php) — ίδιο ύφος πίνακα με το Λογιστήριο (.pc-panel / .pc-table)
   ========================================================================== */

.po-count {
	margin-left: auto;
	font-size: 13px;
	color: var(--prassos-muted);
}

/* σήμα κατάστασης */
.po-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: var(--prassos-radius-pill);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}

.po-badge::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: var(--prassos-radius-round);
	background: currentColor;
}

.po-badge.is-success { color: var(--prassos-success); background: var(--prassos-success-bg); }
.po-badge.is-info    { color: var(--prassos-info);    background: var(--prassos-info-bg); }
.po-badge.is-warning { color: var(--prassos-warning); background: var(--prassos-warning-bg); }
.po-badge.is-danger  { color: var(--prassos-red);     background: var(--prassos-danger-bg); }
.po-badge.is-neutral { color: var(--prassos-dark);    background: var(--prassos-bg-light); } /* κατάσταση από το ERP (κείμενο) */

.po-table td.po-code b {
	display: block;
	font-weight: 500;
	color: var(--prassos-dark);
	white-space: nowrap;
}

.po-tracking {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 2px;
	font-size: 12px;
	color: var(--prassos-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.po-tracking:hover {
	color: var(--prassos-red);
}

.po-table td.po-date {
	white-space: nowrap;
}

.po-table td.po-sum {
	font-weight: 700;
	color: var(--prassos-dark);
}

.po-table td.po-actions {
	width: 1%;
	white-space: nowrap;
	text-align: right;
}

.po-table td.po-actions > * + * {
	margin-left: 8px;
}

/* στρογγυλό κουμπί-εικονίδιο (PDF) */
.prassos-account .po-icon-btn,
.prassos-account .po-icon-btn:hover,
.prassos-account .po-icon-btn:focus-visible {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

/* δευτερεύον κουμπί (περίγραμμα) */
.po-details-btn,
.po-details-btn:hover,
.po-details-btn:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	margin: 0;
	padding: 0 14px;
	border: 2px solid var(--prassos-dark);
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-white);
	color: var(--prassos-dark);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-account .po-icon-btn:hover,
.prassos-account .po-icon-btn:focus-visible,
.po-details-btn:hover,
.po-details-btn:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

.po-details-btn i {
	color: var(--prassos-red);
}

/* κινητό: κάθε παραγγελία γίνεται κάρτα (οι βασικοί κανόνες κάρτας είναι του .pc-table) */
@media screen and (max-width: 768px) {
	.po-count {
		width: 100%;
		margin-left: 0;
	}

	.po-table tr {
		grid-template-columns: 1fr auto;
		align-items: center;
	}

	.po-table td.po-code { grid-column: 1; grid-row: 1; }
	.po-table td:first-child { grid-column: 2; grid-row: 1; text-align: right; }
	.po-table td.po-date { grid-column: 1; grid-row: 2; font-size: 12px; color: var(--prassos-muted); }
	.po-table td.po-sum { grid-column: 2; grid-row: 2; font-size: 15px; }

	.po-table td.po-actions {
		display: flex;
		grid-column: 1 / -1;
		gap: 8px;
		width: auto;
		margin-top: 6px;
	}

	.po-table td.po-actions > * + * {
		margin-left: 0;
	}

	.po-table td.po-actions .po-details-btn {
		flex: 1;
		justify-content: center;
	}
}

/* ==========================================================================
   Λεπτομέρειες παραγγελίας: συρτάρι από δεξιά (my-orders.php, #modalorderdetails)
   Ίδιο «σώμα» με σύνδεση/αναζήτηση (.pf-login-head, .pf-login-close).
   ========================================================================== */

.pf-order-drawer.modal.modal-right .modal-dialog {
	width: 640px;
	max-width: 100%;
}

.pf-order-drawer.modal.modal-right.fade .modal-dialog {
	right: -640px;
}

.pf-order-drawer.modal.modal-right.fade.show .modal-dialog {
	right: 0;
}

.pf-order-drawer .modal-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 0;
	border-radius: 0;
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-lg);
	font-family: var(--prassos-font);
}

.pf-order-drawer .pf-login-head h2 small {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	color: var(--prassos-muted);
}

.po-body {
	display: grid;
	flex: 1;
	align-content: start;
	grid-auto-rows: max-content; /* κάθε κουτί κρατά όλο του το ύψος — αλλιώς το πλέγμα τα συμπίεζε όταν δεν χωρούσαν (κύλιση) */
	gap: 18px;
	padding: 18px 28px 28px;
	overflow-y: auto;
}

.po-loading {
	display: grid;
	place-items: center;
	padding: 60px 0;
}

.po-empty {
	margin: 40px 0;
	text-align: center;
	color: var(--prassos-red);
}

.po-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}

/* προϊόντα */
.po-items {
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
}

.po-item {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
}

.po-item + .po-item {
	border-top: 1px solid var(--prassos-light);
}

.po-item-img {
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.po-item-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.po-item-text {
	min-width: 0;
}

.po-item-text a {
	color: var(--prassos-dark);
	text-decoration: none;
}

.po-item-text a:hover {
	color: var(--prassos-red);
}

.po-item-text b {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.po-item-text span {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	color: var(--prassos-muted);
}

.po-item-qty {
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	color: var(--prassos-dark);
	font-variant-numeric: tabular-nums;
}

/* σύνολα */
.po-totals {
	display: grid;
	gap: 6px;
	padding: 14px 16px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-bg-light);
}

.po-totals div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	color: var(--prassos-text-alt);
	font-variant-numeric: tabular-nums;
}

.po-totals div.is-total {
	margin-top: 4px;
	padding-top: 8px;
	border-top: 1px solid var(--prassos-light);
	font-size: 16px;
	font-weight: 700;
	color: var(--prassos-dark);
}

/* πληροφορία RF */
.po-info {
	display: flex;
	gap: 10px;
	padding: 12px 14px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-info-bg);
	color: var(--prassos-info);
	font-size: 13px;
	line-height: 1.5;
}

.po-info i {
	margin-top: 2px;
}

/* κουτιά στοιχείων (ίδιο ύφος με τα πάνελ του «Λογαριασμός») */
.po-boxes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
}

.po-boxes:empty {
	display: none;
}

.po-box {
	overflow: hidden;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
}

.po-box h3 {
	margin: 0;
	padding: 10px 14px;
	background: var(--prassos-bg-light);
	font-family: var(--prassos-font);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

.po-dl {
	display: grid;
	grid-template-columns: minmax(90px, 38%) minmax(0, 1fr);
	margin: 0;
	padding: 4px 14px 8px;
	font-size: 13px;
}

.po-dl dt,
.po-dl dd {
	margin: 0;
	padding: 7px 0;
	border-bottom: 1px solid var(--prassos-light);
}

.po-dl dt {
	padding-right: 10px;
	color: var(--prassos-muted);
}

.po-dl dd {
	font-weight: 500;
	color: var(--prassos-dark);
	overflow-wrap: anywhere;
}

.po-dl dt:nth-last-child(2),
.po-dl dd:last-child {
	border-bottom: 0;
}

.po-comment {
	margin: 0;
	padding: 10px 14px 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--prassos-text-alt);
}

.po-bank {
	padding: 10px 14px 14px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--prassos-text);
}

.po-bank p {
	margin: 0 0 8px;
}

/* παραστατικά PDF στο κάτω μέρος */
.po-foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
	padding: 14px 28px;
	border-top: 1px solid var(--prassos-light);
}

.po-foot[hidden] {
	display: none;
}

@media screen and (max-width: 480px) {
	.po-body {
		padding: 16px 20px 24px;
	}

	.po-item {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.po-item-img {
		width: 48px;
		height: 48px;
	}

	.po-item-qty {
		grid-column: 2;
	}

	.po-foot {
		padding: 12px 20px;
	}
}

/* ==========================================================================
   Κοινός διακόπτης προβολής (.prassos-viewswitch): «Κάρτες | Λίστα»
   Χρησιμοποιείται στα Αγαπημένα (favorites.php).
   ========================================================================== */

.prassos-viewswitch {
	display: inline-flex;
	gap: 2px;
	margin-left: auto;
	padding: 4px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
}

.prassos-viewswitch button,
.prassos-viewswitch button:hover,
.prassos-viewswitch button:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 34px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: var(--prassos-radius-pill);
	background: transparent;
	color: var(--prassos-text-alt);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: color var(--prassos-transition), background-color var(--prassos-transition), box-shadow var(--prassos-transition);
}

.prassos-viewswitch button:hover,
.prassos-viewswitch button:focus-visible {
	color: var(--prassos-red);
}

.prassos-viewswitch button.is-active,
.prassos-viewswitch button.is-active:hover {
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-red);
	font-weight: 700;
}

@media screen and (max-width: 480px) {
	.prassos-viewswitch button span {
		display: none; /* στο κινητό μόνο τα εικονίδια */
	}
}

/* ==========================================================================
   Αναλυτική κάρτα προϊόντος (PrassosProductCard με options.details) — π.χ. Αγαπημένα
   Ό,τι δείχνει και η γραμμή του πίνακα B2B: σήματα, ετικέτα ΕΕ, απόθεμα, χονδρική/τιμολογίου,
   ποσότητα + καλάθι + υπολογιστής.
   ========================================================================== */

/* προβολή σε κάρτες (λίστα προϊόντων, αγαπημένα): μεγαλύτερα γράμματα — μάρκα, όνομα, κωδικός, απόθεμα (+2px) */
.prassos-product-card.is-detailed .ppc-brand {
	font-size: 15px;
}

.prassos-product-card.is-detailed .ppc-name {
	font-size: 18px;
}

.prassos-product-card.is-detailed .ppc-code {
	font-size: 15px;
}

.prassos-product-card.is-detailed .ppc-stock,
.prassos-product-card.is-detailed .ppc-stock .pf-stock.pf-stock--yes {
	font-size: 16px;
}

.prassos-product-card.is-detailed .ppc-image {
	height: 190px;
}

.prassos-product-card .ppc-details {
	display: grid;
	gap: 10px;
	padding: 0 18px 14px;
}

/* αναλυτική κάρτα: εικονίδια / απόθεμα αμέσως κάτω από τον κωδικό (χωρίς κενό από πάνω)·
   το κενό πάει πάνω από την τιμή, ώστε τιμή + κουμπιά να στοιχίζονται χαμηλά σε όλη τη σειρά */
.prassos-product-card.is-detailed .ppc-body {
	flex: none;
}

.prassos-product-card.is-detailed .ppc-details {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.prassos-product-card.is-detailed .ppc-details > .ppc-prices {
	margin-top: auto;
}

/* λίστα στο κινητό (BuildProductListRowMobile): τα ίδια εικονίδια ΕΕ */
.headicon_val .pf-eu-ico {
	width: 45px;
	height: 32px;
}

.ppc-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ppc-chip {
	padding: 3px 9px;
	border-radius: var(--prassos-radius-pill);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.ppc-chip.is-dot {
	background: var(--prassos-dark);
	color: var(--prassos-white);
}

.ppc-chip.is-new {
	background: var(--prassos-success-bg);
	color: var(--prassos-success);
}

/* ετικέτα ΕΕ στην κάρτα (detailsBlock, prassos-components.js): εικονίδιο πάνω, τιμή από κάτω.
   Δύο ομάδες· αν χωράνε, μία γραμμή (η δεύτερη δεξιά), αλλιώς η δεύτερη πάει από κάτω. */
.ppc-eu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px 12px;
}

.ppc-eu-main,
.ppc-eu-end {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
}

.ppc-eu-main {
	align-items: flex-end;
	gap: 4px;
}

.ppc-eu-g {
	display: grid;
	justify-items: center;
	gap: 3px;
}

.ppc-eu-g .pf-eu-ico {
	width: 56px;
	height: 40px;
}

.ppc-eu-g b {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	color: var(--prassos-dark);
}

.ppc-eu-end {
	height: 40px; /* ίδιο ύψος με τα εικονίδια ΕΕ: 3PMSF και σημαία στο ύψος τους, όχι στη γραμμή των γραμμάτων */
	gap: 10px;
}

.ppc-eu-pmsf {
	display: inline-flex;
	color: var(--prassos-dark);
}

.ppc-eu-pmsf .pf-eu-ico {
	width: 36px;
	height: 36px;
}

/* σημαία: η εικόνα είναι τετράγωνη (80×80) με τη σημαία στη μέση — στα 34px η σημαία βγαίνει ~34×23 */
.ppc-eu-flag {
	display: block;
	width: 34px;
	height: 34px;
	max-width: none;
	object-fit: contain;
}

/* εικονίδια ΕΕ: μαύρα, όπως στην ετικέτα (το λευκό μέσα τους είναι --prassos-white) */
.pf-eu-ico {
	color: var(--prassos-dark);
}

/* εικονίδια ΕΕ στην κεφαλίδα του πίνακα της λίστας (products.php, favorites.php) */
.pf-eu-th .pf-eu-ico {
	display: block;
	width: 45px;
	height: 32px;
	margin: 0 auto;
}

.ppc-stock {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	font-size: 14px;
	color: var(--prassos-muted);
}

.ppc-stock-item b {
	font-weight: 700;
	color: var(--prassos-gray);
}

/* απόθεμα (PrassosStockHtml, prassos-components.js): ίδιο παντού — κάρτα, λίστα, κινητό, σελίδα προϊόντος, σύγκριση */
.pf-stock.pf-stock--yes {
	font-size: 15px;
	font-weight: 700;
	color: var(--prassos-success);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.pf-stock.pf-stock--none {
	font-weight: 700;
	color: var(--prassos-dark);
}

.ppc-stock .pf-stock.pf-stock--yes {
	font-size: 14px;
}

.ppc-stock-item.is-yes b {
	color: var(--prassos-success);
}

.ppc-stock-item.is-some b {
	color: var(--prassos-red);
}

/* «Επόμενη παραλαβή» (PrassosExpectedText): κάρτα, λίστα στο κινητό — μπλε, πληροφορία (όχι προειδοποίηση) */
.pf-expected {
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-size: 13px;
	line-height: 1.35;
	color: var(--prassos-info);
}

.pf-expected .fa {
	flex: none;
}

.pf-expected b {
	font-weight: 700;
	color: var(--prassos-dark);
}

/* λίστα στο κινητό: στη θέση της παλιάς «Παραλαβή: …» (κάτω από τη γραμμή του προϊόντος) */
.pf-expected.pf-expected--mobile {
	position: absolute;
	bottom: -18px;
	left: 20px;
	right: 20px;
	font-size: 11px;
}

/* κινητό: «Μη διαθέσιμο…» στην ίδια θέση με την «Επόμενη παραλαβή» (κάτω από τη γραμμή απόθεμα/ποσότητα) */
.product.pf-unavailable .pf-unavailable-note {
	position: absolute;
	bottom: -18px;
	left: 20px;
	right: 20px;
	margin: 0;
	font-size: 11px;
}

/* προβολή «Λίστα»: στήλη «Παραλαβή» — ημερομηνία, από κάτω η ποσότητα */
td.pf-expected-cell {
	min-width: 90px;
	text-align: center;
	font-size: 13px;
	line-height: 1.35;
}

td.pf-expected-cell b {
	display: block;
	color: var(--prassos-dark);
}

td.pf-expected-cell span {
	display: block;
	color: var(--prassos-muted);
}

.ppc-prices {
	display: grid;
	gap: 2px;
	padding-top: 10px;
	border-top: 1px solid var(--prassos-light);
}

.ppc-price-start {
	font-size: 12px;
	color: var(--prassos-muted);
}

.ppc-price-final {
	font-size: 19px;
	font-weight: 700;
	color: var(--prassos-dark);
	font-variant-numeric: tabular-nums;
}

.ppc-price-final small {
	font-size: 12px;
	font-weight: 400;
	color: var(--prassos-muted);
}

/* ποσότητα + καλάθι + υπολογιστής
   Η κάρτα «κοιτάζει» το ΔΙΚΟ της πλάτος (container query), όχι πόσες κάρτες έχει η σειρά:
   - κανονική:  [ποσότητα 116px] [καλάθι — γεμίζει τον χώρο] [υπολογιστής]
   - στενή (κάρτα < 252px): η ποσότητα σε δική της γραμμή, από κάτω καλάθι + υπολογιστής
   - φαρδιά (κάρτα ≥ 400px): το καλάθι γράφει «Προσθήκη στο καλάθι»
   Η ποσότητα δεν συμπιέζεται ποτέ ούτε τεντώνεται τεράστια. */
.prassos-product-card.is-detailed {
	container-type: inline-size;
	container-name: ppc;
}

.ppc-price-final {
	white-space: nowrap;
}

.prassos-product-card .ppc-buy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.prassos-product-card .ppc-qty {
	display: flex;
	flex: 0 0 116px;
	align-items: center;
	justify-content: space-between;
	width: 116px;
	min-width: 0;
	height: 40px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
}

.prassos-product-card .ppc-qty .changeQuantityButton,
.prassos-product-card .ppc-qty .changeQuantityButton:hover {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: transparent;
	color: var(--prassos-dark);
	font-size: 11px;
	cursor: pointer;
}

.prassos-product-card .ppc-qty .changeQuantityButton:hover {
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
}

.prassos-product-card .ppc-qty .cartQuantityInput {
	width: 100%;
	min-width: 0;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: var(--prassos-dark);
	-moz-appearance: textfield;
}

.prassos-product-card .ppc-qty .cartQuantityInput::-webkit-outer-spin-button,
.prassos-product-card .ppc-qty .cartQuantityInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.prassos-product-card .ppc-buy .ppc-cart {
	display: inline-flex;
	flex: 1 1 44px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: auto;
	min-width: 44px;
	height: 40px;
	padding: 0 10px;
	font-size: 16px;
	letter-spacing: 0;
	white-space: nowrap;
}

/* το κείμενο του καλαθιού μόνο σε φαρδιά κάρτα */
.prassos-product-card .ppc-cart-label {
	display: none;
	font-size: 14px;
}

@container ppc (min-width: 400px) {
	.prassos-product-card .ppc-cart-label {
		display: inline;
	}
}

/* στενή κάρτα: ποσότητα σε δική της γραμμή (όλο το πλάτος), από κάτω καλάθι + υπολογιστής */
@container ppc (max-width: 251px) {
	.prassos-product-card .ppc-qty {
		flex: 1 1 100%;
		width: 100%;
	}

	.prassos-product-card .ppc-actions {
		padding-left: 14px;
		padding-right: 14px;
	}

	.prassos-product-card .ppc-details {
		padding-left: 14px;
		padding-right: 14px;
	}
}

.prassos-product-card .ppc-buy .ppc-calc {
	flex: none;
	background-color: var(--prassos-bg-light);
	color: var(--prassos-red);
}

.prassos-product-card .ppc-buy .ppc-calc:hover,
.prassos-product-card .ppc-buy .ppc-calc:focus-visible {
	background-color: var(--prassos-bg-light);
	color: var(--prassos-red);
}

/* ==========================================================================
   Αγαπημένα (favorites.php): μπάρα + κάρτες + λίστα
   ΚΟΙΝΟΣ πίνακας B2B (.pf-listing table.products-table): ίδιος στη λίστα της σελίδας «Ελαστικά»
   (products.php) και στα Αγαπημένα — στο ύφος των υπόλοιπων πινάκων (Λογιστήριο, Παραγγελίες).
   ========================================================================== */

.pfv-bar {
	margin-bottom: 18px;
}

.pfv-grid {
	gap: 20px;
}

.pfv-grid.pf-grid.is-auto {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.pfv-listing .pf-no-results .prassos-loader {
	margin: 0 auto;
}

/* πίνακας */
.pf-listing .pf-list .table-responsive {
	overflow-x: auto;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
}

.pf-listing table.products-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.pf-listing table.products-table thead th {
	padding: 12px 8px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--prassos-light) !important;
	background: var(--prassos-bg-light) !important;
	color: var(--prassos-dark) !important;
	font-family: var(--prassos-font);
	font-size: 13px !important;
	font-weight: 700 !important;
	vertical-align: middle;
}

/* κωδικός + περιγραφή στις γραμμές του πίνακα: μεγαλύτερα (ήταν 13px) */
.pf-listing table.products-table tbody tr.product-item td > a {
	font-size: 15px;
	line-height: 1.4;
}

.pf-listing table.products-table tbody tr.product-item td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--prassos-light);
	background: var(--prassos-white);
	vertical-align: middle;
}

.pf-listing table.products-table tbody tr.product-item:hover,
.pf-listing table.products-table tbody tr.product-item:hover td {
	background: var(--prassos-bg-light);
}

.pf-listing table.products-table tbody tr.product-item:last-child td {
	border-bottom: 0;
}

/* κουμπιά της γραμμής: κοινό στυλ (υπολογιστής = κυκλικό εικονίδιο, καλάθι = κόκκινο) */
.pf-listing table.products-table td .btnHover.addToCart,
.pf-listing table.products-table td .btnHover.addToCart:hover {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	margin: 0 0 0 6px;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	color: var(--prassos-white);
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-listing table.products-table td .btnHover.addToCart:hover {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

.pf-listing table.products-table td .btnHover.calculator,
.pf-listing table.products-table td .btnHover.calculator:hover {
	border-radius: var(--prassos-radius-round);
	background-color: var(--prassos-bg-light);
	color: var(--prassos-red);
}

.pf-listing table.products-table .quantity {
	display: inline-flex;
	align-items: center;
	height: 34px;
	margin: 0;
	padding: 0 2px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	vertical-align: middle;
}

.pf-listing table.products-table .quantity .changeQuantityButton {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border: 0;
	border-radius: var(--prassos-radius-round);
	color: var(--prassos-dark);
	font-size: 10px;
	cursor: pointer;
}

.pf-listing table.products-table .quantity .changeQuantityButton:hover {
	background: var(--prassos-bg-light);
	color: var(--prassos-red);
}

.pf-listing table.products-table .quantity .cartQuantityInput {
	width: 36px !important;
	height: 26px;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-weight: 700;
	text-align: center;
}

.pf-listing table.products-table td .fa-heart {
	font-size: 17px;
	vertical-align: middle;
}

/* ==========================================================================
   Σύγκριση προϊόντων (compare.php) — .pcm-*
   Βάση: σελίδα καλαθιού (.pfcart, .pfcart-wrap, .pfcart-title, .pfcart-empty, .pfcart-btn).
   Στήλες = προϊόντα, γραμμές = χαρακτηριστικά · η στήλη ετικετών μένει σταθερή στην οριζόντια κύλιση.
   ========================================================================== */

.pcm-title {
	align-items: center;
}

.pcm-title h1 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pcm-count {
	display: inline-grid;
	place-items: center;
	min-width: 28px;
	height: 28px;
	padding: 0 8px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	font-size: 14px;
	font-weight: 500;
	color: var(--prassos-text);
}

.pcm-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

/* διακόπτης «Μόνο διαφορές» (σχήμα πεδίου: pill + shadow-sm) */
.pcm .pcm-switch,
.pcm .pcm-switch:hover,
.pcm .pcm-switch:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 40px;
	margin: 0;
	padding: 0 16px 0 12px;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-text);
	font-family: var(--prassos-font);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.pcm .pcm-switch:focus-visible {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

.pcm .pcm-switch:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.pcm-switch-track {
	position: relative;
	flex: 0 0 auto;
	width: 34px;
	height: 20px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-gray);
	transition: background-color var(--prassos-transition);
}

.pcm-switch-track::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	transition: transform var(--prassos-transition);
}

.pcm-switch[aria-pressed="true"] .pcm-switch-track {
	background: var(--prassos-dark);
}

.pcm-switch[aria-pressed="true"] .pcm-switch-track::after {
	transform: translateX(14px);
}

/* «Καθαρισμός λίστας»: δευτερεύουσα ενέργεια, σαν το «Επιστροφή στις αγορές» */
.pcm .pcm-clear,
.pcm .pcm-clear:hover,
.pcm .pcm-clear:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--prassos-text);
	font-family: var(--prassos-font);
	font-size: 14px;
	cursor: pointer;
	transition: color var(--prassos-transition);
}

.pcm .pcm-clear:hover,
.pcm .pcm-clear:focus-visible {
	color: var(--prassos-red);
}

.pcm-empty-hint {
	max-width: 52ch;
	margin: 0;
	color: var(--prassos-muted);
}

/* κουτί πίνακα + loader από πάνω */
.pcm-box {
	position: relative;
	min-height: 160px;
}

.pcm-box > .loaderWrapper {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: grid;
	place-items: center;
	margin: 0;
	padding: 0;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-overlay-light);
}

.pcm-scroll {
	overflow-x: auto;
	border: 1px solid var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
}

.pcm-scroll:empty {
	border: 0;
	box-shadow: none;
}

/* --- πίνακας --- */
.pcm-table {
	--pcm-label-w: 200px;
	--pcm-col-w: 220px;
	width: 100%;
	min-width: calc(var(--pcm-label-w) + var(--pcm-cols, 4) * var(--pcm-col-w));
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	font-family: var(--prassos-font);
	font-size: 14px;
	color: var(--prassos-text);
}

.pcm-table col.pcm-col-label {
	width: var(--pcm-label-w);
}

.pcm-table th,
.pcm-table td {
	padding: 12px 16px;
	border: 0;
	border-bottom: 1px solid var(--prassos-light);
	background: var(--prassos-white);
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
}

.pcm-table tbody tr:last-child > * {
	border-bottom: 0;
}

/* στήλη ετικετών: σταθερή αριστερά */
.pcm-table .pcm-label {
	position: sticky;
	left: 0;
	z-index: 2;
	border-right: 1px solid var(--prassos-light);
	text-align: left;
	color: var(--prassos-muted);
}

.pcm-table thead th {
	padding: 20px 16px;
	vertical-align: top;
}

.pcm-table thead .pcm-label {
	vertical-align: bottom;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

/* τίτλος ομάδας */
.pcm-table .pcm-group > * {
	padding: 10px 16px;
	background: var(--prassos-bg-light);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--prassos-dark);
}

/* γραμμές που διαφέρουν: απαλό τόνισμα */
.pcm-table tr.is-diff > td {
	background: var(--prassos-highlight-bg);
}

.pcm-table tr.is-diff > .pcm-label {
	font-weight: 500;
	color: var(--prassos-dark);
}

.pcm-box.is-diff-only tr.is-same {
	display: none;
}

/* --- κάρτα στην κορυφή κάθε στήλης --- */
.pcm-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	height: 100%;
}

.pcm .pcm-remove,
.pcm .pcm-remove:hover,
.pcm .pcm-remove:focus-visible {
	position: absolute;
	top: -8px;
	right: -6px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	box-shadow: none;
	color: var(--prassos-muted);
	font-size: 13px;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition), color var(--prassos-transition);
}

.pcm .pcm-remove:hover,
.pcm .pcm-remove:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	color: var(--prassos-red);
}

.pcm-img {
	display: grid;
	place-items: center;
	width: 120px;
	height: 120px;
	margin-bottom: 4px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
}

.pcm-img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.pcm-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
}

.pcm-brand {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--prassos-text-alt);
}

.pcm-name,
.pcm-name:hover {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--prassos-dark) !important;
	text-decoration: none;
	transition: color var(--prassos-transition);
}

.pcm-name:hover {
	color: var(--prassos-red) !important;
}

.pcm-price {
	font-size: 20px;
	font-weight: 700;
	color: var(--prassos-dark);
}

/* καλάθι: κοινός κανόνας κουμπιών (κόκκινο) */
.pcm .pcm-cart,
.pcm .pcm-cart:hover,
.pcm .pcm-cart:focus-visible {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	max-width: 200px;
	margin: auto 0 0;
	padding: 10px 14px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-red);
	box-shadow: none;
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pcm .pcm-cart:hover,
.pcm .pcm-cart:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

/* κενή στήλη «+ Προσθήκη προϊόντος» */
.pcm-add,
.pcm-add:hover {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 100%;
	min-height: 220px;
	border: 2px dashed var(--prassos-light);
	border-radius: var(--prassos-radius-md);
	color: var(--prassos-muted) !important;
	font-size: 14px;
	text-decoration: none;
	transition: border-color var(--prassos-transition), color var(--prassos-transition);
}

.pcm-add span {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: var(--prassos-radius-round);
	background: var(--prassos-bg-light);
	font-size: 24px;
	line-height: 1;
	color: var(--prassos-dark);
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pcm-add:hover {
	border-color: var(--prassos-gray);
	color: var(--prassos-dark) !important;
}

.pcm-add:hover span {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

/* --- τιμές κελιών --- */
.pcm-eu {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 22px;
	padding-right: 6px;
	clip-path: polygon(0 0, 76% 0, 100% 50%, 76% 100%, 0 100%);
	background: var(--prassos-gray);
	font-size: 13px;
	font-weight: 700;
	color: var(--prassos-white);
	vertical-align: middle;
}

/* χρώματα όπως στην ετικέτα ΕΕ (colors.css): is-fuel = κατανάλωση, is-wet = βρεγμένο */
.pcm-eu.is-fuel.is-a { background: var(--prassos-eu-fuel-a); color: var(--prassos-white); }
.pcm-eu.is-fuel.is-b { background: var(--prassos-eu-fuel-b); color: var(--prassos-white); }
.pcm-eu.is-fuel.is-c { background: var(--prassos-eu-fuel-c); color: var(--prassos-dark); }
.pcm-eu.is-fuel.is-d { background: var(--prassos-eu-fuel-d); color: var(--prassos-dark); }
.pcm-eu.is-fuel.is-e { background: var(--prassos-eu-fuel-e); color: var(--prassos-white); }
.pcm-eu.is-wet.is-a { background: var(--prassos-eu-wet-a); color: var(--prassos-white); }
.pcm-eu.is-wet.is-b { background: var(--prassos-eu-wet-b); color: var(--prassos-white); }
.pcm-eu.is-wet.is-c { background: var(--prassos-eu-wet-c); color: var(--prassos-white); }
.pcm-eu.is-wet.is-d { background: var(--prassos-eu-wet-d); color: var(--prassos-dark); }
.pcm-eu.is-wet.is-e { background: var(--prassos-eu-wet-e); color: var(--prassos-dark); }

.pcm-best {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 8px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-success-bg);
	font-size: 11px;
	font-weight: 500;
	color: var(--prassos-success);
	vertical-align: middle;
}

.pcm-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 8px;
	border-radius: var(--prassos-radius-sm);
	background: var(--prassos-bg-light);
	font-size: 12px;
	font-weight: 500;
	color: var(--prassos-text);
}

.pcm-chip.is-summer { background: var(--prassos-warning-bg); color: var(--prassos-warning); }
.pcm-chip.is-winter,
.pcm-chip.is-dot { background: var(--prassos-info-bg); color: var(--prassos-info); }
.pcm-chip.is-all,
.pcm-chip.is-new { background: var(--prassos-success-bg); color: var(--prassos-success); }
.pcm-chip.is-offer { background: var(--prassos-danger-bg); color: var(--prassos-red); }

.pcm-yes { color: var(--prassos-success); }
.pcm-some { color: var(--prassos-warning); }
.pcm-none { color: var(--prassos-gray); }

/* τιμές κρυφές (ματάκι) */
body.hidden-pices-mode .pcm :is(.pcm-price, .the_price) {
	visibility: hidden;
}

/* --- κινητό: στενότερη στήλη ετικετών, 2 προϊόντα ορατά, οριζόντια κύλιση --- */
@media screen and (max-width: 767px) {
	.pcm-title h1 {
		font-size: 22px;
	}

	.pcm-tools {
		width: 100%;
		justify-content: space-between;
	}

	.pcm-table {
		--pcm-label-w: 104px;
		--pcm-col-w: 160px;
		font-size: 13px;
	}

	.pcm-table th,
	.pcm-table td {
		padding: 10px 8px;
	}

	.pcm-table thead th {
		padding: 16px 8px;
	}

	.pcm-table .pcm-label {
		font-size: 12px;
		word-break: break-word;
	}

	.pcm-img {
		width: 80px;
		height: 80px;
	}

	.pcm-name,
	.pcm-name:hover {
		font-size: 13px;
	}

	.pcm-price {
		font-size: 16px;
	}

	.pcm .pcm-remove,
	.pcm .pcm-remove:hover {
		right: -2px;
	}

	.pcm-best {
		display: block;
		width: max-content;
		margin: 4px auto 0;
	}
}

/* ==========================================================================
   Πωλητής εκ μέρους πελάτη
   - .pf-salesman-tag: «Πωλητής: όνομα» στην κόκκινη μπάρα (site-header.php)
   - .pf-actas: «Εργάζεστε για τον πελάτη: … · Αλλαγή πελάτη» πάνω από το breadcrumb (header.php)
   - .psc-*: σελίδα «Πελάτες» (salesman-customers.php)
   ========================================================================== */

.pf-salesman-tag[hidden],
.pf-actas[hidden] {
	display: none !important;
}

.pf-salesman-tag b {
	font-weight: 700;
}

.pf-actas {
	box-sizing: border-box;
	max-width: var(--prassos-container);
	margin: 12px auto 0;
	padding: 0 var(--prassos-gutter);
}

.pf-actas-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	padding: 10px 16px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-info-bg);
	color: var(--prassos-info);
	font-family: var(--prassos-font);
	font-size: 14px;
}

.pf-actas-text b {
	color: var(--prassos-dark);
}

.pf-actas .pf-actas-change,
.pf-actas .pf-actas-change:hover {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 34px;
	margin-left: auto;
	padding: 0 16px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-dark) !important;
	font-weight: 500;
	text-decoration: none;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.pf-actas .pf-actas-change:hover {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
}

/* «Αποσύνδεση πελάτη»: ίδιο κουμπί με το «Αλλαγή πελάτη», κόκκινο κείμενο, ακριβώς δίπλα του */
.pf-actas .pf-actas-leave,
.pf-actas .pf-actas-leave:hover {
	margin-left: 0;
	border: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	color: var(--prassos-red) !important;
	cursor: pointer;
}

/* διάφανο header (αρχική με hero): η μπάρα επιπλέει πάνω στη φωτογραφία, κάτω από το header
   (prassos-components.js bars → .is-over + top). Ίδια κάρτα, με σκιά ώστε να ξεχωρίζει από τη φωτογραφία. */
.pf-actas.is-over {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9; /* κάτω από το header (#header-sticky z-index 10) ώστε τα dropdown του μενού να ανοίγουν από πάνω της */
	margin: 0 auto;
}

.pf-actas.is-over .pf-actas-inner {
	box-shadow: var(--prassos-shadow-lg);
}

/* κινητό: μία γραμμή — όνομα με «…», κουμπιά μόνο με εικονίδιο (το κείμενο τους φαίνεται στο title) */
@media screen and (max-width: 767px) {
	.pf-actas.is-over .pf-actas-inner {
		flex-wrap: nowrap;
		gap: 8px;
		padding: 8px 10px;
		font-size: 13px;
	}

	.pf-actas.is-over .pf-actas-text {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pf-actas.is-over #pfActAsAfm,
	.pf-actas.is-over .pf-actas-label {
		display: none;
	}

	.pf-actas.is-over .pf-actas-change,
	.pf-actas.is-over .pf-actas-change:hover {
		flex: none;
		justify-content: center;
		width: 34px;
		margin-left: 0;
		padding: 0;
	}
}

/* --- σελίδα «Πελάτες» --- */
.psc-title {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px 20px;
	margin-bottom: 16px;
}

.psc-title h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-family: var(--prassos-font);
	font-size: 22px;
	font-weight: 700;
	color: var(--prassos-dark);
}

.psc-count {
	display: inline-grid;
	place-items: center;
	min-width: 26px;
	height: 26px;
	padding: 0 8px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-bg-light);
	font-size: 13px;
	font-weight: 500;
	color: var(--prassos-text);
}

.psc-count[hidden],
.psc-empty[hidden] {
	display: none !important;
}

.psc-lead {
	margin: 4px 0 0;
	font-size: 14px;
	color: var(--prassos-muted);
}

/* αναζήτηση: σχήμα πεδίου (pill + shadow-sm) */
.psc-search {
	display: flex;
	align-items: center;
	gap: 10px;
	width: min(360px, 100%);
	height: 44px;
	margin: 0;
	padding: 0 16px;
	border-radius: var(--prassos-radius-pill);
	background: var(--prassos-white);
	box-shadow: var(--prassos-shadow-sm);
	color: var(--prassos-muted);
	transition: box-shadow var(--prassos-transition);
}

.psc-search:focus-within {
	box-shadow: var(--prassos-shadow-sm), var(--prassos-focus-ring);
}

.psc .psc-search input,
.psc .psc-search input:focus {
	flex: 1;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0;
	font-family: var(--prassos-font);
	font-size: 14px;
	color: var(--prassos-text);
}

.psc-box {
	position: relative;
	min-height: 140px;
}

.psc-box > .loaderWrapper {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: grid;
	place-items: center;
	margin: 0;
	padding: 0;
	background: var(--prassos-overlay-light);
}

.psc-panel {
	overflow-x: auto;
}

.psc-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	font-family: var(--prassos-font);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}

.psc-table th {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--prassos-light);
	background: var(--prassos-bg-light);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--prassos-dark);
}

.psc-table td {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--prassos-light);
	background: var(--prassos-white);
	color: var(--prassos-text);
	vertical-align: middle;
}

.psc-table tbody tr:last-child td {
	border-bottom: 0;
}

.psc-table tbody tr:hover td {
	background: var(--prassos-bg-light);
}

.psc-table tr.is-current td,
.psc-table tr.is-current:hover td {
	background: var(--prassos-success-bg);
}

.psc-table .psc-num {
	text-align: right;
	white-space: nowrap;
}

.psc-table .psc-num.is-negative {
	font-weight: 500;
	color: var(--prassos-red);
}

.psc-table .psc-name b {
	display: block;
	font-weight: 700;
	color: var(--prassos-dark);
}

.psc-table .psc-name small {
	font-size: 12px;
	color: var(--prassos-muted);
}

.psc-table .psc-email {
	word-break: break-word;
}

.psc-table .psc-act {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}

/* «Επιλογή»: κοινός κανόνας κουμπιών (σκούρο) */
.psc .psc-pick,
.psc .psc-pick:hover,
.psc .psc-pick:focus-visible {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: var(--prassos-radius-md);
	background-color: var(--prassos-dark);
	box-shadow: none;
	color: var(--prassos-white);
	font-family: var(--prassos-font);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: transform var(--prassos-transition), box-shadow var(--prassos-transition);
}

.psc .psc-pick:hover,
.psc .psc-pick:focus-visible {
	transform: var(--prassos-hover-lift);
	box-shadow: var(--prassos-shadow-md);
	background-image: var(--prassos-darken);
}

.psc .psc-pick .fa {
	font-size: 11px;
}

.psc-current {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid var(--prassos-success);
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-white);
	font-size: 13px;
	font-weight: 700;
	color: var(--prassos-success);
}

.psc-empty {
	margin: 0;
	padding: 28px 16px;
	text-align: center;
	color: var(--prassos-muted);
}

/* κινητό: κάθε πελάτης γίνεται κάρτα (ετικέτα από το data-label) */
@media screen and (max-width: 767px) {
	.pf-actas .pf-actas-change {
		margin-left: 0;
	}

	.psc-panel {
		border: 0;
		background: none;
		overflow: visible;
	}

	.psc-table thead {
		display: none;
	}

	.psc-table,
	.psc-table tbody {
		display: block;
	}

	.psc-table tr {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 6px 12px;
		margin-bottom: 10px;
		padding: 14px;
		border: 1px solid var(--prassos-light);
		border-radius: var(--prassos-radius-md);
		background: var(--prassos-white);
	}

	.psc-table tr.is-current {
		background: var(--prassos-success-bg);
	}

	.psc-table td,
	.psc-table tbody tr:hover td,
	.psc-table tr.is-current td {
		display: contents;
		padding: 0;
		border: 0;
		background: none;
	}

	.psc-table td::before {
		content: attr(data-label);
		font-size: 13px;
		color: var(--prassos-muted);
	}

	.psc-table td.psc-name,
	.psc-table td.psc-act {
		display: block;
		grid-column: 1 / -1;
	}

	.psc-table td.psc-name::before,
	.psc-table td.psc-act::before {
		content: none;
	}

	.psc-table .psc-num {
		text-align: right;
	}

	.psc-table td.psc-act {
		width: auto;
		margin-top: 6px;
		text-align: left;
	}

	.psc .psc-pick,
	.psc-current {
		justify-content: center;
		width: 100%;
	}
}


/* καλάθι (cart.php): «Το καλάθι σας ενημερώθηκε…» — GetMiniCart με ischeckout=1 → CartChanged = 1 */
.pfcart-changed {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 18px;
	padding: 12px 16px;
	border-radius: var(--prassos-radius-md);
	background: var(--prassos-warning-bg);
	color: var(--prassos-warning);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
}

.pfcart-changed .fa {
	flex: none;
	margin-top: 2px;
}

.pfcart-changed[hidden] {
	display: none;
}