/*
Theme Name: Blocksy Child
Description: Child theme for Blocksy.
Author: iSpark
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

/* iSpark custom CSS */
 /* ========================= i.Spark BOLD v6 — Unified Service Styling (CLEAN)
   Palette, layout, hero, cards, prefooter-v2, reviews/offers, forms
========================= */

/* ---- Tokens ---- */
:root{
  --is-red:#D62828; --is-red-hover:#B71D1D; /* κρατούνται για badges μόνο */
  --is-ink:#0F1115; --is-charcoal:#1B2026; --is-white:#FFFFFF;
  --is-steel:#C2C7CC; --is-steel-dark:#8A9097;
  --is-border:rgba(0,0,0,.14); --is-border-strong:rgba(0,0,0,.28);
  --shadow:0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);
  --shadow-strong:0 12px 30px rgba(0,0,0,.16), 0 4px 10px rgba(0,0,0,.10);
  --rad:12px; --rad-lg:16px;
  --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-14:56px; --sp-16:64px;
  --container:1200px; --pad-x:24px; --pad-x-m:20px;
  --is-concrete:#F2F3F5;

  /* Unified CTA */
  --cta-bg:#1D2329; --cta-fg:#E6E9EC; --cta-border:rgba(255,255,255,.14);
  --cta-bg-hover:#171B20; --cta-bg-active:#12161A;
  --cta-shadow:0 6px 14px rgba(0,0,0,.25);

  /* Hero slider */
  --hero-h:78vh; --hero-h-min:460px;
}

/* ---- Base ---- */
html,body{background:var(--is-concrete); color:var(--is-ink)}
::selection{background:var(--is-red); color:#fff}
p{margin:0 0 var(--sp-5)}
h1,h2,h3,h4,h5,h6{color:var(--is-ink); margin:0 0 var(--sp-5); line-height:1.18}
h1{font-weight:800; margin-bottom:var(--sp-6)}
h2,h3{font-weight:700}
h1{ line-height:1.15; letter-spacing:-0.015em }
h2{ line-height:1.18; letter-spacing:-0.01em; margin-bottom:.8rem }
h3{ line-height:1.2;  letter-spacing:-0.005em; margin-bottom:.5rem }

a{color:var(--is-ink); text-decoration:none}
a:hover{opacity:.9}

/* Focus-visible */
:where(a, button, .wp-block-button__link, input, select, textarea):focus{outline:none}
:where(a, button, .wp-block-button__link, input, select, textarea):focus-visible{
  outline:3px solid #FFD166; outline-offset:2px; border-radius:10px;
  box-shadow:0 0 0 4px rgba(255,209,102,.25);
}

/* Containers / Gutters */
.wp-site-blocks,.section__inner{ max-width:var(--container); margin:0 auto; padding-left:var(--pad-x); padding-right:var(--pad-x); }
.alignfull > .wp-block-group,.alignfull > .wp-block-columns{ padding-left:var(--pad-x); padding-right:var(--pad-x); }
@media (max-width:780px){
  .wp-site-blocks,.section__inner,.alignfull > .wp-block-group,.alignfull > .wp-block-columns{
    padding-left:var(--pad-x-m); padding-right:var(--pad-x-m);
  }
}

/* Sections */
.section{padding-top:64px; padding-bottom:64px}
.section--light{background:#fff; border:1px solid var(--is-border); border-radius:var(--rad-lg); padding:var(--sp-8); box-shadow:var(--shadow)}
.section--dark{background:var(--is-charcoal); color:#fff; border:1px solid rgba(255,255,255,.08); border-radius:var(--rad-lg); padding:var(--sp-8); box-shadow:var(--shadow-strong)}
.section--dark a{color:#fff}

/* =========================
   HERO
========================= */
.hero{padding-top:var(--sp-16); padding-bottom:var(--sp-16)}
.hero .wp-block-columns{gap:var(--sp-8)}
.hero .wp-block-image img{display:block; border-radius:var(--rad-lg); box-shadow:var(--shadow)}
.hero .usp{list-style:none; margin:var(--sp-4) 0 0; padding:0}
.hero .usp li{position:relative; padding-left:20px; margin:.4rem 0; color:#3F4650}
.hero .usp li::before{content:""; width:10px; height:10px; border-radius:999px; background:#fff; position:absolute; left:0; top:.45em}

.hero--brand{
  background:#D83A3A; /* διατηρείται ήπιο κόκκινο ως φόντο, όχι για CTAs */
  color:#fff; border-top:1px solid rgba(0,0,0,.10); border-bottom:1px solid rgba(0,0,0,.10); border-radius:var(--rad-lg);
}
.hero--brand h1,.hero--brand p,.hero--brand a{color:#fff}
.hero--brand .wp-block-columns{display:flex; gap:24px; align-items:center; flex-wrap:wrap}
.hero--brand .wp-block-column{min-width:280px}
@media (max-width:781px){
  .hero--brand .wp-block-columns{flex-direction:column}
  .hero--brand .wp-block-column{flex-basis:100%!important}
}

/* =========================
   Cards — Dark Brushed Steel
========================= */
.card{
  position:relative;
  background:linear-gradient(145deg,#1d2024,#2c3035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:var(--rad);
  padding:24px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.32)!important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.card:hover{
  background:linear-gradient(145deg,#191c1f,#25292e)!important;
  border-color:rgba(255,255,255,.20)!important;
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.38)!important;
}
.card h3{ color:#F7FAFC !important; font-weight:700 !important; line-height:1.25 !important; margin-bottom:12px !important; font-size:clamp(18px,0.7vw + 16px,22px)!important }
.card p{  color:#D3D9E0 !important; margin:0 0 12px !important }
.card a{  color:#E9EDF1 !important; text-decoration:none !important }
.card a:hover{ color:var(--is-steel) !important; text-decoration:underline }

.steel-outline::after{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(135deg,#c7cdd3,#9ba2aa,#d9dee2);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.55; transition:opacity .2s ease;
}
.steel-outline:hover::after{opacity:.8}
.card.steel-outline::before{
  content:""; position:absolute; top:-60%; left:0; width:100%; height:200%;
  background:radial-gradient(ellipse at center top, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 60%);
  transform:translateY(-20px); opacity:0; transition:opacity .25s ease, transform .25s ease; pointer-events:none;
}
.card.steel-outline:hover::before{opacity:.7; transform:translateY(0)}
.steel-edge-top{position:relative; border-radius:var(--rad-lg)}
.steel-edge-top::before{
  content:""; position:absolute; left:24px; right:24px; top:-1px; height:2px; border-radius:999px;
  background:linear-gradient(90deg,transparent,#9AA3AD,transparent); opacity:.55; pointer-events:none;
}

/* =========================
   Reviews & Offers
========================= */
.ispark-reviews{
  padding-top:var(--sp-12)!important; padding-bottom:var(--sp-12)!important;
  border:1px solid var(--is-border); border-radius:var(--rad-lg);
  box-shadow:var(--shadow); background:#fff;
}
.ispark-reviews .wp-block-columns{gap:var(--sp-6)}
.ispark-reviews .stars{font-size:0!important}
.ispark-reviews .stars::after{content:"★★★★★"; font-size:18px; line-height:1; color:#FFC107!important; -webkit-text-fill-color:#FFC107!important}

.ispark-offers{ background:#fff; border:1px solid var(--is-border); border-radius:var(--rad-lg); box-shadow:var(--shadow) }
.ispark-offers .subtitle{ color:#3F4650; margin-top:-8px; margin-bottom:var(--sp-6) }
.ispark-offers .wp-block-columns{gap:var(--sp-6)}
@media (max-width:780px){ .ispark-offers .wp-block-columns{gap:var(--sp-4)} }

.coupon{
  position:relative; background:linear-gradient(135deg,#2F343A,#3A4149)!important;
  border:1px dashed rgba(255,255,255,.22)!important; border-radius:14px;
  padding:var(--sp-6); box-shadow:0 10px 24px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.12)!important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.coupon:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.32)!important }
.coupon h3{ color:#fff!important; margin-bottom:var(--sp-3) }
.coupon p,.coupon__list{ color:#D1D6DC!important }
.coupon__fine{ color:#A9B0B8!important }
.coupon__badge{
  position:absolute; top:-12px; left:-12px; background:var(--is-red)!important;
  color:#fff!important; padding:6px 10px; border-radius:10px; font-weight:800;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
}

/* =========================
   HERO SLIDER — full-bleed
========================= */
.hero-slider {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
  height: var(--hero-h) !important;
  min-height: var(--hero-h-min);
  overflow: hidden;
  background: #0f1115;
  border-radius: 0 !important;
  padding: 0 !important;
}

.hero-track {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease;
}

.hero-slide:first-of-type {
  opacity: 1;
  z-index: 1;
}

.hero-slide > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center center !important;
  max-width: none !important;
  border-radius: 0 !important;
  background: transparent;
}

#s1 img,
#s2 img,
#s3 img {
  object-position: center bottom !important;
}

.hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0.18) 24%,
    rgba(0, 0, 0, 0.08) 48%,
    rgba(0, 0, 0, 0) 85%
  );
}

.hero-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-inline: clamp(16px, 6vw, 72px);
}

/* === Compact text-shade (shared) === */
.text-shade {
  max-width: min(680px, 90vw);
  background: linear-gradient(
    145deg,
    rgba(0, 0, 0, 0.92) 0%,
    rgba(35, 35, 35, 0.88) 35%,
    rgba(80, 80, 85, 0.78) 70%,
    rgba(120, 125, 130, 0.72) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.25),
    0 4px 10px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px) saturate(125%);
  padding: clamp(8px, 1.2vw, 12px) clamp(10px, 1.6vw, 16px);
  border-radius: 0;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.text-shade::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.05) 35%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0.25;
}

.text-shade h1 {
  font-size: clamp(1.4rem, 2.4vw, 1.9rem);
  font-weight: 700;
  margin-bottom: 0.3rem;
  color: #fff !important;
}

.text-shade h2 {
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: #fff !important;
}

.text-shade p {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  line-height: 1.35;
  margin-bottom: 0.6rem;
  color: #fff !important;
}

.hero-content .wp-block-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.hero-content .wp-block-button .wp-block-button__link {
  padding: 0.7rem 1rem;
  min-height: 42px;
  line-height: 1;
  border-radius: 0;
}
/* =========================
   HERO SLIDER — Progress Bar (final light red)
========================= */
.hero-progress {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 2px;
  overflow: hidden;
  z-index: 6;
}

.hero-progress-bar {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #ffb3b3 0%, #ff6666 100%);
  box-shadow: 0 0 6px rgba(255, 80, 80, 0.4);
  transition: width 6s linear;
}


/* =========================
   MOBILE — Text scaling
========================= */
@media (max-width: 780px) {
  .text-shade {
    padding: 8px 12px;
  }
  .text-shade h1 {
    font-size: 1.4rem;
  }
  .text-shade h2 {
    font-size: 1.2rem;
  }
  .text-shade p {
    font-size: 0.85rem;
  }
}

/* =========================
   PREFOOTER v2 (final)
========================= */
/* Full-bleed */
.prefooter-v2{ width:100vw; margin-left:calc(50% - 50vw); }
.prefooter-v2.alignfull,
.prefooter-v2.alignfull > .wp-block-group{ padding:0 !important; }
/* kill Gutenberg gaps */
.prefooter-v2 .wp-block-group, .prefooter-v2 .wp-block-columns, .prefooter-v2 .wp-block-column{
  margin:0 !important; padding:0 !important; gap:0 !important;
}
/* Two columns, equal height */
.prefooter-v2__inner{
  display:grid; grid-template-columns:1fr 1fr;
  align-items:stretch; gap:0; min-height:520px;
}
/* Left panel */
.prefooter-v2__panel{
  display:flex; flex-direction:column; justify-content:center;
  max-width:none !important; width:100% !important; height:100% !important;
  padding:clamp(12px,2.2vw,22px) clamp(14px,2.6vw,26px);
  border:0 !important; box-shadow:none !important;
}
/* CTA in prefooter — graphite + RADIUS FIX */
.prefooter-v2 .wp-block-button .wp-block-button__link{
  border-radius: var(--rad) !important;            /* fix radius */
  background: var(--cta-bg) !important;
  color: var(--cta-fg) !important;
  border:1px solid var(--cta-border) !important;
  padding:.7rem 1rem; min-height:42px; line-height:1; font-weight:600;
  box-shadow: var(--cta-shadow) !important;
  transition: background .18s ease, transform .12s ease, border-color .18s ease, box-shadow .18s ease;
}
.prefooter-v2 .wp-block-button .wp-block-button__link:hover{
  background: var(--cta-bg-hover) !important; transform: translateY(-1px);
}
/* Right media */
.prefooter-v2__media{
  background:url('/wp-content/uploads/2025/10/isparkservice-garage-neo-irakleio.webp') center 98% / cover no-repeat;
  margin:0; padding:0; min-height:100%;
}
@media (min-width:981px){ .prefooter-v2__media{ margin-left:-1px; } }
@media (max-width:980px){
  .prefooter-v2__inner{ grid-template-columns:1fr; min-height:auto; }
  .prefooter-v2__media{ min-height:260px; order:2; }
  .prefooter-v2__panel{ order:1; }
}

/* PREFooter CTA — lighter metallic gray only here */
.prefooter-v2 .wp-block-button .wp-block-button__link{
  background:linear-gradient(145deg,#7a7f85 0%, #64696f 50%, #545960 100%) !important;
}

.prefooter-v2 .wp-block-button .wp-block-button__link:hover{
  background:linear-gradient(145deg,#858b91 0%, #6f747a 50%, #5b6067 100%) !important;
}

/* =========================
   Utilities
========================= */
.wp-block-columns{gap:32px}
.m-0{margin:0!important}.mb-0{margin-bottom:0!important}
.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}
img{border-radius:var(--rad)}
figure{margin:0 0 1rem; overflow:hidden; border-radius:var(--rad)}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important; animation-iteration-count:1!important; transition:none!important; scroll-behavior:auto!important}
}

/* ================================
   Footer (Metallic Gray Theme)
=============================== */
.site-footer.footer--full {
  background: #1e2124; color: #e6e9ec; position: relative; z-index: 1; padding-top: 60px;
  font-size: 15px; line-height: 1.6;
}
.site-footer.footer--full .footer-inner {
  max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.25fr 1fr 1fr;
  gap: 48px; padding: 0 24px 40px;
}
@media (max-width: 900px){ .site-footer.footer--full .footer-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ .site-footer.footer--full .footer-inner { grid-template-columns: 1fr; padding: 0 16px 32px; } }
.site-footer.footer--full h3 { color:#fff; font-weight:700; margin-bottom:14px; font-size:18px; }
.site-footer.footer--full p { color:#c9cdd1; margin-bottom:16px; }
.site-footer.footer--full ul{ list-style:none; margin:0; padding:0; }
.site-footer.footer--full li{ margin-bottom:8px; }
.site-footer.footer--full .ticks li{ position:relative; padding-left:18px; color:#c9cdd1; }
.site-footer.footer--full .ticks li::before{ content:"✓"; position:absolute; left:0; top:0; color:#9fd7a3; font-weight:700; }
.site-footer.footer--full a{ color:#ffffff; text-decoration:none; transition:color .2s ease; }
.site-footer.footer--full a:hover{ color:#ff4d4d; }
.site-footer.footer--full .fi{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-right:8px; }
.site-footer.footer--full .fi svg{ width:18px; height:18px; stroke:#e6e9ec; stroke-width:1.8; fill:none; opacity:.95; }
.site-footer.footer--full .footer-ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.site-footer.footer--full .footer-ctas .wp-element-button{
  background:#ffffff; color:#c62828; border-radius:10px; padding:.6rem 1rem; font-weight:700;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.site-footer.footer--full .footer-ctas .is-outline{ background:transparent; border:2px solid #ffffff; color:#ffffff; box-shadow:none; }
.site-footer.footer--full .footer-ctas .is-outline:hover{ background:#ffffff; color:#c62828; }
.site-footer.footer--full .footer-bar{
  border-top:1px solid #33373d; background:#171a1d; color:#c9cdd1;
  display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 24px; font-size:14px;
}
.site-footer.footer--full .footer-bar .links{ display:flex; gap:12px; flex-wrap:wrap; }
.site-footer.footer--full .footer-bar a{ color:#c9cdd1; }
.site-footer.footer--full .footer-bar a:hover{ color:#ffffff; }

/* Brushed steel full-bleed bg */
.footer--full{ position:relative; color:#E8EDF2; }
.footer--full::before{
  content:""; position:absolute; inset:0; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, rgba(0,0,0,.04) 1px 2px),
    linear-gradient(180deg,#2F343A 0%, #23282F 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  border-top: 1px solid rgba(255,255,255,.08);
  z-index:-1;
}
.site-footer{ background:transparent !important; }
.site-footer.footer--full .footer-bar{
  background:linear-gradient(180deg,#2F343A 0%,#23282F 100%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important; color:#c9cdd1;
}
.site-footer.footer--full .footer-bar a{ color:#e6e9ec; }
.site-footer.footer--full .footer-bar a:hover{ color:#ffffff; }

/* =========================
   Unified CTA — Graphite (Global)
========================= */
.wp-block-button .wp-block-button__link,
.wp-element-button,
button,
input[type="submit"]{
  background:var(--cta-bg) !important;
  color:var(--cta-fg) !important;
  border:1px solid var(--cta-border) !important;
  border-radius: var(--rad) !important;
  padding:.8rem 1.1rem !important;
  line-height:1 !important;
  box-shadow:var(--cta-shadow) !important;
  text-decoration:none !important;
  transition: background .18s ease, box-shadow .18s ease, transform .12s ease, border-color .18s ease !important;
}
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:\hover{
  background:var(--cta-bg-hover) !important;
  transform: translateY(-1px);
}
.wp-block-button .wp-block-button__link:active,
.wp-element-button:active,
button:active,
input[type="submit"]:\active{
  background:var(--cta-bg-active) !important;
  transform: translateY(0);
}
:where(.wp-block-button__link,.wp-element-button,button,input[type="submit"]):focus{ outline:none !important; }
:where(.wp-block-button__link,.wp-element-button,button,input[type="submit"]):focus-visible{
  outline:3px solid #FFD166 !important; outline-offset:2px !important;
  box-shadow:0 0 0 4px rgba(255,209,102,.25), var(--cta-shadow) !important;
}
/* Outline variant */
.is-style-outline .wp-block-button__link{
  background: transparent !important;
  color: var(--cta-fg) !important;
  border: 1.5px solid var(--cta-border) !important;
  box-shadow: none !important;
}
.is-style-outline .wp-block-button__link:hover{
  background: var(--cta-bg) !important;
  color: var(--cta-fg) !important;
  border-color: var(--cta-border) !important;
}

/* =========================
   Metallic CTA Hover Upgrade
========================= */
.wp-block-button .wp-block-button__link,
.wp-element-button,
button,
input[type="submit"]{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:\hover{
  background:linear-gradient(145deg,#5A6169 0%, #3C424A 45%, #2A2F35 100%) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #FFFFFF !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.38),
    0 6px 14px rgba(0,0,0,.28),
    0 0 0 1px rgba(210,220,230,.22),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.35) !important;
  transform: translateY(-2px);
}

.wp-block-button .wp-block-button__link:active,
.wp-element-button:active,
button:active,
input[type="submit"]:\active{
  background:linear-gradient(145deg,#3D434B 0%, #2B3036 100%) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.34),
    0 0 0 1px rgba(200,210,220,.18),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.45) !important;
  transform: translateY(0);
}

.wp-block-button .wp-block-button__link::after,
.wp-element-button::after,
button::after,
input[type="submit"]::after{
  content: "";
  position: absolute;
  inset: -60% -20%;
  transform: translateX(-120%) rotate(18deg);
  background:
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.42) 48%,
      rgba(255,255,255,0) 62%);
  mix-blend-mode: screen;
  opacity: .65;
  pointer-events: none;
  z-index: -1;
}
.wp-block-button .wp-block-button__link:hover::after,
.wp-element-button:hover::after,
button:hover::after,
input[type="submit"]:\hover::after{
  animation: ispark-cta-sheen .7s ease forwards;
}
@keyframes ispark-cta-sheen{
  to { transform: translateX(120%) rotate(18deg); opacity:.0; }
}

/* Προσαρμογή για PREFOOTER v2: λίγο πιο φωτεινό silver */
.prefooter-v2 .wp-block-button .wp-block-button__link:hover{
  background:
    linear-gradient(145deg, #6A727B 0%, #4A5159 45%, #343A41 100%) !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.40),
    0 8px 18px rgba(0,0,0,.28),
    0 0 0 1px rgba(225,232,238,.28),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(0,0,0,.38) !important;
}

/* Προαιρετική “δαχτυλίδι” εστίασης για προσβασιμότητα */
:where(.wp-block-button__link,.wp-element-button,button,input[type="submit"]):focus-visible{
  outline: 3px solid #FFD166 !important;
  outline-offset: 2px !important;
  box-shadow:
    0 0 0 4px rgba(255,209,102,.22),
    0 10px 22px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
}

/* === FIX: Remove hover outline/box from plain text links === */
a:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-button):not(.button):hover {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
  text-shadow: 0 0 8px rgba(240,245,250,.35);
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.55);
  text-underline-offset: 2px;
}

/* =========================
   Offers — alignment & stability
========================= */
.ispark-offers .wp-block-columns{ align-items:stretch !important; }
.ispark-offers .wp-block-column{ display:flex !important; }
.ispark-offers .cta-item,
.ispark-offers .coupon{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  transform:none !important;
}

/* περιεχόμενο γεμίζει, CTA κουμπί κολλάει κάτω αν υπάρχει */
.ispark-offers .cta-item > *:last-child,
.ispark-offers .coupon  > *:last-child{ margin-top:auto !important; }

/* hover χωρίς “κούνημα” και χωρίς sheen */
.ispark-offers .cta-item:hover{
  background:#1d2329 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.28), 0 0 0 1px rgba(230,232,235,.18) !important;
  border-color:rgba(230,232,235,.18) !important;
  transform:none !important;
  filter:none !important;
}
.ispark-offers .coupon:hover{
  background:linear-gradient(135deg,#2F343A,#3A4149) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.12) !important;
  transform:none !important;
  filter:none !important;
}

/* σβήσε τη λάμψη-ταινία στις κάρτες προσφορών */
.ispark-offers .cta-item::after,
.ispark-offers .coupon::after{ content:none !important; }

/* OFFERS — HARD FIX: equal height + stable hover */
.ispark-offers .wp-block-columns{
  display:grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  align-items: stretch !important;
}
@media (max-width: 980px){
  .ispark-offers .wp-block-columns{ grid-template-columns: 1fr !important; }
}
.ispark-offers .wp-block-column{
  display:flex !important;
  margin:0 !important;
  padding:0 !important;
}
.ispark-offers .wp-block-column > *{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  margin:0 !important;
}
.ispark-offers .wp-block-column > * .wp-block-buttons{
  margin-top:auto !important;
}
.ispark-offers .wp-block-column > *:hover{
  transform:none !important;
  filter:none !important;
}
.ispark-offers .wp-block-column > *::after{ content:none !important; }
.ispark-offers .cta-item{ background:#1d2329 !important; border:1px solid rgba(230,232,235,.16) !important; }
.ispark-offers .cta-item:hover{
  background:#1d2329 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.28), 0 0 0 1px rgba(230,232,235,.18) !important;
  border-color:rgba(230,232,235,.18) !important;
}
.ispark-offers .coupon:hover{
  background:linear-gradient(135deg,#2F343A,#3A4149) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.12) !important;
}
/* Ασφάλεια για badges */
.ispark-offers .coupon__badge{ position:absolute !important; }
.ispark-offers .coupon { position: relative !important; overflow: visible !Important; }
.ispark-offers .coupon__badge {
  position: absolute !important;
  top: -12px !important;
  left: -12px !important;
  background: var(--is-red, #d62828) !important;
  color: #fff !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
  z-index: 5 !important;
  transform: none !important;
}

/* =========================
   HERO SLIDER — Arrows
========================= */
.hero-slider{ position:relative !important; }

.hero-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px; height: 50px;
  border-radius: 8px;
  color: #fff; z-index: 1000; cursor: pointer;

  background: linear-gradient(145deg, #5a6169 0%, #3c424a 45%, #2a2f35 100%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.25),
    0 6px 14px rgba(0,0,0,0.35),
    0 0 0 1px rgba(210,220,230,0.18);
  backdrop-filter: blur(3px) saturate(125%);
  transition: all 0.25s ease;
}
.hero-arrow::after{
  content:""; position:absolute; inset:0; border-radius:8px;
  box-shadow: inset 0 0 0 1px rgba(210,220,230,.35); pointer-events:none;
}
.hero-arrow svg {
  width: 30px; height: 30px; stroke: #fff; stroke-width: 2.6;
  opacity: 0.95; transition: opacity .25s ease, transform .25s ease;
}
.hero-arrow:hover {
  background: linear-gradient(145deg, #7a828b 0%, #4a5058 40%, #343a41 100%);
  border-color: rgba(255,255,255,0.35);
  box-shadow:
    0 10px 22px rgba(0,0,0,0.45),
    inset 0 1px 1px rgba(255,255,255,0.28),
    inset 0 -1px 1px rgba(0,0,0,0.25);
  transform: translateY(-50%) scale(1.06);
}
.hero-arrow:hover svg { opacity: 1; transform: scale(1.12); }

.hero-arrow--prev { left: clamp(14px, 1.4vw, 36px) !important; }
.hero-arrow--next { right: clamp(14px, 1.4vw, 36px) !important; }

@media (max-width: 780px) {
  .hero-arrow { width: 42px; height: 42px; border-radius: 6px; background: rgba(35, 35, 35, 0.8); }
  .hero-arrow--prev { left: 8px !important; }
  .hero-arrow--next { right: 8px !important; }
}

/* ==== Reviews & Offers — Smooth Steel Gradient (Dark → Light Gray) ==== */
.ispark-reviews,
.ispark-offers {
  background: linear-gradient(
    160deg,
    #2a2c2f 0%,
    #3b3e42 30%,
    #4d5156 60%,
    #5f646b 85%,
    #757b83 100%
  ) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.35),
              inset 0 1px 1px rgba(255,255,255,.12);
  color: #E6E9ED;
  padding-top: var(--sp-12);
  padding-bottom: var(--sp-12);
}

.ispark-reviews h2,
.ispark-offers h2 { color: #fff; }

.ispark-reviews p,
.ispark-offers p,
.ispark-offers .subtitle { color: #D4D8DC; }

/* Stars remain gold */
.ispark-reviews .stars::after { color: #FFC107; }

/* ==== Offer Cards ==== */
.ispark-offers .coupon {
  background: linear-gradient(
    150deg,
    #34373b 0%,
    #484c51 50%,
    #5e6369 100%
  ) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.35),
              inset 0 1px 0 rgba(255,255,255,.08);
  padding: 24px;
  position: relative;
  overflow: visible !important;
  padding-top: 38px !important; /* χώρος για badge */
}

/* Remove the “connecting” line between top of cards */
.steel-edge-top::before,
.steel-edge-top.wp-block-columns::before,
.steel-edge-top .wp-block-column::before { content:none !important; }

/* Buttons (retain soft metallic hover) */
.ispark-reviews .wp-element-button,
.ispark-offers .wp-element-button,
.ispark-reviews .wp-block-button__link,
.ispark-offers .wp-block-button__link {
  background: var(--cta-bg) !important;
  color: var(--cta-fg) !important;
  border: 1px solid var(--cta-border) !important;
  border-radius: var(--rad) !important;
}
.ispark-reviews .wp-element-button:hover,
.ispark-offers .wp-element-button:hover,
.ispark-reviews .wp-block-button__link:hover,
.ispark-offers .wp-block-button__link:hover {
  background: linear-gradient(145deg, #717981 0%, #565b61 50%, #3a3e43 100%) !important;
  color: #fff !important;
}

/* ========== GLOBAL BACKGROUND ========== */
html, body{
  background: linear-gradient(180deg,#e6e7e9 0%,#d3d5d8 40%,#c7c9cc 100%);
  color:#1c1e21;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background: radial-gradient(circle at center, rgba(255,255,255,0) 70%, rgba(0,0,0,.05) 100%);
}

/* ========== UNIVERSAL LINKS (όχι buttons) ========== */
a:not(.wp-element-button):not(.wp-block-button__link){
  color:#e6eaee; text-decoration:none; font-weight:500;
  transition: color .25s ease, text-shadow .25s ease, filter .25s ease;
}
a:not(.wp-element-button):not(.wp-block-button__link):hover{
  color:#fff; text-shadow:0 0 8px rgba(255,255,255,.5), 0 0 14px rgba(255,255,255,.3);
  filter:brightness(1.15);
}
/* Διαχωριστικά “•” μόνο σε inline κείμενα */
p a + a::before, span a + a::before{
  content:"•"; margin:0 8px; color:rgba(230,234,238,.55);
}

/* ========== REVIEWS & OFFERS – LAYOUT GAP ========== */
.ispark-reviews .wp-block-columns, .ispark-offers .wp-block-columns{ gap:28px !important; }

/* ========== PREFooter → FOOTER UNIFIED METALLIC GRADIENT ========== */
:root{
  --steel-deep:#1b1f24;
  --steel-mid:#2a2f35;
  --steel-hi:#3a4047;
  --steel-top:#4b525a;
}

/* Full-width metallic panel */
.prefooter-v2{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-bottom:0 !important;
  padding-top:clamp(16px,2.2vw,24px);
  padding-bottom:clamp(16px,2.2vw,24px);

  background:linear-gradient(
    160deg,
    var(--steel-deep) 0%,
    var(--steel-mid) 40%,
    var(--steel-hi) 78%,
    var(--steel-top) 100%
  ) !important;

  border:0 !important;
  box-shadow:none !important;
  position:relative;
}

/* Lower shadow fade (depth effect) */
.prefooter-v2::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px; height:44px;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(20,22,25,.35) 55%,
    rgba(20,22,25,.65) 100%
  );
}


/* FOOTER gradient με continuity από prefooter */
.site-footer.footer--full{ position:relative; margin-top:0 !important; background:transparent !important; }
.site-footer.footer--full::before{
  content:""; position:absolute; inset:0; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; z-index:-1;
  background: linear-gradient(180deg, var(--steel-top) 0%, var(--steel-hi) 35%, var(--steel-mid) 70%, var(--steel-deep) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* Footer content tones */
.site-footer a{ color:#d0d4d8; text-decoration:none; transition:color .2s ease; }
.site-footer a:hover{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.site-footer .wp-element-button, .site-footer .wp-block-button__link{
  background: linear-gradient(145deg,#3c4147 0%,#2c3035 50%,#1f2226 100%) !important;
  border:1px solid rgba(255,255,255,.15) !important; color:#fff !important; border-radius:8px !important;
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease; box-shadow:0 4px 12px rgba(0,0,0,.4);
}
.site-footer .wp-element-button:hover, .site-footer .wp-block-button__link:hover{
  background: linear-gradient(145deg,#6b737a 0%,#4e545b 50%,#35393f 100%) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.35); transform:translateY(-2px);
}
/* τελευταίο strip */
.site-footer .wp-block-group:last-child{ background:#191b1e !important; border-top:1px solid rgba(255,255,255,.05); }
.site-footer .wp-block-group:last-child a{ color:#cfd4d9 !important; }
.site-footer .wp-block-group:last-child a:hover{ color:#fff !important; text-shadow:0 0 6px rgba(255,255,255,.35); }

/* remove possible separator gap */
.ct-header-separator{display:none!important}

/* kill top gap before hero */
.ct-header + .wp-site-blocks,
.ct-header + #content,
.ct-header + .site-main,
.wp-site-blocks > *:first-child,
#content > *:first-child,
.site-main > *:first-child,
.entry-content > *:first-child,
main > *:first-child{
  margin-top:0!important; padding-top:0!important; border-top:0!important;
}

/* ============================================
   0. GLOBAL — remove all underline
============================================ */
a, a:visited, a:hover, a:focus, a:active {
  text-decoration:none !important;
}

/* ============================================
   1. TOP BAR — metallic (same logic as .text-shade)
============================================ */
.ct-header [data-row="top"]{
  background:linear-gradient(145deg,
    rgba(0,0,0,.92) 0%,
    rgba(35,35,35,.88) 35%,
    rgba(80,80,85,.78) 70%,
    rgba(120,125,130,.72) 100%) !important;
  color:#fff !important;
  padding:6px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.25);
  backdrop-filter:blur(2px) saturate(125%);
}
.ct-header [data-row="top"] .entry-content,
.ct-header [data-row="top"] .ispark-topbar-info{ 
  color:#fff !important;
  opacity:.95;
  font-weight:500;
}

/* ============================================
   2. MAIN ROW — white + perfect logo alignment
============================================ */
.ct-header [data-device="desktop"] [data-row="middle"]{
  background:#fff !important;
  padding:0 !important; min-height:0 !important; height:auto !important;
  border-bottom:1px solid #eef2f7 !important;
}
.ct-header [data-device="desktop"] [data-row="middle"] > .ct-container{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:0 !important; min-height:0 !important; height:auto !important;
}

/* LOGO alignment + size */
.ct-header [data-device="desktop"] [data-row="middle"] .site-branding{
  display:flex !important;
  align-items:center !important;
}
.ct-header [data-device="desktop"] [data-row="middle"] .site-branding img.default-logo{
  height:120px !important;
  max-height:120px !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
}

/* ============================================
   3. MENU — metallic hover
============================================ */
.ct-header [data-device="desktop"] nav.menu-container ul.menu>li>a{
  color:#3b4048 !important;
  font-weight:600 !important;
  padding:0 18px !important;
  line-height:120px !important;
  border-radius:10px !important;
  transition:background .18s, box-shadow .18s, transform .18s, color .18s;
}

.ct-header [data-device="desktop"] nav.menu-container ul.menu>li>a:hover{
  background:linear-gradient(145deg,#717981 0%,#565b61 50%,#3a3e43 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28), inset 0 1px 1px rgba(255,255,255,.25) !important;
  transform:translateY(-1px);
}

/* ============================================
   4. HEADER CTA — same theme as prefooter CTA
============================================ */
.ct-header [data-device="desktop"] .ct-header-cta a.ct-button.ct-header-cta{
  border-radius: var(--rad, 12px) !important;
  background: var(--cta-bg, linear-gradient(145deg,#444b55,#2f353c)) !important;
  color: var(--cta-fg,#fff) !important;
  border:1px solid var(--cta-border, rgba(255,255,255,.25)) !important;
  padding:.7rem 1.2rem !important;
  min-height:42px !important;
  line-height:1 !important;
  font-weight:600 !important;
  box-shadow: var(--cta-shadow, 0 10px 25px rgba(0,0,0,.25)) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:background .18s ease, transform .12s ease, box-shadow .18s ease;
}

.ct-header [data-device="desktop"] .ct-header-cta a.ct-button.ct-header-cta:hover{
  background: var(--cta-bg-hover, linear-gradient(145deg,#717981 0%,#565b61 50%,#3a3e43 100%)) !important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 1px 1px rgba(255,255,255,.35) !important;
  color:#fff !important;
}

/* ============================================
   5. MOBILE/TABLET LOGO SCALE
============================================ */
@media(max-width:1023px){
  .ct-header [data-device="mobile"] [data-row="middle"] .site-branding img.default-logo{
    height:60px !important;
    max-height:60px !important;
  }
}

/* Full reset για να εξαφανιστεί τελείως το dot στο top bar */
.ispark-topbar-info,
.ispark-topbar-info * {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Σβήνει κάθε pseudo-element που ίσως παράγει το dot */
.ispark-topbar-info::before,
.ispark-topbar-info::after,
.ispark-topbar-info a::before,
.ispark-topbar-info a::after {
  content:none !important;
  display:none !important;
}

/* MENU LINKS — metallic shine */
.ct-header [data-device="desktop"] nav.menu-container ul.menu>li>a {
  position:relative;
  overflow:hidden;
}
.ct-header [data-device="desktop"] nav.menu-container ul.menu>li>a::after {
  content:"";
  position:absolute;
  top:0; left:-120%;
  width:80%;
  height:100%;
  background:linear-gradient(
    100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,0) 100%
  );
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.ct-header [data-device="desktop"] nav.menu-container ul.menu>li>a:hover::after {
  left:120%;
}

/* HEADER CTA — metallic shine */
.ct-header [data-device="desktop"] .ct-header-cta a.ct-button.ct-header-cta {
  position:relative;
  overflow:hidden;
}
.ct-header [data-device="desktop"] .ct-header-cta a.ct-button.ct-header-cta::after {
  content:"";
  position:absolute;
  top:0; left:-120%;
  width:80%;
  height:100%;
  background:linear-gradient(
    100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,0) 100%
  );
  transform:skewX(-20deg);
  transition:left .55s ease;
}
.ct-header [data-device="desktop"] .ct-header-cta a.ct-button.ct-header-cta:hover::after {
  left:120%;
}

/* FOOTER CTAs — lighter metallic gray (only footer-ctas block) */
.footer-ctas .wp-element-button,
.footer-ctas .wp-element-button.is-outline {
  background:linear-gradient(145deg,#7a7f85 0%, #64696f 50%, #545960 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:12px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.25) !important;
  padding:.7rem 1rem !important;
  min-height:42px !important;
  line-height:1 !important;
  font-weight:600 !important;
  transition:background .18s ease, transform .12s ease, box-shadow .18s ease;
}
.footer-ctas .wp-element-button:hover,
.footer-ctas .wp-element-button.is-outline:hover {
  background:linear-gradient(145deg,#858b91 0%, #6f747a 50%, #5b6067 100%) !important;
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(0,0,0,.28) !important;
}

/* ========== OFFERS — SILVER-GRAY COUPONS (no dark hover) ========== */
.ispark-offers .coupon{
  background: linear-gradient(160deg,#d4d7da 0%,#bfc3c7 30%,#a8adb2 65%,#92979c 100%) !important;
  border:1px solid rgba(255,255,255,.25) !important; border-radius:10px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.55);
  color:#232628 !important; transition: transform .25s ease, box-shadow .25s ease;
  position:relative; padding-top:38px !important; /* χώρος για badge */
}
.ispark-offers .coupon:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 1px 1px rgba(255,255,255,.65);
  /* ίδιο χρωματικό ύφος στο hover, καμία σκουρότητα */
  background: linear-gradient(160deg,#dee0e2 0%,#c6c9cd 35%,#b0b4b8 70%,#9a9ea3 100%) !important;
}
.ispark-offers .coupon h3{ color:#1a1d1f !important; }
.ispark-offers .coupon p, .ispark-offers .coupon__list{ color:#2b2e32 !important; }
.ispark-offers .coupon__fine{ color:#4c5055 !important; }
.ispark-offers .coupon__badge{
  position:absolute !important; top:10px !important; left:12px !important; z-index:3 !important;
  background:#c62828 !important; color:#fff !important; border:none !important; border-radius:6px !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3); padding:4px 10px !important; font-size:.85rem !important; line-height:1.2;
}

/* 1) HERO → κάτω fade για ομαλή μετάβαση στο επόμενο section */
.hero-slider{ position:relative; margin-bottom:22px !important; }
.hero-slider::after{
  content:""; position:absolute; left:0; bottom:-1px; width:100%; height:60px; opacity:.9;
  background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(240,241,243,1));
  pointer-events:none; z-index:3;
}

/* 2) HERO overlay πάνω στην εικόνα για απαλές άκρες (δεξιά-μεσαία εξασθένηση) */
.hero-slide::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.18) 24%, rgba(0,0,0,.08) 48%, rgba(0,0,0,0) 85%);
}

/* 3) Απαλό global υπόβαθρο με radial vignette για ήπια μετάβαση στα sections */
html, body{
  background: linear-gradient(180deg,#e6e7e9 0%,#d3d5d8 40%,#c7c9cc 100%);
  color:#1c1e21;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background: radial-gradient(circle at center, rgba(255,255,255,0) 70%, rgba(0,0,0,.05) 100%);
}

/* 4) Αφαίρεση “σκληρής” γραμμής στα grids (χωρίς κόψιμο μεταξύ καρτών/sections) */
.ispark-offers .wp-block-columns.steel-edge-top,
.services-hub .wp-block-columns.steel-edge-top{ border-top:none !important; }
.steel-edge-top::before,
.steel-edge-top.wp-block-columns::before,
.steel-edge-top .wp-block-column::before{ content:none !important; }

/* 5) Sections προσφορών/περιοχών με λείο μεταλλικό gradient για ομαλή ένταξη στο φόντο */
.ispark-reviews,
.ispark-offers{
  background: linear-gradient(160deg,#2a2c2f 0%,#3b3e42 30%,#4d5156 60%,#5f646b 85%,#757b83 100%) !important;
  border: none !important; border-radius:0 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.35), inset 0 1px 1px rgba(255,255,255,.12);
  color:#E6E9ED;
}

/* 6) PREFOOTER: μεταλλικό gradient με “σκιά” βάσης για ομαλή συνέχεια πριν το footer */
:root{
  --steel-deep:#1b1f24; --steel-mid:#2a2f35; --steel-hi:#3a4047; --steel-top:#4b525a;
}
.prefooter-v2{
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:linear-gradient(160deg,var(--steel-deep) 0%,var(--steel-mid) 40%,var(--steel-hi) 78%,var(--steel-top) 100%) !important;
  border:0 !important; box-shadow:none !important; position:relative;
}
.prefooter-v2::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:44px; pointer-events:none;
  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,22,25,.35) 55%, rgba(20,22,25,.65) 100%);
}

/* 7) FOOTER: συνέχεια του μεταλλικού gradient για αδιάκοπη ροή από το prefooter */
.site-footer.footer--full{ position:relative; margin-top:0 !important; background:transparent !important; }
.site-footer.footer--full::before{
  content:""; position:absolute; inset:0; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; z-index:-1;
  background: linear-gradient(180deg, var(--steel-top) 0%, var(--steel-hi) 35%, var(--steel-mid) 70%, var(--steel-deep) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* 8) Μικρό spacing control ώστε το services grid να “κολλήσει” οπτικά κάτω από το hero */
.services-hub{ margin-top:0 !important; }

/* CTA "Δείτε όλες τις υπηρεσίες" */
.services-hub .is-style-outline .wp-element-button,
.services-hub .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid rgba(40, 44, 48, 0.6) !important;
  color: #2a2e32 !important;
  font-weight: 600;
  box-shadow: none !important;
}

.services-hub .is-style-outline .wp-element-button:hover,
.services-hub .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: linear-gradient(145deg, #5c6268 0%, #767c82 50%, #8a9096 100%) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.35) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.35);
  transform: translateY(-1px);
}
/* SERVICES GRID — existing sizing rules */
.services-hub .wp-block-columns { 
  gap:22px !important;
}
@media (min-width:981px){
  .services-hub .wp-block-columns{
    gap:26px !important;
  }
}

.services-hub .card{
  border-radius: var(--rad) !important;
  padding:20px 22px !important;
  min-height:150px;                      /* ← ύψος κουτιού */
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;      /* κάθετη στοίχιση */
  position:relative !important;
}

/* ===== TRUST STRIP — Metallic Black Text + Dark-Steel Icons ===== */

/* Metallic black text (τέλεια αντίθεση στο dark steel background) */
.trust-strip--dark .trust-item,
.trust-strip--dark .trust-item span {
  font-weight: 700 !important;
  background: linear-gradient(180deg, #0b0d0f 0%, #0a0c0e 40%, #08090b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.28) !important;
  text-align: center !important;
  line-height: 1.3 !important;
}

/* Darker metallic icons */
.trust-strip--dark .trust-item svg {
  stroke: #f1f3f5;
  opacity: 1;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.55));
  display: block;
  margin: 0 auto 6px auto;
  width: 38px;
  height: 38px;
}

/* Default grid (desktop) */
.trust-strip--dark .trust-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  align-items: center;
  justify-items: center;
  text-align: center;
}

/* Tablet view */
@media (max-width: 1024px) {
  .trust-strip--dark .trust-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 32px;
    padding: 14px 20px;
  }
}

/* Mobile view */
@media (max-width: 768px) {
  .trust-strip--dark .trust-inner {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 18px 16px;
  }

  .trust-strip--dark .trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .trust-strip--dark .trust-item svg {
    margin-bottom: 8px;
    width: 42px;
    height: 42px;
  }

  .trust-strip--dark .trust-item span {
    font-size: 15px !important;
  }
}

/* Very small screens */
@media (max-width: 480px) {
  .trust-strip--dark .trust-inner {
    padding: 16px 12px;
    gap: 14px;
  }

  .trust-strip--dark .trust-item span {
    font-size: 14px !important;
  }
}

/* Tablet */
@media (max-width: 780px) {
  .trust-strip--dark .trust-inner {
    grid-template-columns: 1fr 1fr;
  }
}

/* Mobile */
@media (max-width: 460px) {
  .trust-strip--dark .trust-inner {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   GLOBAL metallic text — headings (lighter)
============================================ */
.text-shade h1,
.text-shade h2 {
  font-weight: 800 !important;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f2f3f4 35%,
    #d8dadc 70%,
    #c2c4c7 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ============================================
   GLOBAL metallic text — paragraphs (lighter)
============================================ */
.text-shade p {
  background: linear-gradient(
    180deg,
    #f9f9fa 0%,
    #e7e9eb 55%,
    #d1d3d6 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 18px;
}

/* ============================================
   Remove any box around text globally
============================================ */
.text-shade {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  backdrop-filter: none !important;
}

/* Restore safe padding */
.text-shade {
  padding: clamp(12px, 2vw, 20px) !important;
  margin: 0;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Keep text aligned inside container */
.text-shade h1,
.text-shade h2,
.text-shade p {
  position: relative;
  z-index: 2;
}

/* Prevent overflow on mobile */
@media (max-width: 780px) {
  .text-shade {
    padding: 16px !important;
    width: 100%;
    box-sizing: border-box !important;
  }
}

/* ============================================
   Subtle darkened background plate behind text
   (Enhanced for global prefooter/CTA use)
============================================ */
.text-shade {
  position: relative;
}

.text-shade::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;

  /* πιο βαθιά σκίαση με μεταλλικό gradient */
  background: linear-gradient(
    145deg,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.35) 35%,
    rgba(0, 0, 0, 0.25) 100%
  );
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.45),
    inset 0 1px 2px rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(6px) brightness(1.05);

  z-index: 1;
}

/* Text above the soft plate */
.text-shade h1,
.text-shade h2,
.text-shade p,
.text-shade .wp-block-buttons {
  position: relative;
  z-index: 2;
}


/* ===== FAQ — Blended with Services/Offers (Dark-Steel Theme) ===== */

/* Section panel: dark-steel gradient, χωρίς λευκή κηλίδα */
.section--faq{
  background: linear-gradient(160deg,#2a2f35 0%, #3a4047 55%, #4b525a 100%);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
  padding: 48px 0;
  color: #E6E9ED;
}
.section--faq .section__inner{ max-width:1200px; margin:0 auto; padding:0 24px; }

.section--faq .wp-block-heading{
  margin:0 0 12px;
  font-weight:800;
  letter-spacing:-.01em;
  color:#FFFFFF;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

.faq-intro p{
  margin:0 0 22px;
  color:#D1D6DC;
}

/* Grid */
.faq-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:12px;
}
@media(min-width:980px){
  .faq-grid{ grid-template-columns:1fr 1fr; gap:18px; }
}

/* Item cards: ίδια “coupon/card” αισθητική με offers */
.faq-item{
  background: linear-gradient(145deg,#1e2328 0%, #2a2f35 55%, #343a41 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  box-shadow:0 10px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  padding:0;
  overflow:hidden;
  color:#E6E9ED;
}

/* Summary row */
.faq-item > summary{
  cursor:pointer; list-style:none; position:relative;
  padding:14px 16px; font-weight:700; color:#F6FAFF; outline:none;
}
.faq-item > summary::-webkit-details-marker{ display:none; }

/* + / – indicator σε ασημί */
.faq-item > summary::after{
  content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%);
  font-weight:800; color:#AAB2BA; text-shadow:0 1px 1px rgba(0,0,0,.35);
}
.faq-item[open] > summary::after{ content:"–"; }

/* Answer */
.faq-item .faq-a{
  padding:0 16px 14px 16px;
  color:#C9D1D8; line-height:1.55;
}

/* CTA row: ίδιο hover/σκιά με unified CTA */
.faq-cta{
  display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;
}
.faq-cta .wp-element-button{
  min-height:42px; line-height:1;
  background:linear-gradient(145deg,#3c4147 0%,#2c3035 50%,#1f2226 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important; border-radius:12px;
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  transition:background .18s, transform .12s, box-shadow .18s, border-color .18s;
}
.faq-cta .wp-element-button:hover{
  background:linear-gradient(145deg,#6b737a 0%,#4e545b 50%,#35393f 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.34);
}

/* Links μέσα στο dark panel */
.section--faq a:not(.wp-element-button){
  color:#E6E9ED; text-decoration:underline; text-underline-offset:2px;
}
.section--faq a:not(.wp-element-button):hover{ color:#FFFFFF; }

/* Reduced motion */
@media(prefers-reduced-motion:reduce){ .faq-item{ transition:none; } }

/* Μετατρέπουμε κάθε σειρά KEY CARDS σε grid */
.section__inner .wp-block-columns.steel-edge-top {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

/* Κάθε column γίνεται flex container */
.section__inner .wp-block-columns.steel-edge-top .wp-block-column {
  display: flex !important;
}

/* Κάθε card αποκτά ίδιο ύψος */
.section__inner .wp-block-columns.steel-edge-top .card {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 22px !important;
  height: 100% !important;
  min-height: 170px !important; /* προσαρμόσιμο */
  box-sizing: border-box !important;
}

/* Τίτλοι και κείμενα χωρίς “άλματα” */
.section__inner .wp-block-columns.steel-edge-top .card h3 {
  margin: 0 0 8px !important;
  line-height: 1.25 !important;
}

.section__inner .wp-block-columns.steel-edge-top .card p {
  margin: 0 !important;
  line-height: 1.45 !important;
  flex-grow: 1 !important;
}

/* ============================================
   BREADCRUMB + INTRO — Darker Metallic Panel
   (χωρίς λευκό, πλήρως εναρμονισμένο με τα dark-steel sections)
============================================ */

.section.section--light {
  background: linear-gradient(
    180deg,
    #c7cacf 0%,
    #b1b5ba 40%,
    #9ca1a7 75%,
    #8b9096 100%
  ) !important;
  border: 1px solid rgba(0, 0, 0, 0.22) !important;
  border-radius: 12px !important;
  padding: 32px 28px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25) !important;
}

/* ============================================
   Breadcrumb text — metallic graphite
============================================ */
.section.section--light nav[aria-label="Breadcrumb"] {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  background: linear-gradient(
    180deg,
    #1a1c1f 0%,
    #1d2023 40%,
    #1f2226 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 18px !important;
}

/* Default breadcrumb links */
.section.section--light nav[aria-label="Breadcrumb"] a {
  color: #1f2226 !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
}

/* ============================================
   Hover state — brighter metallic reflection
============================================ */
.section.section--light nav[aria-label="Breadcrumb"] a:hover {
  opacity: 1 !important;
  background: linear-gradient(
    180deg,
    #dfe1e3 0%,
    #c9ccd0 40%,
    #b4b7bb 70%,
    #a0a3a7 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
}

/* Columns spacing */
.section.section--light .wp-block-columns {
  gap: 32px !important;
  align-items: flex-start !important;
}

/* Headings — metallic black */
.section.section--light h2 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  font-weight: 800 !important;
  font-size: clamp(20px, 1.6vw, 26px) !important;

  background: linear-gradient(
    180deg,
    #0c0e10 0%,
    #090b0d 45%,
    #050607 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow: 0 1px 2px rgba(255,255,255,.20);
}

/* Paragraphs — metallic charcoal */
.section.section--light p {
  margin: 0 0 10px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;

  background: linear-gradient(
    180deg,
    #2a2e32 0%,
    #1f2327 45%,
    #181b1e 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Responsive */
@media (max-width: 780px) {
  .section.section--light {
    padding: 24px 20px !important;
  }
  .section.section--light .wp-block-columns {
    gap: 20px !important;
  }
}

/* Σφίξιμο spacing πριν το footer (Related Services → Prefooter) */
.services-hub {
  margin-bottom: 0 !important;
  padding-bottom: 24px !important;   /* μειωμένο από 64px */
}

/* Prefooter top padding μικρότερο */
.prefooter-v2 {
  padding-top: 12px !important;      /* αντί για 20–24px */
}


/* =========================
   SERVICES HUB — Dark Metallic Hover Fix
   ========================= */

/* Base state for service cards */
.section.services-hub .wp-block-column > a.card.steel-outline,
.section.services-hub .card.steel-outline{
  background: linear-gradient(145deg,#1d2126,#262b31,#30363e) !important;
  border: 1px solid rgba(230,232,235,.14) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease !important;
  will-change: transform;
  backface-visibility: hidden;
}

/* Hover / focus-visible: dark metallic + soft zoom */
.section.services-hub .wp-block-column > a.card.steel-outline:hover,
.section.services-hub .wp-block-column > a.card.steel-outline:focus-visible,
.section.services-hub .card.steel-outline:hover{
  background: linear-gradient(145deg,#1a1e23 0%, #272c33 50%, #323840 100%) !important;
  border-color: rgba(255,255,255,.24) !important;
  transform: scale(1.015) translateZ(0) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.38),
              0 0 0 1px rgba(210,220,230,.16) !important;
  filter: none !important;
}

/* Σταθερά χρώματα κειμένου στο hover */
.section.services-hub .card.steel-outline h3,
.section.services-hub .card.steel-outline p,
.section.services-hub .card.steel-outline a{
  color:#eef2f5 !important;
}

/* Κατάργηση sheen/overlays για καθαρό μεταλλικό look */
.section.services-hub .card.steel-outline::before,
.section.services-hub .card.steel-outline::after{
  content:none !important;
}

/* Τρέχουσα σελίδα: χωρίς hover */
.section.services-hub [aria-current="page"].card,
.section.services-hub .card.is-current{
  pointer-events:none;
  opacity:.92;
  transform:none !important;
  box-shadow:0 6px 14px rgba(0,0,0,.28) !important;
}

/* ============================================
   Metallic Diagonal Shine — ADD-ON ONLY
   (δεν αλλάζει τίποτα από το υπάρχον CSS)
============================================ */

/* Λοξή μεταλλική λάμψη */
.section.services-hub .card.steel-outline{
  position:relative !important;
  overflow:hidden !important;
}

.section.services-hub .card.steel-outline::after{
  content:"" !important;
  position:absolute !important;
  top:-60% !important;
  left:-130% !important;
  width:60% !important;
  height:260% !important;
  transform:rotate(25deg) !important;
  pointer-events:none !important;
  z-index:2 !important;

  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.25) 45%,
    rgba(255,255,255,.65) 50%,
    rgba(255,255,255,.25) 55%,
    rgba(255,255,255,0) 100%
  ) !important;

  opacity:0 !important;
  transition:transform .85s ease, opacity .35s ease !important;
}

/* Hover: ενεργοποίηση λοξής γραμμής */
.section.services-hub .wp-block-column > a.card.steel-outline:hover::after,
.section.services-hub .card.steel-outline:hover::after{
  opacity:.85 !important;
  transform:rotate(25deg) translateX(360%) !important;
}
/* =========================
   OFFERS PAGE — Enhancements
   Συμβατό με i.Spark BOLD v6
========================= */

/* Hero: ίδια συμπεριφορά, απλώς βεβαιώνεται το crop */
.offers-hero .hero-slide > img{
  object-fit: cover !important;
  object-position: center center !important;
}

/* Intro bullets */
.offers-intro .offers-bullets{
  margin:0; padding-left:18px; color:#2a2e32;
}
.offers-intro .offers-bullets li{ margin:.25rem 0; }

/* Coupons: σταθερό ύψος τίτλου και καθαρό bottom stick του CTA */
.ispark-offers .coupon h3{
  min-height:2.6em; display:flex; align-items:flex-start;
}
.ispark-offers .coupon .wp-element-button,
.ispark-offers .coupon .wp-block-button__link{
  margin-top:auto;
}

/* Dark-metallic hover, ίδιο ύφος με services cards */
.ispark-offers .coupon{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  will-change: transform;
  position: relative;
  overflow: hidden !important;
}

/* Λοξή μεταλλική γραμμή στο hover */
.ispark-offers .coupon::after{
  content:"";
  position:absolute; inset:-60% -20%;
  transform:translateX(-120%) rotate(16deg);
  background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 48%, rgba(255,255,255,0) 62%);
  mix-blend-mode:screen; opacity:.65; pointer-events:none;
  transition: transform .65s ease, opacity .35s ease;
}
.ispark-offers .coupon:hover::after{ transform:translateX(120%) rotate(16deg); opacity:.0; }

/* Hover state χωρίς να ανοίγει υπερβολικά το χρώμα */
.ispark-offers .coupon:hover{
  transform: translateY(-2px);
  box-shadow:
    0 12px 26px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.60) !important;
  border-color: rgba(255,255,255,.30) !important;
}

/* Ελαφρύ clamp στα grids για καθαρά σπασίματα */
.ispark-offers .wp-block-columns{ gap:28px !important; }
@media (max-width:980px){ .ispark-offers .wp-block-columns{ grid-template-columns:1fr !important; } }

/* Notes */
.ispark-offers .offers-note{
  color:#E6E9ED; opacity:.9; margin-top:16px;
}

/* Breadcrumb panel να παραμένει μεταλλικό σκούρο */
.section.section--light.offers-intro{
  background: linear-gradient(180deg,#d6d9dc 0%,#c4c7cb 45%,#b3b7bc 100%) !important;
  border: 1px solid rgba(0,0,0,.14) !important;
}

/* Προαιρετικό: μικρότερο top-gap πριν το footer */
.prefooter-v2{ margin-bottom:0 !important; }

/* ============================================
   iSpark Header Logo — Mobile Full Fit + Breathing Space
   ============================================ */

.ispark-logo-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 5px 0 !important; /* breathing space */
}

.ispark-logo-wrapper img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 132px !important; /* +10% from 120px */
  max-width: 105% !important;
  object-fit: contain !important;
  aspect-ratio: 600 / 180 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .ispark-logo-wrapper img {
    max-height: 110px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .ispark-logo-wrapper {
    justify-content: center !important;
    padding: 5px 0 !important;
  }

  .ispark-logo-wrapper img {
    width: 104% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }

  /* Burger menu alignment */
  .ct-header .menu-toggle {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

/* Very small screens */
@media (max-width: 480px) {
  .ispark-logo-wrapper img {
    width: 106% !important;
    height: auto !important;
  }
}

.about-values {
  background: var(--is-concrete);
  color: var(--is-dark-text);
  text-align: center;
  padding: 100px 20px;
  margin-block: 80px; /* extra spacing before/after */
}

.about-values h2 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 60px;
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 60px;
  justify-items: center;
}

.value-item {
  max-width: 340px;
}

.value-item .icon {
  margin-bottom: 20px;
}

.value-item svg {
  stroke: var(--is-red);
  width: 52px;
  height: 52px;
  opacity: 0.9;
  transition: transform .3s ease;
}

.value-item:hover svg {
  transform: scale(1.08);
}

.value-item h3 {
  font-weight: 700;
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.value-item p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--is-dark-text);
  opacity: 0.9;
}
/* ==========================================
   CONTACT PAGE — Light Metallic Clean Final
   Remove all extra layers
   page-id-358
   ========================================== */

/* ===== Base Background (μόνο αυτό μένει) ===== */
body.page-id-358 {
  background: linear-gradient(160deg,#f6f7f9 0%,#e5e7ea 35%,#d1d5d9 70%,#bcc0c5 100%) !important;
  color: #1a1d1f !important;
}

/* ===== Καθαρισμός όλων των ενδιάμεσων containers ===== */
body.page-id-358 .ispark-container,
body.page-id-358 .wp-block-group,
body.page-id-358 .section,
body.page-id-358 .wp-block-columns,
body.page-id-358 .wp-block-column {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ===== HERO ===== */
body.page-id-358 .hero--contact {
  background: transparent !important;
  box-shadow: none !important;
}
body.page-id-358 .hero--contact .text-shade {
  background: rgba(255,255,255,0.6);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 20px 28px;
  max-width: 600px;
  color: #1a1d1f;
}
body.page-id-358 .hero--contact h1 { font-weight: 800; color: #1a1d1f; }
body.page-id-358 .hero--contact p { color: #2b2e32; }

/* ===== Spacing ===== */
body.page-id-358 .section { margin-block: 24px !important; }

/* ===== Layout (2 στήλες) ===== */
body.page-id-358 .contact-info-form .container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(380px,1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* ===== Dark Metallic Cards ===== */
body.page-id-358 .contact-details,
body.page-id-358 .contact-card {
  background: linear-gradient(145deg,#0f1114 0%,#1a1e22 40%,#2a2f35 85%) !important;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.4);
  padding: 36px 32px;
  color: #f1f3f5 !important;
}
body.page-id-358 .contact-details:hover,
body.page-id-358 .contact-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.45);
}

/* ===== Contact Form ===== */
body.page-id-358 .wpcf7-form {
  background: transparent !important;
  border: none !important;
}
body.page-id-358 .wpcf7 label {
  color: #fff !important;
  font-weight: 600;
}
body.page-id-358 .wpcf7 input,
body.page-id-358 .wpcf7 textarea {
  background: #2a2f35 !important;
  color: #fff !important;
  border: 1px solid #4b5158 !important;
  border-radius: 6px;
  padding: 10px 12px;
  width: 100%;
}
body.page-id-358 .wpcf7 input[type="submit"] {
  background: linear-gradient(145deg,#3c4147 0%,#2c3035 50%,#1f2226 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 6px;
  padding: 8px 20px;
  font-size: .95rem;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(0,0,0,.3);
}

/* ===== TRUST STRIP — καθαρό ===== */
body.page-id-358 .trust-strip--dark {
  background: transparent !important;
  box-shadow: none !important;
  padding: 30px 0;
}
body.page-id-358 .trust-strip--dark .trust-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 20px;
  justify-items: center;
}
body.page-id-358 .trust-strip--dark .trust-item svg {
  stroke: #1f2226;
  width: 26px; height: 26px;
  opacity: .85;
  margin-bottom: 6px;
}
body.page-id-358 .trust-strip--dark .trust-item span {
  color: #1f2226; font-weight: 600; font-size: .95rem;
}

/* ===== Map Section ===== */
body.page-id-358 .contact-map-section,
body.page-id-358 .contact-map {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.page-id-358 .contact-map iframe {
  width: 100%;
  height: 420px;
  border: none;
  border-radius: 8px;
}

/* ===== Section Title ===== */
body.page-id-358 .section-title {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  background: linear-gradient(145deg,#3c4147 0%,#2c3035 50%,#1f2226 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 14px;
}
/* ===== Λευκές επικεφαλίδες στις δύο πρώτες στήλες ===== */
body.page-id-358 .contact-details h2,
body.page-id-358 .contact-card h2 {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.35);
}

/* ===============================
   CONTACT PAGE — Mobile Alignment Clean Fix
   page-id-358
   =============================== */

@media (max-width: 768px) {
  /* Διόρθωση layout */
  body.page-id-358 .contact-info-form .container,
  body.page-id-358 .contact-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    align-items: stretch !important;
  }

  /* Κάρτες στοιχείων & φόρμας */
  body.page-id-358 .contact-details,
  body.page-id-358 .contact-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 20px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
    border-radius: 10px !important;
  }

  /* Χάρτης */
  body.page-id-358 .contact-map {
    margin-top: 16px !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
    overflow: hidden !important;
  }

  body.page-id-358 .contact-map iframe {
    width: 100% !important;
    height: 320px !important;
    display: block !important;
  }

  /* Μείωση αποστάσεων μεταξύ sections */
  body.page-id-358 .section {
    margin-block: 24px !important;
  }

  /* Ενοποίηση πλάτους */
  body.page-id-358 .contact-wrapper,
  body.page-id-358 .contact-info-map,
  body.page-id-358 .contact-form-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-inline: 4vw !important;
  }
} 
/* ==========================================
   APPOINTMENT PAGE — Light Metallic Clean (Matching Contact Page)
   page-id-354
   ========================================== */

/* ===== Base Background ===== */
body.page-id-354 {
  background: linear-gradient(160deg,#f6f7f9 0%,#e5e7ea 35%,#d1d5d9 70%,#bcc0c5 100%) !important;
  color: #1a1d1f !important;
}

/* ===== Καθαρισμός Containers ===== */
body.page-id-354 .ispark-container,
body.page-id-354 .wp-block-group,
body.page-id-354 .section,
body.page-id-354 .wp-block-columns,
body.page-id-354 .wp-block-column {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ===== HERO ===== */
body.page-id-354 .hero--appointment {
  background: transparent !important;
  box-shadow: none !important;
}
body.page-id-354 .hero--appointment .text-shade {
  background: rgba(255,255,255,0.6);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 20px 28px;
  max-width: 600px;
  color: #1a1d1f;
}
body.page-id-354 .hero--appointment h1 { font-weight: 800; color: #1a1d1f; }
body.page-id-354 .hero--appointment p { color: #2b2e32; }

/* ===== Section spacing ===== */
body.page-id-354 .section { margin-block: 24px !important; }

/* ===== Appointment Layout (2 columns) ===== */
body.page-id-354 .appointment-info-form .container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(380px,1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* ===== Dark Metallic Cards (όπως στη σελίδα επικοινωνίας) ===== */
body.page-id-354 .appointment-details,
body.page-id-354 .appointment-card {
  background: linear-gradient(145deg,#0f1114 0%,#1a1e22 40%,#2a2f35 85%) !important;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.4);
  padding: 36px 32px;
  color: #f1f3f5 !important;
}
body.page-id-354 .appointment-details:hover,
body.page-id-354 .appointment-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.45);
}

/* ===== Form Fields ===== */
body.page-id-354 .wpcf7-form {
  background: transparent !important;
  border: none !important;
}
body.page-id-354 .wpcf7 label {
  color: #fff !important;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
body.page-id-354 .wpcf7 input,
body.page-id-354 .wpcf7 select,
body.page-id-354 .wpcf7 textarea {
  background: #2a2f35 !important;
  color: #fff !important;
  border: 1px solid #4b5158 !important;
  border-radius: 6px;
  padding: 10px 12px;
  width: 100%;
  font-size: 15px;
  line-height: 1.45;
  margin-bottom: 16px;
  -webkit-text-fill-color: #fff !important;
}

/* ===== Placeholder visible ===== */
body.page-id-354 .wpcf7 input::placeholder,
body.page-id-354 .wpcf7 textarea::placeholder {
  color: #bfc4c9 !important;
  opacity: 1 !important;
}
body.page-id-354 .wpcf7 select:invalid,
body.page-id-354 .wpcf7 select option[disabled][hidden] {
  color: #a1a6ab !important;
}

/* ===== Date field styling ===== */
body.page-id-354 .wpcf7 input[type="date"] {
  color-scheme: dark !important;
  background: #2a2f35 url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZSIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xOSA0aC0xVjJoLTJ2Mkg4VjJINnYyaC0xYTIgMiAwIDAgMC0yIDJ2MTZhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0yVjZhMiAyIDAgMCAwLTItMnpNMTkgMjJINVYxMGgxNHYxMnoiLz48L3N2Zz4=") no-repeat right 14px center !important;
  background-size: 20px !important;
  color: #fff !important;
  padding-right: 44px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
body.page-id-354 .wpcf7 input[type="date"]:invalid {
  color: #bfc4c9 !important;
}

/* ===== Submit Button ===== */
body.page-id-354 .wpcf7 input[type="submit"] {
  background: linear-gradient(145deg,#3c4147 0%,#2c3035 50%,#1f2226 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 6px;
  padding: 10px 22px;
  font-size: .95rem;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(0,0,0,.3);
  transition: all 0.25s ease;
}
body.page-id-354 .wpcf7 input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.35);
}

/* ===== TRUST STRIP ===== */
body.page-id-354 .trust-strip--dark {
  background: transparent !important;
  box-shadow: none !important;
  padding: 30px 0;
}
body.page-id-354 .trust-strip--dark .trust-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 20px;
  justify-items: center;
}
body.page-id-354 .trust-strip--dark .trust-item svg {
  stroke: #1f2226;
  width: 26px; height: 26px;
  opacity: .85;
  margin-bottom: 6px;
}
body.page-id-354 .trust-strip--dark .trust-item span {
  color: #1f2226; font-weight: 600; font-size: .95rem;
}

/* ===== Section Title ===== */
body.page-id-354 .section-title {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  background: linear-gradient(145deg,#3c4147 0%,#2c3035 50%,#1f2226 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 14px;
}

/* ===== Λευκές επικεφαλίδες στις κάρτες ===== */
body.page-id-354 .appointment-details h2,
body.page-id-354 .appointment-card h2 {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.35);
}

/* ===============================
   Mobile Alignment Clean Fix
   =============================== */
@media (max-width: 768px) {
  body.page-id-354 .appointment-info-form .container,
  body.page-id-354 .appointment-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    align-items: stretch !important;
  }

  body.page-id-354 .appointment-details,
  body.page-id-354 .appointment-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 20px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
    border-radius: 10px !important;
  }

  body.page-id-354 .wpcf7 input,
  body.page-id-354 .wpcf7 select,
  body.page-id-354 .wpcf7 textarea {
    font-size: 16px !important;
  }

  body.page-id-354 .section {
    margin-block: 24px !important;
  }
}

/* --- Αχνό λευκό περίγραμμα όταν επιλέγεται --- */
body.page-id-354 .appointment-card input:focus,
body.page-id-354 .appointment-card select:focus,
body.page-id-354 .appointment-card textarea:focus {
  border-color: #e8ebef !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.25) !important;
  outline: none !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
/* ============================================================
   APPOINTMENT PAGE — White Text in Dropdown Options
   page-id-354
   ============================================================ */

body.page-id-354 .appointment-card select {
  color: #ffffff !important;
  background-color: #14181d !important;
  border: 1px solid rgba(240,242,245,0.18) !important;
}

body.page-id-354 .appointment-card select option {
  background-color: #14181d !important;
  color: #ffffff !important;
}

/* Placeholder (πρώτη επιλογή) ελαφρώς πιο γκρι */
body.page-id-354 .appointment-card select option:first-child {
  color: #bfc4ca !important;
}

/* ==============================================
   iSparkService.gr — Unified Policy Pages CSS
   Clean, minimal, Blocksy-compatible
   ============================================== */

.ispark-policy-wrapper {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
  font-family: "Inter", "Roboto", sans-serif;
  color: #1c1f22;
  line-height: 1.65;
}

/* Headings */
.ispark-policy-wrapper h1,
.ispark-policy-wrapper h2 {
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #0f1113;
}

.ispark-policy-wrapper h1 {
  font-size: 32px;
}

.ispark-policy-wrapper h2 {
  font-size: 22px;
}

.ispark-policy-wrapper h3 {
  margin-top: 28px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #1c1f22;
  font-size: 18px;
}

.ispark-policy-wrapper h4 {
  margin-top: 20px;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
}

/* Paragraphs */
.ispark-policy-wrapper p {
  margin-bottom: 16px;
  font-size: 16px;
}

.ispark-policy-wrapper strong {
  font-weight: 600;
}

/* Lists */
.ispark-policy-wrapper ul {
  margin-left: 20px;
  margin-bottom: 20px;
}

.ispark-policy-wrapper ul li {
  margin-bottom: 5px;
  font-size: 16px;
}

/* Section separators */
.ispark-policy-section {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.ispark-policy-section:last-of-type {
  border-bottom: none;
}

/* Links */
.ispark-policy-wrapper a {
  color: #2d58ff;
  text-decoration: none;
}

.ispark-policy-wrapper a:hover {
  text-decoration: underline;
}

/* Info note box */
.policy-note {
  background: #f5f7fa;
  padding: 16px;
  border-left: 4px solid #394049;
  margin: 20px 0;
  border-radius: 4px;
  font-size: 15px;
}

/* Small text */
.policy-small {
  font-size: 14px;
  opacity: 0.75;
}

/* Tables (αν χρησιμοποιηθούν) */
.ispark-policy-wrapper table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
}

.ispark-policy-wrapper table th,
.ispark-policy-wrapper table td {
  border: 1px solid #d8dce1;
  padding: 10px 12px;
  font-size: 15px;
}

.ispark-policy-wrapper table th {
  background: #eef0f3;
  font-weight: 600;
}
/* ==============================================
   iSparkService.gr — Responsive Policy CSS
   Breakpoint: Max-width 600px
   ============================================== */

@media (max-width: 600px) {

  .ispark-policy-wrapper {
    padding: 0 16px;
    margin: 24px auto;
    line-height: 1.55;
  }

  .ispark-policy-wrapper h1 {
    font-size: 26px;
    margin-top: 24px;
    margin-bottom: 16px;
    line-height: 1.25;
  }

  .ispark-policy-wrapper h2 {
    font-size: 20px;
    margin-top: 28px;
    margin-bottom: 12px;
  }

  .ispark-policy-wrapper h3 {
    font-size: 17px;
    margin-top: 24px;
    margin-bottom: 10px;
  }

  .ispark-policy-wrapper p,
  .ispark-policy-wrapper ul li {
    font-size: 15px;
  }

  .ispark-policy-section {
    padding-bottom: 32px;
  }

  .policy-note {
    padding: 14px;
    font-size: 14px;
  }

  .policy-small {
    font-size: 13px;
  }

  /* Tables scrollable on mobile */
  .ispark-policy-wrapper table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}
/* ================================
   iSpark Footer – Column Alignment Fix
   ================================ */

/* Main footer columns layout */
.footer-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

/* Column headings */
.footer-inner h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
}

/* List spacing inside footer */
.footer-inner .linklist,
.footer-inner .footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-inner .linklist li,
.footer-inner .footer-contact li {
  margin-bottom: 8px;
}

/* Fix inline SVG alignment */
.footer-contact .fi {
  display: inline-flex;
  width: 18px;
  margin-right: 6px;
  vertical-align: middle;
}

.footer-contact svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

/* Footer CTA spacing */
.footer-ctas {
  margin-top: 16px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Bottom bar centered */
.footer-bar.centered {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 0;
  text-align: center;
}

.footer-bar.centered div {
  color: #e8ebef;
  font-size: 15px;
  font-weight: 500;
}


/* ================================
   Mobile adjustments
   ================================ */

@media (max-width: 768px) {

  .footer-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: left; /* κρατά φυσικό alignment */
  }

  /* CTA stack */
  .footer-ctas {
    flex-direction: row;
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .footer-bar.centered {
    padding: 12px 0;
  }
}
/* Force Center the bottom bar */
.footer-bar.centered {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 14px 0;
}

/* Remove any leftover right/left alignment */
.footer-bar.centered > div {
  margin: 0 auto !important;
  text-align: center !important;
  width: 100%;
  color: #e8ebef;
  font-size: 15px;
  font-weight: 500;
}

/* Blocksy sometimes injects flex-between, override it */
.site-footer .footer-bar {
  justify-content: center !important;
}
/* ---------- POLICY PAGE LINK COLORS ---------- */
.ispark-policy-wrapper a {
  color: #2a2e32 !important; /* dark-steel default */
  text-decoration: underline;
  font-weight: 500;
}

.ispark-policy-wrapper a:hover {
  color: #4a4f55 !important; /* slightly lighter steel */
  text-decoration: none;
}

/* Για να μην επηρεάζονται από global theme overrides */
.ispark-policy-section a,
.ispark-policy-section a:link,
.ispark-policy-section a:visited {
  color: #2a2e32 !important;
}
.contact-details h1 {
  color: #ffffff !important;
}
/* =====================================================
   MOBILE + TABLET — White CTA button inside mobile menu
   Covers both Blocksy structures (full compatibility)
===================================================== */
@media (max-width: 1024px) {

  /* Version 1 — Common Blocksy markup */
  .ct-panel .ct-header-cta a.ct-button.ct-header-cta {
    background: #ffffff !important;
    color: #0f1115 !important;
    border: 1px solid #ffffff !important;
    box-shadow: none !important;
    font-weight: 600;
  }

  .ct-panel .ct-header-cta a.ct-button.ct-header-cta:hover {
    background: #d9dde2 !important; /* light steel */
    color: #0f1115 !important;
  }

  /* Version 2 — Some Blocksy builds wrap CTA in .ct-panel-content */
  .ct-panel .ct-panel-content .ct-header-cta a.ct-button.ct-header-cta {
    background: #ffffff !important;
    color: #0f1115 !important;
    border: 1px solid #ffffff !important;
    box-shadow: none !important;
    font-weight: 600;
  }

  .ct-panel .ct-panel-content .ct-header-cta a.ct-button.ct-header-cta:hover {
    background: #d9dde2 !important;
    color: #0f1115 !important;
  }
}
/* Cloudflare */
.turnstile-wrapper {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 20px 0 !important;
}
/* Default (desktop/tablet) */
.section.about-story .container.narrow {
  padding-left: 32px;
  padding-right: 32px;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .section.about-story .container.narrow {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* KEY CARDS + RELATED SERVICES – Narrower horizontal padding */
.section__inner {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Ταιριάζει μόνο στα δύο συγκεκριμένα sections με steel-edge-top */
.section__inner .wp-block-columns.steel-edge-top {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 1024px) {
  .section__inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .section__inner .wp-block-columns.steel-edge-top {
    gap: 20px !important;
  }
}
@media (max-width: 768px) {
  .section__inner {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* Οι στήλες να “κάθονται” καθαρά χωρίς σπασίματα */
  .section__inner .wp-block-columns.steel-edge-top {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ============================================
   OFFERS → FAQ spacing
============================================ */
.ispark-offers {
  margin-bottom: 60px !important;
}

@media (max-width: 768px) {
  .ispark-offers {
    margin-bottom: 40px !important;
  }
}


/* ============================================
   FAQ → PREFOOTER spacing
============================================ */
.section--faq {
  margin-bottom: 70px !important;
}

@media (max-width: 768px) {
  .section--faq {
    margin-bottom: 50px !important;
  }
}


/* ============================================
   PREFOOTER standalone vertical rhythm
============================================ */
.prefooter-v2 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 768px) {
  .prefooter-v2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
/* ============================================================
   FINAL PATCH — FULL-WIDTH OFFERS + PREFOOTER BUTTON FIX + TEXT-SHADE
   ============================================================ */

/* ----------------------------
   1) OFFERS — FULL WIDTH BG
---------------------------- */
.ispark-offers {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ispark-offers > .section__inner {
  max-width: var(--container) !important;
  margin: 0 auto !important;
  padding-left: var(--pad-x) !important;
  padding-right: var(--pad-x) !important;
}


/* ----------------------------
   2) PREFOOTER — MOBILE BUTTON SPACING FIX
---------------------------- */
.prefooter-v2 .wp-block-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

@media (max-width: 768px) {
  .prefooter-v2 .wp-block-buttons {
    flex-direction: column !important;
    gap: 14px !important;
  }

  .prefooter-v2 .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
  }
}

/* Υπηρεσίες – 3-στήλο grid στην επιφάνεια εργασίας */
.services-hub .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

/* Προσφορές & Πακέτα – 3-στήλο grid */
.ispark-offers .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 20px;
}

/* Tablet: 2 στήλες */
@media (max-width: 1024px) {
  .services-hub .wp-block-columns,
  .ispark-offers .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Κινητό: 1 στήλη */
@media (max-width: 640px) {
  .services-hub .wp-block-columns,
  .ispark-offers .wp-block-columns {
    grid-template-columns: 1fr;
  }
}

/* Οι κάρτες να γεμίζουν το ύψος του κελιού */
.services-hub .card,
.ispark-offers .coupon {
  height: 100%;
}

/* Αξιολογήσεις Πελατών – 3 στήλες σε desktop */
.ispark-reviews .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  align-items: flex-start;
}

/* Λίγο πιο “μαζεμένη” τυπογραφία μέσα σε κάθε στήλη */
.ispark-reviews .stars {
  margin-bottom: 8px;
  font-size: 1.1rem;
}

.ispark-reviews em {
  display: block;
  margin-bottom: 12px;
}

/* Tablet: 2 στήλες */
@media (max-width: 1024px) {
  .ispark-reviews .wp-block-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Κινητό: 1 στήλη */
@media (max-width: 640px) {
  .ispark-reviews .wp-block-columns {
    grid-template-columns: 1fr;
  }
}