/* ============================================================================
 * Blocksy palette variables — RESTORED.
 * These were defined by Blocksy's Elementor-bridge stylesheet, which only loaded
 * while Elementor was active. With Elementor removed, the frozen pages reference
 * var(--e-global-color-blocksy_palette_N) and they became undefined (blue bands
 * turned white).
 *
 * Aliased to Blocksy's own --theme-palette-color-N (exactly what the bridge
 * stylesheet did on live), so changing the palette in Appearance → Customize
 * still flows through to the frozen pages. The hex values are fallbacks, from
 * the active palette "palette-2", in case Blocksy's dynamic global.css is
 * missing.
 * ========================================================================== */
:root,
body.elementor-kit-216,
.elementor-kit-216 {
	--e-global-color-blocksy_palette_1: var(--theme-palette-color-1, #73a7d5);
	--e-global-color-blocksy_palette_2: var(--theme-palette-color-2, #2b5394);
	--e-global-color-blocksy_palette_3: var(--theme-palette-color-3, #3A4F66);
	--e-global-color-blocksy_palette_4: var(--theme-palette-color-4, #192a3d);
	--e-global-color-blocksy_palette_5: var(--theme-palette-color-5, #e1e8ed);
	--e-global-color-blocksy_palette_6: var(--theme-palette-color-6, #f2f5f7);
	--e-global-color-blocksy_palette_7: var(--theme-palette-color-7, #FAFBFC);
	--e-global-color-blocksy_palette_8: var(--theme-palette-color-8, #ffffff);
}

/*
 * Baa Chania — our own layer.
 * Overrides and net22 hook classes go here (block--element naming).
 * Empty for now: Stage 1 relies on the frozen bundle for pixel parity.
 */

/* ---- UE color-overlay-button (Έργα tiles), structural ------------------
 * The per-tile colours/padding come from the frozen page-235 CSS (keyed by
 * element id). These generic rules replace the identical inline <style> the
 * widget printed per tile. */
.color-overlay-button a.color-overlay-link {
	display: inline-block;
	position: relative;
	text-decoration: none;
	transition: .5s;
	overflow: hidden;
	width: 100%;
}
.color-overlay-button a span.ue-color-overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	transition: .5s;
}
.color-overlay-button a .ue-btn-txt {
	position: relative;
	transition: .5s;
}

/* ---- Footer logos row -------------------------------------------------- */
.baa-footer-logos { padding: 30px 0; }
.baa-footer-logos__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.baa-footer-logos__img { max-height: 70px; width: auto; height: auto; }

/* ---- Floating ESPA strip ---------------------------------------------- */
.baa-espa-popup {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	padding: 8px;
	border-radius: 6px 0 0 6px;
}
.baa-espa-popup__img { max-width: 110px; height: auto; display: block; }
.baa-espa-popup__close {
	position: absolute;
	top: -10px; left: -10px;
	width: 22px; height: 22px;
	border: none; border-radius: 50%;
	background: #1f4684; color: #fff;
	cursor: pointer; line-height: 1;
}
@media (max-width: 767px) { .baa-espa-popup { display: none; } }

/* ============================================================================
 * Footer logo row — content block 1099 ("Custom logos section").
 *
 * The block now renders its frozen Elementor markup (5 col-20 columns of image
 * widgets — see template-parts/frozen/block-logos.php), styled by the frozen
 * page-1099 rules in the bundle, so nothing is needed for that path beyond the
 * generic image cap further down.
 *
 * These rules are the FALLBACK for the raw post_content version (full-size
 * <img> stacked with <br>) in case the frozen part is ever disabled. They are
 * scoped to `> p` so they cannot touch the Elementor markup, which has no <p>.
 * ========================================================================== */
.post-1099 .entry-content { max-width: none; }
.post-1099 .entry-content > p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 24px 40px;
	margin: 0 auto;
	padding: 24px 20px;
}
.post-1099 .entry-content > p br { display: none; }
.post-1099 .entry-content > p img {
	max-height: 70px;
	width: auto !important;
	height: auto !important;
	display: inline-block;
}
@media (max-width: 767px) {
	.post-1099 .entry-content > p { gap: 18px 24px; }
	.post-1099 .entry-content > p img { max-height: 48px; }
}

/* ============================================================================
 * Safety overrides (robustness on the live site).
 * ========================================================================== */
/* Elementor marks animated columns "elementor-invisible" and relies on JS to
 * reveal them. If that JS is ever delayed/blocked, content must still show —
 * so never keep it hidden. (Animations still run when main.js loads.) */
.elementor-invisible { visibility: visible !important; }

/* Cap any oversized images inside frozen pages / content blocks so nothing
 * balloons to natural size once Elementor's per-widget CSS is gone. */
.elementor img,
.ct-content-block img,
.post-1099 .entry-content img,
.entry-content .wp-block-image img { max-width: 100%; height: auto; }



div#contact--form-wrapper br {
    display: none;
}

div#contact--form-wrapper textarea {
    width: 100%;
    resize: none;
}

div#contact--form-wrapper p {
    width: 100%;
}

div#contact--form-wrapper button.elementor-button.elementor-size-sm {
    width:100%;
}