/**
 * style.css
 * Design + responsive + καθαρό UI.
 * Ελληνικά σχόλια για να ξέρεις τι αλλάζεις.
 */
:root{--blue-950:#061936;--blue-700:#0757a6;--blue-600:#0d6efd;--blue-050:#edf6ff;--orange:#ff7a00;--red:#dc3545;--ink:#172033;--muted:#667085;--line:rgba(8,40,90,.12);--shadow-sm:0 12px 35px rgba(6,25,54,.08);--shadow-md:0 22px 70px rgba(6,25,54,.14);--radius:24px;--radius-lg:34px}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans Greek',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;padding-top:112px;overflow-x:hidden}
h1,h2,h3,h4,h5,.navbar-brand{font-family:'Manrope','Noto Sans Greek',sans-serif;letter-spacing:-.035em}
section{scroll-margin-top:130px}.text-orange{color:var(--orange)}.bg-soft{background:linear-gradient(180deg,#f6fbff 0%,#fff 100%)}.fw-black{font-weight:900}
.header-wrap{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 5px 28px rgba(6,25,54,.05)}
.top-bar{background:var(--blue-950);color:rgba(255,255,255,.82);font-size:.84rem;padding:.52rem 0}.top-pill{background:rgba(255,122,0,.15);color:#fff;border:1px solid rgba(255,122,0,.38);border-radius:999px;padding:.34rem .78rem;font-weight:900;white-space:nowrap;cursor:pointer}
.navbar{padding:.82rem 0}.brand-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--blue-700),var(--blue-600));box-shadow:0 15px 30px rgba(13,110,253,.24)}
.nav-link{color:#273449!important;font-size:.9rem;font-weight:900;padding:.62rem .88rem!important;border-radius:999px}.nav-link:hover,.nav-link.active{color:var(--blue-600)!important;background:var(--blue-050)}
.btn-main{border:0;border-radius:999px;background:linear-gradient(135deg,var(--orange),#ff4d00);color:#fff;font-weight:900;padding:.86rem 1.22rem;box-shadow:0 16px 36px rgba(255,122,0,.28);transition:.2s ease}.btn-main:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 44px rgba(255,122,0,.34)}
.btn-ghost-white{border:1px solid rgba(255,255,255,.46);color:#fff;background:rgba(255,255,255,.07);border-radius:999px;font-weight:900;padding:.86rem 1.22rem;backdrop-filter:blur(10px)}.btn-ghost-white:hover{background:#fff;color:var(--blue-950)}
.hero{position:relative;min-height:740px;display:flex;align-items:center;color:#fff;overflow:hidden;background:radial-gradient(circle at 14% 17%,rgba(255,122,0,.30),transparent 28%),radial-gradient(circle at 85% 12%,rgba(13,110,253,.32),transparent 28%),linear-gradient(120deg,rgba(6,25,54,.96),rgba(7,87,166,.90) 52%,rgba(6,25,54,.74)),url('https://images.unsplash.com/photo-1607472586893-edb57bdc0e39?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=85');background-size:cover;background-position:center}.hero:after{content:'';position:absolute;left:-8%;right:-8%;bottom:-120px;height:220px;background:#fff;transform:rotate(-3deg);z-index:1}.area-hero{min-height:620px}.hero-inner{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-weight:900;font-size:.92rem;padding:.46rem .82rem;margin-bottom:1.15rem;backdrop-filter:blur(12px)}
.hero h1{font-size:clamp(2.55rem,5.35vw,5.25rem);line-height:.96;font-weight:900;max-width:940px}.hero-lead{max-width:780px;color:rgba(255,255,255,.86);font-size:clamp(1.08rem,1.6vw,1.36rem)}
.hero-panel{background:rgba(255,255,255,.97);color:var(--ink);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.35rem}.hero-proof{display:flex;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.78);font-weight:800;font-size:.92rem}.rating-link{color:#fff;text-decoration:none}.rating-link:hover{color:#fff;text-decoration:underline}
.icon-box{width:48px;height:48px;min-width:48px;display:grid;place-items:center;border-radius:17px;background:var(--blue-050);color:var(--blue-600);font-size:1.22rem}
.trust-strip{position:relative;z-index:5;margin-top:-92px}.glass-card,.service-card,.area-card,.review-card,.process-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:.22s ease}.service-card:hover,.area-card:hover,.review-card:hover,.process-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.section-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem}.section-title{color:var(--blue-950);font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.06;font-weight:900}.section-text{color:var(--muted);font-size:1.05rem}
.service-link,.area-pill{color:var(--blue-700);font-weight:900;text-decoration:none}.area-pill{display:inline-flex;align-items:center;gap:.42rem;background:#fff;color:#253044;border:1px solid var(--line);border-radius:999px;padding:.64rem .9rem;margin:.25rem;box-shadow:0 8px 22px rgba(6,25,54,.05)}.area-pill:hover{color:var(--blue-600);background:var(--blue-050);border-color:rgba(13,110,253,.25)}
.small-link{display:inline-flex;margin:.15rem;padding:.35rem .6rem;border-radius:999px;background:var(--blue-050);color:var(--blue-700);font-weight:800;text-decoration:none}.small-link:hover{background:#dceeff}
.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.price-table th{background:var(--blue-950)!important;color:#fff!important;font-weight:900;padding:1.05rem 1.2rem}.price-table td{padding:1rem 1.2rem}.price-tag{display:inline-flex;min-width:74px;justify-content:center;border-radius:999px;color:var(--blue-700);background:var(--blue-050);font-weight:900;padding:.42rem .78rem}
.footer{background:var(--blue-950);color:rgba(255,255,255,.78)}.footer a{color:#fff;text-decoration:none}.floating-call{position:fixed;right:18px;bottom:18px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:0;color:#fff;z-index:1050;font-size:1.35rem;background:linear-gradient(135deg,var(--red),#ff4d00);box-shadow:0 18px 40px rgba(220,53,69,.36)}
.modal-content{border-radius:28px;overflow:hidden}.modal-option-btn{border-radius:20px;padding:1rem;font-weight:900;text-decoration:none}.btn-emergency{background:linear-gradient(135deg,var(--red),#ff4d00);color:#fff}.btn-standard{background:#fff;color:var(--ink);border:1px solid var(--line)}
.accordion-item{border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden;margin-bottom:.82rem;box-shadow:0 10px 25px rgba(6,25,54,.05)}.accordion-button{font-weight:900;color:var(--blue-950)}.accordion-button:not(.collapsed){color:var(--blue-700);background:var(--blue-050);box-shadow:none}
@media(max-width:991.98px){body{padding-top:98px}.desktop-location{display:none}.hero{min-height:auto;padding:88px 0 138px}.trust-strip{margin-top:-82px}.hero-panel{margin-top:1.6rem}}
@media(max-width:575.98px){body{padding-top:92px}.top-bar{font-size:.75rem}.brand-icon{width:43px;height:43px;border-radius:15px}.hero h1{font-size:2.38rem}.hero{padding-top:72px}.btn-main,.btn-ghost-white{width:100%;justify-content:center}.price-table th,.price-table td{padding:.82rem .72rem;font-size:.92rem}}

/* =========================================================
 FINAL FIX: HEADER + BREADCRUMB + AREA / SERVICE HERO
 =========================================================
 Τελικό fix για fixed header, breadcrumbs και μεγάλα H1
 στις σελίδες περιοχών / υπηρεσιών.
*/

/* Το fixed header χρειάζεται αρκετό κενό από πάνω */
body {
 padding-top: 132px;
}

/* Πιο διακριτικό breadcrumb κάτω από το menu */
.breadcrumb-wrap {
 background: #f8fbff;
 border-bottom: 1px solid rgba(8, 40, 90, .08);
 padding: .50rem 0;
 margin-top: 0;
 position: relative;
 z-index: 2;
}

.breadcrumb {
 font-size: .82rem;
 font-weight: 700;
 margin-bottom: 0;
}

.breadcrumb-item,
.breadcrumb-item a {
 color: #667085;
 text-decoration: none;
}

.breadcrumb-item a:hover {
 color: var(--blue-700);
 text-decoration: underline;
}

.breadcrumb-item.active {
 color: var(--blue-700);
 font-weight: 800;
}

/* Το hero στις σελίδες περιοχών/υπηρεσιών */
.area-hero {
 min-height: 620px;
 padding: 105px 0 145px;
}

/* Πιο σωστό μέγεθος για μεγάλα H1 όπως Αγία Βαρβάρα */
.area-hero h1 {
 font-size: clamp(2.45rem, 4.1vw, 4.35rem);
 line-height: 1.06;
 max-width: 820px;
}

.area-hero .hero-lead {
 max-width: 760px;
 font-size: clamp(1.02rem, 1.35vw, 1.22rem);
}

.area-hero .hero-panel {
 margin-top: 1rem;
}

/* Tablet */
@media (max-width: 991.98px) {
 body {
 padding-top: 112px;
 }

 .area-hero {
 padding: 82px 0 130px;
 }

 .area-hero h1 {
 font-size: clamp(2.15rem, 8vw, 3.2rem);
 line-height: 1.08;
 }

 .area-hero .hero-lead {
 max-width: 100%;
 }
}

/* Mobile */
@media (max-width: 575.98px) {
 body {
 padding-top: 98px;
 }

 .area-hero {
 padding: 68px 0 115px;
 }

 .area-hero h1 {
 font-size: 2.05rem;
 line-height: 1.08;
 }

 .breadcrumb {
 font-size: .78rem;
 }

 .breadcrumb-wrap {
 padding: .45rem 0;
 }
}


/* =========================================================
 V6 ADDITIONS - SEO PRO components
 ========================================================= */

/* Skip link για accessibility - φαίνεται μόνο όταν εστιάζεται */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1100;background:var(--blue-700);color:#fff;padding:.6rem 1rem;border-radius:0 0 12px 0;font-weight:900;text-decoration:none}
.skip-link:focus{left:0;outline:3px solid var(--orange);outline-offset:2px}

/* Καθαρή λίστα χωρίς bullets - για signs, includes, common_issues */
.list-clean{list-style:none;padding-left:0;margin:1rem 0}
.list-clean li{padding:.55rem 0;border-bottom:1px dashed var(--line);font-weight:600;color:var(--ink);display:flex;align-items:flex-start;gap:.25rem}
.list-clean li:last-child{border-bottom:0}

/* Process list - αριθμημένα βήματα με κύκλο */
.process-list{list-style:none;padding-left:0;counter-reset:step;margin:1rem 0}
.process-list>li{display:flex;align-items:flex-start;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.process-list>li:last-child{border-bottom:0}
.process-num{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--orange),#ff4d00);color:#fff;font-weight:900;font-size:1rem;box-shadow:0 8px 20px rgba(255,122,0,.25)}

/* Info pill - για χρόνο ανταπόκρισης / αρχική τιμή */
.info-pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--blue-050);color:var(--blue-700);font-weight:800;border-radius:999px;padding:.45rem .85rem;font-size:.9rem;border:1px solid rgba(13,110,253,.18)}

/* Footer lists & hours */
.footer-list{list-style:none;padding-left:0;margin:0}
.footer-list li{padding:.32rem 0;font-size:.92rem}
.footer-list li a{color:rgba(255,255,255,.78);text-decoration:none;transition:.15s ease}
.footer-list li a:hover{color:#fff;text-decoration:underline}
.footer-hours li{padding:.2rem 0;color:rgba(255,255,255,.7)}
.footer-hours li span.fw-bold{color:#fff !important;font-size:.85rem}


/* =========================================================
 V8 CALL POPUP ONLY
 =========================================================
 Τα "Καλέστε" ανοίγουν popup αντί να δείχνουν το τηλέφωνο.
*/

.service-link-button,
.footer-call-link {
 border: 0;
 background: transparent;
 padding: 0;
 font: inherit;
 cursor: pointer;
}

.service-link-button {
 color: var(--blue-700);
 font-weight: 900;
 text-decoration: none;
}

.service-link-button:hover {
 color: var(--orange);
}

.footer-call-link {
 color: #fff;
 text-decoration: none;
}

.footer-call-link:hover {
 text-decoration: underline;
}


/* =========================================================
   V12 GOOGLE RATING BADGE
   =========================================================
   Πιο όμορφη εμφάνιση για το link αξιολογήσεων Google.
*/

.google-rating-badge {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .82rem .9rem;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 70%);
  border: 1px solid rgba(255, 122, 0, .20);
  box-shadow: 0 10px 25px rgba(6, 25, 54, .06);
  color: var(--ink);
  text-decoration: none;
  transition: .2s ease;
  margin: .85rem 0 1rem;
}

.google-rating-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(6, 25, 54, .10);
  border-color: rgba(255, 122, 0, .34);
  color: var(--ink);
}

.google-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #fff;
  color: #4285f4;
  font-weight: 900;
  font-size: 1.25rem;
  font-family: Arial, sans-serif;
  box-shadow: inset 0 0 0 1px rgba(8, 40, 90, .08);
}

.rating-content {
  flex: 1;
  line-height: 1.1;
}

.rating-top {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .18rem;
}

.rating-score {
  font-weight: 900;
  font-size: 1.05rem;
  color: var(--blue-950);
}

.rating-stars {
  color: var(--orange);
  font-size: .92rem;
  letter-spacing: .03em;
}

.rating-bottom {
  display: block;
  color: #667085;
  font-size: .82rem;
  font-weight: 800;
}

.rating-arrow {
  color: rgba(7, 87, 166, .55);
  font-size: .82rem;
}

.hero-proof .google-rating-badge {
  width: auto;
  max-width: 360px;
  margin: 0;
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
  color: #fff;
  box-shadow: none;
  backdrop-filter: blur(10px);
}

.hero-proof .google-rating-badge .rating-score,
.hero-proof .google-rating-badge .rating-bottom,
.hero-proof .google-rating-badge .rating-arrow {
  color: #fff;
}

.hero-proof .google-rating-badge .google-icon {
  background: rgba(255,255,255,.96);
}

@media (max-width: 575.98px) {
  .google-rating-badge {
    padding: .75rem .78rem;
    border-radius: 16px;
  }

  .google-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .rating-stars {
    font-size: .82rem;
  }

  .rating-bottom {
    font-size: .78rem;
  }
}


/* =========================================================
   V13 FLAT HERO FIX
   =========================================================
   Αφαιρεί τη διαγώνια λευκή γραμμή στο hero που έκρυβε
   το "Καθαρή εργασία" και κρατάει καθαρό flat τελείωμα.
*/

.hero:after {
  display: none !important;
}

.hero {
  padding-bottom: 120px;
}

/* Το trust card να μπαίνει λίγο πιο ήπια πάνω στο hero */
.trust-strip {
  margin-top: -70px;
}

/* Τα proof στοιχεία να έχουν ανάσα και να μη χάνονται στο κάτω μέρος */
.hero-proof {
  margin-bottom: 1.5rem;
}

@media (max-width: 991.98px) {
  .hero {
    padding-bottom: 130px;
  }

  .trust-strip {
    margin-top: -65px;
  }
}

@media (max-width: 575.98px) {
  .hero {
    padding-bottom: 115px;
  }

  .hero-proof {
    margin-bottom: 1rem;
  }
}


/* =========================================================
   V14 PHONE ANSWER REASSURANCE
   =========================================================
   Μικρό καθησυχαστικό μήνυμα ότι απαντάμε άμεσα στο τηλέφωνο.
*/

.call-reassurance {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin-top: .65rem;
  color: var(--blue-700);
  font-weight: 800;
  font-size: .9rem;
  line-height: 1.35;
}

.call-reassurance i {
  color: var(--orange);
}