/**
 * Freon Card — κάρτα κατηγορίας.
 *
 * Δομή πιστή στο design: η εικόνα και το χρωματιστό panel είναι ΔΥΟ
 * ξεχωριστά στρογγυλεμένα μπλοκ με μικρό κενό ανάμεσα (--fc-gap).
 *
 * Ίδιο σύστημα κλιμάκωσης με τα υπόλοιπα Freon widgets:
 * 1em = 10px στο base πλάτος design (--fc-base, default 1720px).
 * Κάτω από 767px κλειδώνει 1:1.
 *
 * Παλέτα design (HOME.pdf): panel #C9EBF9 / #BBBBBB / #6FB5D1, κείμενο #234E60.
 */

/* Πλήρες ύψος σε όλη την αλυσίδα του Elementor ώστε κάρτες δίπλα-δίπλα
   να ισοφαρίζουν πάντα τα ύψη τους. */
.elementor-widget-freon-card {
	height: 100%;
}

.elementor-widget-freon-card .elementor-widget-container {
	height: 100%;
}

.freon-card {
	--fc-base: 1720;
	--fc-bg: #c9ebf9;
	--fc-radius: 2.4em;
	--fc-img-radius: var(--fc-radius);
	--fc-gap: 1em;
	--fc-img-h: 27.8em;
	--fc-img-fit: cover;
	--fc-img-pos: center center;
	--fc-body-minh: 0;
	--fc-text-align: center;
	--fc-title-color: #234e60;
	--fc-desc-color: #234e60;
	--fc-icon-size: 3.6em;
	--fc-icon-color: #234e60;
	--fc-icon-bg: transparent;
	--fc-icon-color-hover: #234e60;
	--fc-icon-bg-hover: transparent;
	--fc-icon-pad: 0em;
	--fc-icon-gap: 2.4em;
	--fc-icon-align: flex-end;
	--fc-lift: -0.8em;

	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--fc-gap);
	background: transparent;
	font-size: clamp(5px, calc(100vw * 10 / var(--fc-base)), 26px);
	line-height: 1.4;
	transition: transform 0.3s ease;
}

.freon-card--static {
	font-size: 10px;
}

.freon-card *,
.freon-card *::before,
.freon-card *::after {
	box-sizing: border-box;
}

.freon-card--stretch {
	height: 100%;
}

.freon-card--lift:hover {
	transform: translateY(var(--fc-lift));
}

.freon-card--lift:hover .freon-card__body {
	box-shadow: 0 1.8em 4em rgba(35, 78, 96, 0.16);
}

/* ---------------------------------------------------------------- Media */

.freon-card__media {
	height: var(--fc-img-h);
	overflow: hidden;
	flex-shrink: 0;
	border-radius: var(--fc-img-radius);
}

.freon-card__media img {
	width: 100%;
	height: 100%;
	object-fit: var(--fc-img-fit);
	object-position: var(--fc-img-pos);
	display: block;
	transition: transform 0.5s ease;
}

.freon-card--zoom:hover .freon-card__media img {
	transform: scale(1.06);
}

/* ---------------------------------------------------------------- Panel */

.freon-card__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-height: var(--fc-body-minh);
	padding: 5em 4.6em 4em;
	text-align: var(--fc-text-align);
	background: var(--fc-bg);
	border-radius: var(--fc-radius);
	transition: box-shadow 0.3s ease;
}

.freon-card__title {
	margin: 0 0 2.5em;
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.5;
	color: var(--fc-title-color);
}

.freon-card__desc {
	font-size: 1.4em;
	line-height: 1.75;
	color: var(--fc-desc-color);
}

/* ----------------------------------------------------------------- Icon */

.freon-card__icon-row {
	display: flex;
	justify-content: var(--fc-icon-align);
	margin-top: auto;
	padding-top: var(--fc-icon-gap);
}

.freon-card .freon-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--fc-icon-pad);
	border-radius: 50%;
	color: var(--fc-icon-color);
	background: var(--fc-icon-bg);
	text-decoration: none;
	position: relative;
	z-index: 2; /* πάνω από το overlay link της κάρτας */
	transition: color 0.3s ease, background-color 0.3s ease;
}

.freon-card .freon-card__icon:hover,
.freon-card .freon-card__icon:focus,
.freon-card--lift:hover .freon-card__icon {
	color: var(--fc-icon-color-hover);
	background: var(--fc-icon-bg-hover);
}

.freon-card__icon svg {
	width: var(--fc-icon-size);
	height: var(--fc-icon-size);
	transition: transform 0.35s ease;
}

.freon-card__icon i {
	font-size: var(--fc-icon-size);
	transition: transform 0.35s ease;
}

.freon-card--rotate-icon:hover .freon-card__icon svg,
.freon-card--rotate-icon:hover .freon-card__icon i {
	transform: rotate(90deg);
}

/* Overlay link — όλη η κάρτα clickable */
.freon-card__link {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
}

/* --------------------------------------------------------------- Mobile */

@media (max-width: 767px) {
	.freon-card {
		font-size: 10px;
	}

	.freon-card__body {
		padding: 3.6em 2.8em 2.8em;
	}
}