.elementor-kit-5{--e-global-color-primary:#324290;--e-global-color-secondary:#5B5A57;--e-global-color-text:#2B2A28;--e-global-color-accent:#F9D448;--e-global-color-dkbnavy700:#26336F;--e-global-color-dkbsun600:#F2C21F;--e-global-color-dkbsun50:#FFF6D6;--e-global-color-dkbbanner:#FFED00;--e-global-color-dkbsky50:#EEF3FB;--e-global-color-dkbsky:#9AB8DE;--e-global-color-dkborange:#F4AE2C;--e-global-color-dkbcoral:#E8566A;--e-global-color-dkbfield:#6E7CA6;--e-global-color-dkbline:#DDE4F0;--e-global-color-dkbwhite:#FFFFFF;--e-global-typography-primary-font-family:"Comfortaa";--e-global-typography-primary-font-size:clamp(28px,3.4vw,42px);--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2;--e-global-typography-secondary-font-family:"Commissioner";--e-global-typography-secondary-font-size:13px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.4;--e-global-typography-secondary-letter-spacing:0.12em;--e-global-typography-text-font-family:"Commissioner";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.75;--e-global-typography-accent-font-family:"Comfortaa";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.2;background-color:var( --e-global-color-dkbwhite );color:var( --e-global-color-text );font-family:"Commissioner", "Segoe UI", system-ui, sans-serif;font-size:17px;font-weight:400;line-height:1.75;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Comfortaa", "Segoe UI", system-ui, sans-serif;font-size:16px;font-weight:700;line-height:1.2;color:var( --e-global-color-primary );border-radius:999px 999px 999px 999px;padding:14px 26px 14px 26px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-dkbsun600 );color:var( --e-global-color-primary );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:"Comfortaa", "Segoe UI", system-ui, sans-serif;font-size:clamp(34px,4.1vw,58px);font-weight:700;line-height:1.12;}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-family:"Comfortaa", "Segoe UI", system-ui, sans-serif;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.2;}.elementor-kit-5 h3{color:var( --e-global-color-primary );font-family:"Comfortaa", "Segoe UI", system-ui, sans-serif;font-size:21px;font-weight:700;line-height:1.3;}.elementor-kit-5 label{color:var( --e-global-color-text );font-family:"Commissioner", "Segoe UI", system-ui, sans-serif;font-size:14.5px;font-weight:600;line-height:1.3;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Commissioner", "Segoe UI", system-ui, sans-serif;font-size:16px;font-weight:400;line-height:1.3;color:var( --e-global-color-text );background-color:var( --e-global-color-dkbwhite );border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-dkbfield );border-radius:12px 12px 12px 12px;padding:12px 14px 12px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:900px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:560px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════════════════ d-klub.gr — CSS του Kit (σκαλί 4: ΜΟΝΟ ό,τι δεν έχει Elementor control) Πηγή: htmls/arxiki_v2.html · DESIGN-CONTRACT v1.0. Κάθε κανόνας λέει γιατί δεν υπάρχει control. ⛔ Κανένας .elementor-kit-5 με #id (κλειδώνει τα controls — ελέγχεται στο 10_setup_kit.php). ⛔ Κανένα χρώμα εκτός §1: μόνο var(--e-global-color-*) ή οι ρητές τιμές του contract. ═══════════════════════════════════════════════════════════════════════════ */ /* Ομαλή κύλιση στις άγκυρες + περιθώριο για τη sticky κεφαλίδα — δεν υπάρχει control σε επίπεδο σελίδας */ html{scroll-behavior:smooth;scroll-padding-top:80px} /* Τελευταία παράγραφος text-editor χωρίς κάτω περιθώριο (Hello: p{margin-block-end:.9rem}) — η μακέτα έχει p{margin:0} και κενά μόνο ανάμεσα σε παραγράφους. Δεν υπάρχει control «περιθώριο παραγράφου» στο widget */ /* !important: το control «Απόσταση παραγράφων» γράφει margin-block-end σε ΚΑΘΕ p, και στην τελευταία (19/09: κουμπί +16) */ .elementor-widget-text-editor p:last-child{margin-bottom:0!important;margin-block-end:0!important} /* Εικονίδιο σε κύκλο: το wrapper (inline-block) κρατά το κενό baseline της γραμμής σώματος → +8,8px κάτω από κάθε κύκλο (κάρτα υπηρεσίας 76,8 αντί 68). Δεν υπάρχει control ύψους γραμμής στο icon widget */ .elementor-widget-icon .elementor-icon-wrapper{line-height:0} /* Εστίαση πληκτρολογίου όπως η μακέτα (:focus-visible navy 3px) — ο Elementor δεν έχει control εστίασης */ :focus-visible{outline:3px solid var(--e-global-color-primary);outline-offset:3px;border-radius:6px} .dkb-on-dark :focus-visible{outline-color:var(--e-global-color-accent)} /* Eyebrow: κίτρινη κουκκίδα πριν από το κείμενο — ψευδοστοιχείο, δεν υπάρχει control */ .dkb-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px} .dkb-eyebrow .elementor-heading-title::before{content:"";width:10px;height:10px;border-radius:50%;flex:none;background:var(--e-global-color-accent);box-shadow:0 0 0 3px var(--e-global-color-dkbsun50)} .dkb-on-dark .dkb-eyebrow .elementor-heading-title::before{box-shadow:none} .dkb-eyebrow.is-navy-dot .elementor-heading-title::before{background:var(--e-global-color-primary);box-shadow:none} /* Διακοσμητικά «μπαλόνια»: ατέρμονη αιώρηση (keyframes) — οι κινήσεις εισόδου του Elementor τρέχουν μία φορά */ .dkb-balloon{pointer-events:none} .dkb-balloon.is-float{animation:dkb-float 6s ease-in-out infinite} .dkb-balloon.is-float.is-slow{animation-duration:8s;animation-delay:-2s} @keyframes dkb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} /* ═══ ΚΕΦΑΛΙΔΑ (40_header.php) ═══ */ /* Burger 48×48 — το nav-menu έχει control μόνο για το μέγεθος εικονιδίου, όχι του κουμπιού */ .dkb-mnav .elementor-menu-toggle{width:48px;height:48px;justify-content:center;padding:0} /* Μενού σε όλη τη στήλη, από την αρχή ως κάτω από το EL/DE (Αθηνά 18/09 #58238): το align_items δίνει start/center/end/ίσα πλάτη — όχι space-between */ .dkb-nav .elementor-nav-menu--layout-horizontal{display:block} .dkb-nav .elementor-nav-menu--layout-horizontal>.elementor-nav-menu{justify-content:space-between;flex-wrap:nowrap;margin:0 -8px} /* το clearfix του SmartMenus (ul::after "a0" block) γίνεται 9ο στοιχείο του flex και τρώει ένα διάστημα */ .dkb-nav .elementor-nav-menu--layout-horizontal>.elementor-nav-menu::after{display:none} /* Ενεργή σελίδα = κίτρινη γραμμή 3px (hover = φόντο): ο δείκτης του nav-menu είναι ή φόντο ή γραμμή. !important στο φόντο: το «χρώμα δείκτη ενεργού» (διάφανο — για να μη γεμίζει φόντο) στοχεύει και το ::after */ .dkb-nav .elementor-nav-menu--main .elementor-item.elementor-item-active::after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:3px;border-radius:3px;background:var(--e-global-color-accent)!important;opacity:1;transform:none} /* Σε σελίδα υπηρεσίας: γραμμή και στο «Υπηρεσίες» (.sub-toggle.is-current της μακέτας) — το nav-menu βάζει elementor-item-active ΜΟΝΟ στο ίδιο το στοιχείο (current-menu-item), ποτέ στον γονέα του */ .dkb-nav .elementor-nav-menu--main .current-menu-ancestor>.elementor-item::after{content:"";position:absolute;left:8px;right:28px;bottom:3px;height:3px;border-radius:3px;background:var(--e-global-color-accent)!important;opacity:1;transform:none} /* Υπομενού «Υπηρεσίες»: εσωτερικό περιθώριο, στρογγυλά στοιχεία, πλάτος 340 — δεν υπάρχουν controls */ .dkb-nav .elementor-nav-menu--dropdown{padding:10px;min-width:340px!important} .dkb-nav .elementor-nav-menu--dropdown a{border-radius:10px;white-space:normal} /* Μενού κινητού: ενεργή σελίδα = κίτρινη γραμμή 40px κάτω αριστερά · βέλος υπομενού στο δεξί άκρο */ /* λίστα με εσοχή 24 (οι γραμμές δεν φτάνουν στα άκρα) — το dropdown δεν έχει control padding λίστας */ .dkb-mnav .elementor-nav-menu__container.elementor-nav-menu--dropdown{padding:16px 24px 40px;background:var(--e-global-color-dkbwhite)} .dkb-mnav .elementor-nav-menu--dropdown .elementor-item{position:relative} .dkb-mnav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active::after, .dkb-mnav .elementor-nav-menu--dropdown .current-menu-ancestor>.elementor-item::after{content:"";position:absolute;left:8px;bottom:8px;width:40px;height:3px;border-radius:3px;background:var(--e-global-color-accent)} .dkb-mnav .elementor-nav-menu--dropdown a.has-submenu{justify-content:space-between} /* Επικοινωνία γραμμής 1: υπογράμμιση της τιμής στο hover του συνδέσμου-container */ .dkb-hdr-link:hover .dkb-hdr-value .elementor-heading-title{text-decoration:underline} /* EL/DE ως «χάπι» με ενεργή γλώσσα navy — ο εναλλάκτης WPML έχει μόνο χρώμα/τυπογραφία στοιχείου */ .dkb-lang .wpml-ls{padding:0;border:0;width:auto} .dkb-lang .wpml-ls ul{display:flex;align-items:center;padding:4px;margin:0;border-radius:999px;background:var(--e-global-color-dkbsky50);list-style:none} .dkb-lang .wpml-ls li{margin:0;padding:0} .dkb-lang .wpml-ls a{display:grid;place-items:center;min-width:40px;min-height:36px;padding:0 10px;border-radius:999px;text-decoration:none;line-height:1} .dkb-lang .wpml-ls-current-language>a{background:var(--e-global-color-primary);color:var(--e-global-color-dkbwhite)!important} /* Στην κύλιση: σκιά · >1260 μένει μόνο η γραμμή μενού (64) με μισό λογότυπο. Το Sticky δεν έχει controls «σε κατάσταση sticky» — μόνο την κλάση .elementor-sticky--effects */ .dkb-header .dkb-logo img{transition:height .25s ease} .dkb-header.elementor-sticky--effects{box-shadow:0 6px 24px rgba(38,51,111,.10)} @media (min-width:1261px){ .dkb-header.elementor-sticky--effects{--min-height:64px!important} .dkb-header.elementor-sticky--effects .dkb-hdr-top{display:none} .dkb-header.elementor-sticky--effects .dkb-logo img{height:54px!important} } /* ═══ ΚΟΥΜΠΙΑ (.btn της μακέτας) ═══ */ /* ύψος ≥52 (DESIGN-CONTRACT §2) + βέλος 18px — το button δεν έχει control ελάχιστου ύψους/μεγέθους εικονιδίου */ .dkb-btn .elementor-button{min-height:52px;white-space:nowrap} .dkb-btn .elementor-button-icon svg{width:18px;height:18px} @media (max-width:900px){ .dkb-slide-cta .dkb-btn{flex:1 1 220px} .dkb-slide-cta .dkb-btn .elementor-button{width:100%} } /* ═══ SLIDER (50_home_slider.php) ═══ */ /* Επισήμανση λέξης του τίτλου (λευκή «μαρκαδόρος») — γραμμική διαβάθμιση 4 στάσεων σε inline span */ .dkb-hl{background:linear-gradient(transparent 60%,var(--e-global-color-dkbwhite) 60%,var(--e-global-color-dkbwhite) 92%,transparent 92%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone} .dkb-carousel{position:relative} /* Τελείες = «χάπια» με περίγραμμα· η ενεργή μακραίνει και γεμίζει όσο τρέχει ο χρόνος (7″) */ /* !important: το Swiper ορίζει μέγεθος/χρώμα τελείας με μεταβλητές σε .elementor-kit-5 υψηλότερης ειδικότητας */ .dkb-carousel .swiper-pagination-bullet{position:relative;width:26px!important;height:44px!important;margin:0!important;border-radius:0!important;background:none!important;opacity:1!important;transition:width .3s ease} .dkb-carousel .swiper-pagination-bullet::before{content:"";position:absolute;left:7px;right:7px;top:50%;height:12px;margin-top:-6px;border-radius:999px;border:2px solid var(--e-global-color-primary);box-sizing:border-box;transition:background-color .2s ease} .dkb-carousel .swiper-pagination-bullet:hover::before,.dkb-carousel .swiper-pagination-bullet-active::before{background:rgba(50,66,144,.26)} .dkb-carousel .swiper-pagination-bullet-active{width:58px!important} .dkb-carousel .swiper-pagination-bullet-active::after{content:"";position:absolute;left:7px;top:50%;height:12px;margin-top:-6px;border-radius:999px;background:var(--e-global-color-primary);width:calc(100% - 14px)} .dkb-slider.is-auto .swiper-pagination-bullet-active::after{animation:dkb-sl-progress 7s linear forwards} .dkb-slider.is-hold .swiper-pagination-bullet-active::after{animation-play-state:paused} @keyframes dkb-sl-progress{from{width:12px}to{width:calc(100% - 14px)}} /* Σειρά ελέγχων κάτω αριστερά (τη χτίζει το dkb-site.js από τα native βέλη/τελείες + μετρητή + παύση). Χωρίς JS τα βέλη/τελείες μένουν στις θέσεις του Elementor και το slider λειτουργεί. */ .dkb-sl-ui{position:absolute;left:max(24px,calc((100% - 1368px)/2 + 24px));bottom:30px;z-index:5;display:flex;align-items:center;gap:12px} .dkb-sl-ui .elementor-swiper-button{position:static!important;transform:none!important;margin:0!important;width:44px;height:44px;display:grid;place-items:center} .dkb-sl-ui .swiper-pagination{position:static!important;transform:none!important;width:auto!important;display:flex;align-items:center;gap:2px} .dkb-sl-count{margin-left:6px;font:600 15px/1 var(--e-global-typography-text-font-family),sans-serif;color:var(--e-global-color-primary);font-variant-numeric:tabular-nums} .dkb-sl-count b{font-size:20px} /* .dkb-slider μπροστά: τα στυλ κουμπιών του Kit στοχεύουν ΚΑΘΕ