/* =====================================================================
   ΓΕΝΙΚΗ ΘΕΡΜΑΝΣΕΩΝ: κεντρικό CSS 2026 (geniki-2026.css)
   Η εμφάνιση της νέας αρχικής για όλο το site.
   Φορτώνεται μετά το custom.css και το preset του Helix.
   Δεν αλλάζει τη διάταξη των σελίδων: μόνο χρώματα, γραμματοσειρά,
   κουμπιά, κεφαλίδα και υποσέλιδο, και δίνει έτοιμα στοιχεία (.gk-*)
   για τις νέες σελίδες. Εξαίρεση: η σελίδα MINIB κρατά τα δικά της χρώματα
   (παίρνει μόνο την Inter).
   ===================================================================== */

/* 1. Χρώματα και γραμματοσειρά -------------------------------------- */
:root {
  --gt-navy: #173148;
  --gt-navy-2: #2E4A66;
  --gt-navy-dark: #0E1F2F;
  --gt-brick: #7D2827;
  --gt-brick-2: #94342F;
  --gt-rose: #E8A39D;
  --gt-cream: #EEEBE6;
  --gt-cream-line: #D6D2CA;
  --gt-wash: #EEF2F7;
  --gt-ink: #24323F;
  --gt-muted: #56636F;
  --gt-line: #D5DCE4;
  --gt-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --gt-r: 3px;
}

/* Η σελίδα MINIB (στοιχείο μενού 583) κρατά τα δικά της χρώματα: εξαιρείται από το χρώμα κειμένου και τα links, όχι από τη γραμματοσειρά. */
:where(body:not(.itemid-583)) { color: var(--gt-ink); }

/* Inter παντού, και στη MINIB. Τα εικονίδια (Font Awesome κ.λπ.) εξαιρούνται. */
body,
body :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, td, th, caption, a, span, strong, b, em, small,
  label, blockquote, figcaption, button, input, select, textarea, div, section, article)
  :not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*="fa-"]):not([class*="icon"]) {
  font-family: var(--gt-font) !important;
}

/* Τίτλοι έντονοι, όπως στη νέα αρχική. Παλιές ρυθμίσεις με πάχος 100 έως 300 (για την Ubuntu)
   βγαίνουν πολύ αχνές με την Inter. Η αρχική (.gt26) έχει τα δικά της πάχη. */
body :where(h1, h2, h3, h4, h5, h6, .sppb-addon-title):not(.gt26 *) { font-weight: 600 !important; }
body :where(h1, h2, h3, h4, h5, h6) a:not(.gt26 *) { font-weight: inherit !important; }

/* 2. Links -------------------------------------------------------------- */
/* Χαμηλή εξειδίκευση: τα δικά τους χρώματα των στοιχείων των σελίδων υπερισχύουν. */
:where(body:not(.itemid-583)) a { color: var(--gt-navy); }
:where(body:not(.itemid-583)) a:hover, :where(body:not(.itemid-583)) a:focus, :where(body:not(.itemid-583)) a:active { color: var(--gt-brick); }
:focus-visible { outline: 2px solid var(--gt-brick); outline-offset: 2px; }

/* 3. Κουμπιά (Joomla, Bootstrap, SP Page Builder) ------------------------ */
.btn-primary, .sppb-btn-primary {
  background-color: var(--gt-brick); border-color: var(--gt-brick); color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .sppb-btn-primary:hover, .sppb-btn-primary:focus {
  background-color: var(--gt-brick-2); border-color: var(--gt-brick-2); color: #fff;
}
.sppb-btn-default {
  background-color: var(--gt-navy); border-color: var(--gt-navy); color: #fff;
}
.sppb-btn-default:hover, .sppb-btn-default:focus {
  background-color: var(--gt-navy-2); border-color: var(--gt-navy-2); color: #fff;
}
.sppb-btn-secondary {
  background-color: var(--gt-navy); border-color: var(--gt-navy); color: #fff;
}
.sppb-btn-secondary:hover, .sppb-btn-secondary:focus, .sppb-btn-secondary:active {
  background-color: var(--gt-navy-2); border-color: var(--gt-navy-2); color: #fff;
}
.sppb-btn-secondary.sppb-btn-outline { background-color: transparent; color: var(--gt-navy); }
.sppb-btn-secondary.sppb-btn-outline:hover { background-color: var(--gt-navy); color: #fff; }
.sppb-readmore { color: var(--gt-navy); font-weight: 600; }
.sppb-readmore:hover { color: var(--gt-brick); }

/* 4. Κεφαλίδα και μενού ------------------------------------------------ */
.sp-megamenu-parent > li:has(> a[href="/"]),
.sp-megamenu-parent > li:has(> a[href="/eggrafi.html"]) { display: none; }
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span { color: var(--gt-navy); }
#sp-header .sp-megamenu-parent > li:hover > a,
#sp-header .sp-megamenu-parent > li:hover > span,
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.active:hover > a { color: var(--gt-brick); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-mega-group > li > a { color: var(--gt-navy); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: var(--gt-brick); }
#sp-header .sp-menu-badge, .sp-megamenu-parent .sp-menu-badge { display: none !important; }
#offcanvas-toggler > .fa, #offcanvas-toggler > .fas, #offcanvas-toggler > .far { color: var(--gt-navy); }
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fas:hover, #offcanvas-toggler > .far:hover { color: var(--gt-brick); }
.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover { color: var(--gt-brick); }
.sp-reading-progress-bar { background-color: var(--gt-brick); }
.sp-preloader > div { background: var(--gt-navy); }

/* 5. Υποσέλιδο ------------------------------------------------------------ */
#sp-footer { background: var(--gt-navy-dark) !important; color: #C9D5E3; }
#sp-footer a { color: #fff; }
#sp-footer a:hover { color: var(--gt-rose); }
#sp-footer .sp-contact-info li, #sp-footer .sp-contact-info span, #sp-footer .sp-copyright { color: #C9D5E3; }

/* 6. Μικρά του template ------------------------------------------------- */
.tags > li a { background: var(--gt-wash); color: var(--gt-navy); }
.tags > li a:hover { background: var(--gt-brick); color: #fff; }
.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus { background: var(--gt-navy); color: #fff; }

/* 7. Έτοιμα στοιχεία για νέες σελίδες (.gk-*) ---------------------------- */
.gk-btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 620; font-size: 16px;
  line-height: 1.2; padding: 13px 22px; border-radius: var(--gt-r); border: 1.5px solid transparent;
  transition: background-color .15s, border-color .15s, color .15s; }
.gk-btn-primary { background: var(--gt-brick); color: #fff; }
.gk-btn-primary:hover { background: var(--gt-brick-2); color: #fff; }
.gk-btn-ghost { border-color: var(--gt-navy); color: var(--gt-navy); }
.gk-btn-ghost:hover { background: var(--gt-navy); color: #fff; }
.gk-btn-light { background: #fff; color: var(--gt-navy); }
.gk-btn-light:hover { background: var(--gt-cream); color: var(--gt-navy); }
.gk-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 56px; align-items: end; margin: 0 0 32px; }
.gk-head h2 { color: var(--gt-navy); margin: 0; letter-spacing: -.015em; }
.gk-head p { color: var(--gt-muted); margin: 0; max-width: 56ch; }
.gk-card { border: 1px solid var(--gt-line); border-radius: var(--gt-r); padding: 24px 26px; background: #fff; }
.gk-card h3 { color: var(--gt-navy); margin: 0 0 8px; }
.gk-note { border-left: 3px solid var(--gt-brick); background: var(--gt-cream); padding: 16px 20px; border-radius: 0 var(--gt-r) var(--gt-r) 0; }
.gk-note p:last-child { margin-bottom: 0; }
.gk-check { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.gk-check li { position: relative; padding-left: 26px; }
.gk-check li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 11px; height: 6px;
  border-left: 2px solid var(--gt-brick); border-bottom: 2px solid var(--gt-brick); transform: rotate(-45deg); }
.gk-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.gk-table th, .gk-table td { padding: 10px 12px; border-bottom: 1px solid var(--gt-line); text-align: left; vertical-align: top; }
.gk-table thead th { color: var(--gt-navy); font-weight: 650; border-bottom: 2px solid var(--gt-navy); }
.gk-table tbody tr:nth-child(2n) td { background: #F7F9FB; }
.gk-faq { border-top: 1px solid var(--gt-line); }
.gk-faq details { border-bottom: 1px solid var(--gt-line); padding: 14px 0; }
.gk-faq summary { cursor: pointer; list-style: none; font-weight: 620; color: var(--gt-navy); display: flex; justify-content: space-between; gap: 16px; }
.gk-faq summary::-webkit-details-marker { display: none; }
.gk-faq summary::after { content: "+"; color: var(--gt-brick); font-weight: 700; }
.gk-faq details[open] summary::after { content: "–"; }
.gk-faq details > :not(summary) { margin-top: 10px; color: var(--gt-ink); }
.gk-links a { color: var(--gt-navy); text-decoration: underline; text-decoration-color: rgba(23, 49, 72, .35); text-underline-offset: 3px; }
.gk-links a:hover { color: var(--gt-brick); text-decoration-color: currentColor; }
@media (max-width: 820px) {
  .gk-head { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .gk-btn { transition: none; }
}

/* 8. Τηλέφωνο στην κεφαλίδα (το βάζει το custom_js του στυλ 13) --------- */
.gk-hdr-tel { display: none; margin-left: 28px; font-size: 15px; font-weight: 620; color: var(--gt-navy);
  text-decoration: none; white-space: nowrap; }
.gk-hdr-tel:hover, .gk-hdr-tel:focus { color: var(--gt-brick); }
@media (min-width: 1200px) { .gk-hdr-tel { display: inline-block; } }
.gk-hdr-call { display: none; margin-left: auto; align-items: center; gap: 7px; height: 38px; padding: 0 13px;
  border: 1.5px solid var(--gt-navy); border-radius: var(--gt-r); color: var(--gt-navy); font-size: 14px;
  font-weight: 620; line-height: 1; text-decoration: none; white-space: nowrap; }
.gk-hdr-call svg { width: 16px; height: 16px; flex: none; }
.gk-hdr-call:hover, .gk-hdr-call:focus { background: var(--gt-navy); color: #fff; }
@media (max-width: 991px) { .gk-hdr-call { display: inline-flex; } }

/* 9. Διορθώσεις αντίθεσης σε συγκεκριμένα στοιχεία σελίδων (χωρίς αλλαγή στις σελίδες) ---
   Κάθε κανόνας λέει πού ισχύει. Τα !important χρειάζονται γιατί τα χρώματα είναι γραμμένα
   στις ρυθμίσεις των μπλοκ του SP Page Builder ή των φορμών. */
/* Κουμπί «Κατεβάστε τον αγγλικό κατάλογο» (σελίδες TML): γκρι → navy */
#sppb-addon-1705676113343 .sppb-btn-custom { background-color: var(--gt-navy) !important; border-color: var(--gt-navy) !important; color: #fff !important; }
#sppb-addon-1705676113343 .sppb-btn-custom:hover { background-color: var(--gt-navy-2) !important; border-color: var(--gt-navy-2) !important; }
/* Κουμπιά στο BRIGHT COMPACT: ίδιο πορτοκαλί, πιο σκούρο για να διαβάζεται */
#sppb-addon-1546443635002 .sppb-btn-custom { background-color: #A95308 !important; border-color: #A95308 !important; color: #fff !important; }
#sppb-addon-1546443635002 .sppb-btn-custom:hover { background-color: #8E4506 !important; border-color: #8E4506 !important; }
/* Κουμπί «Αποστολή» των φορμών (BA Forms): ανοιχτό πράσινο → κόκκινο της ΓΕΝΙΚΗΣ */
.ba-form-submit-btn { background-color: var(--gt-brick) !important; border-color: var(--gt-brick) !important; }
.ba-form-submit-btn:hover { background-color: var(--gt-brick-2) !important; border-color: var(--gt-brick-2) !important; }
.ba-form-submit-btn .ba-form-submit-title { color: #fff !important; }
/* Φόρμες με γκρι φόντο (σελίδες HITTE): link λευκό, κείμενο πεδίου ανεβάσματος navy */
:is(#sppb-addon-1588975744198, #sppb-addon-1588983092148, #sppb-addon-1588983264975) .ba-form-page a { color: #fff !important; text-decoration: underline; }
:is(#sppb-addon-1588975744198, #sppb-addon-1588983092148, #sppb-addon-1588983264975) .upload-file-input .upload-file-drag-drop-title { color: var(--gt-navy) !important; }
/* Ετικέτες εικονιδίων κοινοποίησης (ατμολέβητες, τρίοδες): ανοιχτό γκρι → γκρι κειμένου */
#sppb-addon-1538724329253 .sppb-icons-group-list .sppb-icons-label-text { color: var(--gt-muted) !important; }
/* Κινούμενες λέξεις τίτλων (fan coil Olimpia): γαλάζιο → κόκκινο της ΓΕΝΙΚΗΣ */
:is(#sppb-addon-1546260795521, #sppb-addon-1546261756205) .animated-text-words-wrapper .animated-text { color: var(--gt-brick) !important; }
/* Τίτλοι ECLIPSE2: ανοιχτό γκρι → navy */
#sppb-addon-1559219212746 .sppb-addon-title, #sppb-addon-1559061844838 .sppb-addon-title { color: var(--gt-navy) !important; }
/* Λέξη «CRYSTAL» (αντλίες θερμότητας): ίδιο πορτοκαλί, πιο σκούρο */
#sppb-addon-1698938612432 [style*="de7f00" i], #sppb-addon-1698938612432 [style*="222, 127, 0"] { color: #A85A00 !important; }

/* 10. Εικόνες που λείπουν από τον server (υπήρχαν και πριν από το 2026) ---------
   Το εικονίδιο PDF του editor και μια επικολλημένη εικόνα «blob:» δεν υπάρχουν.
   Κρύβονται, οι σύνδεσμοι μένουν. */
img[src$="/media/jce/icons/pdf.png"], img[src^="blob:"] { display: none !important; }

/* 11. Δόση 4: χρώματα εκτός παλέτας σε σελίδες με λίγη κίνηση (2/11/2026) ------- */
/* Κουμπί «Browse Files» στις φόρμες HITTE (ήταν καφέ #473B26) */
:is(#sppb-addon-1588975744198, #sppb-addon-1588983092148, #sppb-addon-1588983264975) .upload-file-btn { background-color: var(--gt-navy) !important; border-color: var(--gt-navy) !important; color: #fff !important; }
/* Κουμπί «Κατάλογος προϊόντων 2019» στα ενδοδαπέδια (ήταν γκριζογάλαζο #67799C) */
#sppb-addon-1544472626515 .sppb-btn-custom { background-color: var(--gt-navy) !important; border-color: var(--gt-navy) !important; color: #fff !important; }
#sppb-addon-1544472626515 .sppb-btn-custom:hover, #sppb-addon-1544472626515 .sppb-btn-custom:focus { background-color: var(--gt-navy-2) !important; border-color: var(--gt-navy-2) !important; }
/* «Στείλτε τον υπολογισμό σε έναν φίλο» και «Μοιραστείτε τη φόρμα» (ήταν μπλε #4779D8) */
:is(#sppb-addon-1589911770429, #sppb-addon-1589996223681, #sppb-addon-1589911070456) .sppb-icons-label-text { color: var(--gt-navy) !important; }

/* 12. Στοιχεία .tit-* (Tank-in-Tank, JUMBO HRS, Heat Master, Crystal κ.ά.): ίδια μορφή με το υπόλοιπο site (2/11/2026).
   Γωνίες 3px αντί για στρογγυλεμένα κουμπιά και κάρτες, χωρίς ανασήκωμα στο πέρασμα. Η MINIB κρατά το δικό της στυλ. */
:where(body:not(.itemid-583)) .tit-btn-anchor { border-radius: var(--gt-r) !important; }
:where(body:not(.itemid-583)) .tit-btn-anchor:hover { transform: none !important; box-shadow: none !important; }
:where(body:not(.itemid-583)) :is(.tit-card, .tit-section--beige, .tit-img-responsive, .tit-accordion) { border-radius: var(--gt-r) !important; }
:where(body:not(.itemid-583)) .tit-highlight { border-radius: 0 var(--gt-r) var(--gt-r) 0 !important; }
:where(body:not(.itemid-583)) .tit-card:hover { transform: none !important; }
:where(body:not(.itemid-583)) .tit-hero__lead { color: var(--gt-ink) !important; }