/* ═══════════════════════════════════════════════════════════════════════════
   LEADER HELLAS — SITE FOOTER
   Figma @1920:  grid minmax(600,1fr) 260 593 · gap 47 · padding 58/50/46
                 brand 318×100 · τηλ/email 55/62 · legal bar 44px #757575
   ═══════════════════════════════════════════════════════════════════════════ */

.lh-footer,
.lh-footer *,
.lh-footer *::before,
.lh-footer *::after {
	box-sizing: border-box;
}

.lh-footer {
	--lh-footer-bg: var(--lh-navy);
	--lh-footer-color: var(--lh-white);
	--lh-footer-accent: var(--lh-blue);
	--lh-legal-bg: var(--lh-footerbar);
	--lh-legal-color: var(--lh-white);

	width: 100%;
}

/* ─── Κύριο grid ───────────────────────────────────────────────────────── */

.lh-footer__main {
	min-height: 56.2rem;              /* 562px */
	padding: 5.8rem var(--lh-gutter) 4.6rem;
	display: grid;
	grid-template-columns: minmax(60rem, 1fr) 26rem 59.3rem;
	grid-template-areas:
		"brand   products address"
		"contact products address";
	align-content: space-between;
	column-gap: 4.7rem;
	background: var(--lh-footer-bg);
	color: var(--lh-footer-color);
}

/* ─── Λογότυπο ─────────────────────────────────────────────────────────── */

.lh-footer__brand,
.lh-footer__brand:hover,
.lh-footer__brand:focus {
	color: inherit;
}

.lh-footer__brand {
	grid-area: brand;
	display: block;
	width: 31.8rem;  /* 318px */
	height: 10rem;   /* 100px */
	line-height: 0;
	-webkit-tap-highlight-color: transparent;
}

/* (0,2,1) — δες τη σημείωση ειδικότητας στο leader-core.css. */
.lh-footer .lh-footer__brand img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left center;
}

/* ─── Επικοινωνία ──────────────────────────────────────────────────────── */

.lh-footer__contact {
	grid-area: contact;
}

.lh-footer__label,
.lh-footer__heading {
	margin: 0 0 2.1rem;   /* 21px */
	font-family: var(--lh-body);
	font-size: 2rem;      /* 20px */
	font-weight: 400;
	line-height: 3rem;    /* 30px */
	text-transform: none;
	letter-spacing: normal;
}

.lh-footer__contact-line {
	display: block;
	margin: 0;
	font-family: var(--lh-display);
	font-size: 5.5rem;    /* 55px */
	font-weight: 800;
	line-height: 6.2rem;  /* 62px */
	letter-spacing: .11rem;
	text-transform: uppercase;
}

/* (0,2,1) — νικάει το `.elementor-kit-N a { color: … }` του Elementor. */
.lh-footer .lh-footer__contact-line a,
.lh-footer .lh-footer__contact-line a:visited,
.lh-footer .lh-footer__contact-line a:hover,
.lh-footer .lh-footer__contact-line a:focus-visible {
	color: var(--lh-footer-accent);
	text-decoration: none;
}

.lh-footer__contact-line a {
	transition: opacity .2s var(--lh-ease);
	-webkit-tap-highlight-color: transparent;
}

.lh-footer__contact-line a:hover,
.lh-footer__contact-line a:focus-visible {
	opacity: .78;
}

/* ─── Στήλες ───────────────────────────────────────────────────────────── */

.lh-footer__products {
	grid-area: products;
}

.lh-footer__address {
	grid-area: address;
}

.lh-footer .lh-footer__link,
.lh-footer .lh-footer__link:visited {
	color: var(--lh-footer-color);
}

.lh-footer .lh-footer__link:hover,
.lh-footer .lh-footer__link:focus-visible {
	color: var(--lh-footer-accent);
}

.lh-footer__link {
	display: block;
	margin-top: 1.8rem;   /* 18px */
	font-family: var(--lh-display);
	font-size: 2rem;      /* 20px */
	font-weight: 800;
	line-height: 2.4rem;  /* 24px */
	letter-spacing: .1rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: color .2s var(--lh-ease);
	-webkit-tap-highlight-color: transparent;
}

.lh-footer__text {
	margin: 0 0 2.7rem;   /* 27px */
	font-size: 2rem;      /* 20px */
	line-height: 3rem;    /* 30px */
}

.lh-footer__text:last-child {
	margin-bottom: 0;
}

/* ─── Νομική μπάρα ─────────────────────────────────────────────────────── */

/* Χωρίς το κύριο footer δεν υπάρχει κενό να κλείσει. */
.lh-footer--legal-only .lh-footer__legal {
	margin-top: 0;
}

.lh-footer__legal {
	margin-top: -.2rem;   /* κλείνει το 2px sub-pixel κενό του grid */
	min-height: 4.4rem;   /* 44px */
	padding: 0 var(--lh-gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
	background: var(--lh-legal-bg);
	color: var(--lh-legal-color);
}

.lh-footer__copy,
.lh-footer__legal-link {
	margin: 0;
	color: inherit;
	font-family: var(--lh-display);
	font-size: 1.6rem;    /* 16px */
	font-weight: 800;
	line-height: 2.2rem;  /* 22px */
	letter-spacing: .08rem;
	text-decoration: none;
	text-transform: uppercase;
}

.lh-footer__legal-links {
	display: flex;
	gap: 9rem;            /* 90px */
}

/* (0,2,0) — αλλιώς το `.elementor-kit-N a` τα βάφει μπλε πάνω στο γκρι. */
.lh-footer .lh-footer__legal-link,
.lh-footer .lh-footer__legal-link:visited,
.lh-footer .lh-footer__legal-link:hover,
.lh-footer .lh-footer__legal-link:focus-visible {
	color: var(--lh-legal-color);
}

.lh-footer__legal-link {
	transition: opacity .2s var(--lh-ease);
	-webkit-tap-highlight-color: transparent;
}

.lh-footer__legal-link:hover,
.lh-footer__legal-link:focus-visible {
	opacity: .75;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE / TABLET-PORTRAIT  ≤1024px
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

	.lh-footer__main {
		min-height: 0;
		padding: 5.6rem 2.8rem;
		grid-template-columns: 1fr;
		grid-template-areas:
			"brand"
			"contact"
			"products"
			"address";
		gap: 4.8rem;
	}

	.lh-footer__brand {
		width: 24rem;      /* 240px */
		height: 7.55rem;   /* κρατά την αναλογία 318:100 */
	}

	/*
	 * Το «info@leaderhellas.gr» είναι 20 χαρακτήρες: στα 4rem δεν χωράει σε
	 * οθόνη 390px και έσπαγε στη μέση της λέξης. Το 8vw το κρατά μονόγραμμο
	 * από τα 320px ως τα ~500px, ενώ πάνω από εκεί ισχύει πάλι το 4rem.
	 * Το overflow-wrap μένει ως δίχτυ ασφαλείας για μακρύτερα emails.
	 */
	.lh-footer__contact-line {
		font-size: min(4rem, 8vw);
		line-height: 1.14;
		overflow-wrap: anywhere;
	}

	.lh-footer__legal {
		margin-top: 0;
		padding: 2rem 2.2rem;
		align-items: flex-start;
		flex-direction: column;
		gap: 1.6rem;
	}

	.lh-footer__legal-links {
		flex-wrap: wrap;
		gap: 1.6rem 3rem;
	}
}
