/* ===================================================== PTTL — Main Stylesheet Premium minimal dark, gray-toned, speed-optimized. Loaded async; critical CSS is inlined in . ===================================================== */ /* ---------- Tokens ---------- */ :root{ --bg: #0a0b0d; --bg-elev: #15171b; --bg-elev-2: #1d1f24; --border: #262931; --border-soft: #1e2026; --text: #e8eaed; --text-muted: #9aa0a8; --text-faint: #6b7079; --accent: #c4cdd9; --accent-hot: #7aa2c9; --radius-sm: 8px; --radius: 14px; --radius-lg: 22px; --shadow-1: 0 1px 0 rgba(255,255,255,.03) inset; --shadow-2: 0 12px 28px rgba(0,0,0,.28); --shadow-3: 0 24px 60px rgba(0,0,0,.32); --container-max: 1280px; --gap: 16px; --ease: cubic-bezier(.2,.6,.2,1); } /* ---------- Reset additions ---------- */ button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:0} input,select,textarea{font:inherit;color:inherit} ul,ol{padding-left:1.2em} hr{border:0;border-top:1px solid var(--border-soft);margin:24px 0} :focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px} /* ---------- Typography ---------- */ body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;letter-spacing:-.005em} h1,h2,h3,h4,h5,h6{margin:0 0 .6em;color:#fff;font-weight:800;letter-spacing:-.02em;line-height:1.2} h1{font-size:clamp(28px,3.4vw,44px)} h2{font-size:clamp(22px,2.4vw,30px)} h3{font-size:clamp(18px,1.6vw,22px)} h4{font-size:18px} p{margin:0 0 1em} a{color:var(--text);transition:color .15s var(--ease)} /* NUCLEAR text-decoration / underline kill — εκτός από body content (.entry) */ a,a:link,a:visited,a:hover,a:focus,a:active,a:focus-visible, .pttl-theme a,.pttl-theme a:hover,.pttl-theme a:focus,.pttl-theme a:active, [class*="pttl-"] a,[class*="pttl-"] a:hover,[class*="pttl-"] a:focus,[class*="pttl-"] a:active{ text-decoration:none !important; text-decoration-line:none !important; text-decoration-color:transparent !important; text-decoration-thickness:0 !important; text-underline-offset:0 !important; border-bottom:0 !important; box-shadow:none !important; outline:none !important; } a:hover,a:focus,a:active{color:#fff} .entry a{color:var(--accent-hot)} .entry a:hover{color:#a4c1de} /* Card-link outlines/lines completely off (κρύβουμε την γραμμούλα στο hover/click) */ .pttl-h-card a,.pttl-h-card a:focus,.pttl-h-card a:focus-visible, .pttl-overlay-card a,.pttl-overlay-card a:focus,.pttl-overlay-card a:focus-visible, .pttl-sw-card a,.pttl-sw-card a:focus,.pttl-sw-card a:focus-visible, .pttl-eds-card a,.pttl-eds-card a:focus,.pttl-eds-card a:focus-visible, .pttl-home-feature a,.pttl-home-feature a:focus,.pttl-home-feature a:focus-visible, .pttl-news-strip__link,.pttl-news-strip__link:focus, .pttl-cat-col a,.pttl-cat-col a:focus, .pttl-card a,.pttl-card a:focus, .pttl-overlay-card__link,.pttl-overlay-card__link:focus, .pttl-sw-card__media,.pttl-sw-card__media:focus, .pttl-h-card__media,.pttl-h-card__media:focus, .pttl-eds-card__media,.pttl-eds-card__media:focus, .pttl-home-feature__media,.pttl-home-feature__media:focus{ outline:none !important; box-shadow:none !important; border-bottom:0 !important; text-decoration:none !important; } strong{color:#fff} small{font-size:13px;color:var(--text-muted)} ::selection{background:rgba(122,162,201,.35);color:#fff} /* ---------- Layout ---------- */ .pttl-container{max-width:var(--container-max);margin:0 auto;padding:0 16px} @media (min-width:1024px){.pttl-container{padding:0 24px}} /* Mobile + desktop: grid layout (sidebar δίπλα). Sidebar widgets πάντα ορατά. */ .pttl-layout{display:grid;grid-template-columns:1fr;gap:32px;padding:32px 0 0} @media (min-width:1024px){.pttl-layout{grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:40px 0 0}} .pttl-main{min-width:0} .pttl-aside{min-width:0} /* Δεν είναι sticky — σκρολάρει φυσικά με τη σελίδα ώστε ο user να βλέπει σταδιακά όλα τα widgets (incl. τα τελευταία) */ @media (min-width:1024px){.pttl-aside{align-self:start}} /* ---------- Header ---------- */ /* DEFAULT: ολόκληρο header sticky στο top (όλες οι "κανονικές" οθόνες — desktops, tablets, big laptops). */ .pttl-header{position:sticky;top:0;z-index:1000;background:rgba(10,11,13,.96);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)} /* PIN MODE — ΜΟΝΟ σε mobile (≤1199px) ή σε ΠΟΛΥ ΧΑΜΗΛΟ ύψος laptop (≤760px). Σε desktop με WP admin bar / Windows scaling, viewport συχνά πέφτει στις 800-900 — ΟΧΙ pin. */ @media (max-width:1199px), (max-height:760px){ .pttl-header{position:relative;background:#0a0b0d;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0} body.pttl-main-pinned .pttl-header__main{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,11,13,.96);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border);box-shadow:0 4px 14px rgba(0,0,0,.3);animation:pttlMainSlide .25s ease-out} body.pttl-main-pinned{padding-top:80px} } @keyframes pttlMainSlide{from{transform:translateY(-100%);opacity:.6}to{transform:translateY(0);opacity:1}} /* WordPress admin bar offset — μην κρύβει το πάνω μέρος του pinned main bar */ body.admin-bar.pttl-main-pinned .pttl-header__main{top:32px} @media (max-width:782px){ body.admin-bar.pttl-main-pinned .pttl-header__main{top:46px} } /* 1. Utility bar (top, thin) — δεν είναι sticky */ .pttl-header__utility{background:#08090b;border-bottom:1px solid var(--border-soft);font-size:12px;color:var(--text-muted)} .pttl-header__utility-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px} .pttl-header__utility-left{display:inline-flex;align-items:center;gap:14px;min-width:0} .pttl-header__utility-right{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto} .pttl-header__email{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;font-weight:600;line-height:1;background:transparent;border:0;padding:6px 0;text-decoration:none;white-space:nowrap} .pttl-header__email:hover{color:#fff} .pttl-header__email svg{flex:0 0 14px;opacity:.85} .pttl-header__utility-right a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text-muted);transition:background .15s ease,color .15s ease} .pttl-header__utility-right a:hover{background:var(--bg-elev);color:#fff} /* Language toggle flag — μόνο σημαία opposite γλώσσας. Hover background ευθυγραμμισμένο με τα social icons (ίδιο height & border-radius). */ .pttl-header__utility-right a.pttl-header__lang, .pttl-header__lang{width:auto !important;height:28px;padding:0 6px !important;margin:0;border-radius:8px;line-height:0;color:inherit;background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease} .pttl-header__lang:hover{background:var(--bg-elev)} .pttl-header__lang svg{display:block;width:22px;height:14px;border-radius:2px} @media (max-width:639px){ .pttl-header__email span{display:none} .pttl-header__email{padding:6px} .pttl-header__utility-right a{width:26px;height:26px} } /* Header search input (right of menu) + live results dropdown */ .pttl-headersearch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:0 4px 0 14px;width:220px;height:38px;transition:border-color .15s ease,background .15s ease} .pttl-headersearch:focus-within{border-color:var(--accent-hot);background:var(--bg-elev-2)} .pttl-headersearch__input{flex:1;background:transparent;border:0;color:#fff;height:36px;font-size:13px;outline:0;min-width:0;padding:0} .pttl-headersearch__input::placeholder{color:var(--text-faint)} .pttl-headersearch__submit{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;border:0;transition:background .15s ease,color .15s ease} .pttl-headersearch__submit:hover{background:var(--bg-elev-2);color:#fff} .pttl-headersearch__results{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:380px;max-width:480px;background:#0f1013;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 48px rgba(0,0,0,.5);padding:8px;max-height:70vh;overflow:auto;z-index:300} .pttl-headersearch__results[hidden]{display:none} .pttl-livesearch__loading,.pttl-livesearch__empty{padding:14px;color:var(--text-muted);font-size:14px;text-align:center} .pttl-livesearch__list{list-style:none;margin:0;padding:0;display:grid;gap:2px} .pttl-livesearch__list a{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:8px;border-radius:10px;background:transparent;color:var(--text);transition:background .12s ease} .pttl-livesearch__list a:hover{background:var(--bg-elev);color:#fff} .pttl-livesearch__thumb{display:block;width:64px;height:48px;border-radius:8px;overflow:hidden;background:var(--bg-elev-2)} .pttl-livesearch__thumb img{width:100%;height:100%;object-fit:cover} .pttl-livesearch__thumb--empty{background:linear-gradient(135deg,var(--bg-elev),var(--bg-elev-2))} .pttl-livesearch__copy{display:flex;flex-direction:column;gap:2px;min-width:0} .pttl-livesearch__cat{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)} .pttl-livesearch__title{font-size:13px;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .pttl-livesearch__date{font-size:11px;color:var(--text-faint)} .pttl-livesearch__seeall{display:block;text-align:center;margin-top:6px;padding:10px;color:var(--accent-hot);font-size:13px;font-weight:700;border-radius:10px;background:var(--bg-elev)} .pttl-livesearch__seeall:hover{background:var(--bg-elev-2);color:#fff} @media (max-width:1199px){.pttl-headersearch{width:180px}} @media (max-width:1023px){ /* Παλιό mobile rule αφαιρέθηκε — το drawer search χρησιμοποιεί δικό του specific rule πιο κάτω */ .pttl-headersearch__results{left:0;right:0;min-width:0} } /* 2. Main bar — background ορίζεται στο sticky context (μέσα στα media queries πάνω) */ .pttl-header__main-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:8px 0} .pttl-header__brand{display:inline-flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0} .pttl-header__logo{display:inline-flex;align-items:center;flex:0 0 auto} .pttl-header__logo a{display:inline-flex;align-items:center} .pttl-header__logo img{max-height:52px;width:auto;display:block} @media (min-width:1024px){.pttl-header__logo img{max-height:64px}} .pttl-header__search-toggle{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;line-height:1;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease} .pttl-header__search-toggle:hover,.pttl-header__search-toggle[aria-expanded="true"]{background:var(--bg-elev-2);border-color:var(--accent-hot);color:#fff} .pttl-header__search-toggle svg{flex:0 0 16px} @media (max-width:639px){ .pttl-header__search-toggle{padding:0;width:38px;height:38px;justify-content:center} .pttl-header__search-toggle span{display:none} } .pttl-header__nav{display:flex;align-items:center;flex:1 1 auto;justify-content:flex-end;min-width:0} .pttl-menu{display:flex;list-style:none;margin:0;padding:0;gap:0;align-items:center;flex-wrap:nowrap} .pttl-menu>li{position:relative} .pttl-menu>li>a{display:inline-flex;align-items:center;height:48px;padding:0 12px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;line-height:1} .pttl-menu>li>a:hover,.pttl-menu>li.current-menu-item>a,.pttl-menu>li.current-menu-parent>a,.pttl-menu>li.current-menu-ancestor>a{color:#fff} .pttl-menu>li.current-menu-item>a::after,.pttl-menu>li.current-menu-parent>a::after,.pttl-menu>li.current-menu-ancestor>a::after{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:2px;background:var(--accent-hot);border-radius:2px} .pttl-menu>li.menu-item-has-children>a::before{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.6} .pttl-menu>li.menu-item-has-children>a{padding-right:18px} /* Submenu (dropdown) — δεν έχει transform offset, είναι flush με το parent menu για να κρατά συνεχόμενο hover */ .pttl-menu .sub-menu{position:absolute;top:100%;left:0;min-width:240px;margin:0;padding:8px;list-style:none;background:#0f1013;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s var(--ease),visibility .15s;z-index:200} .pttl-menu>li:hover>.sub-menu,.pttl-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto} /* Bridge: pseudo-element που κρατάει συνεχόμενο το hover area ανάμεσα στο link και το dropdown */ .pttl-menu>li.menu-item-has-children::before{content:"";position:absolute;top:100%;left:-8px;right:-8px;height:12px;z-index:201} .pttl-menu .sub-menu li{position:relative} .pttl-menu .sub-menu a{display:flex;align-items:center;width:100%;min-height:38px;padding:6px 12px;border-radius:8px;color:var(--text);font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.35;white-space:normal} .pttl-menu .sub-menu a:hover,.pttl-menu .sub-menu .current-menu-item>a{background:var(--bg-elev);color:#fff} /* Right-align dropdown for last menu items so they don't overflow */ .pttl-menu>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:0} /* Nested sub-sub-menu */ .pttl-menu .sub-menu .sub-menu{top:-9px;left:calc(100% + 6px);transform:translateX(-6px)} .pttl-menu .sub-menu>li:hover>.sub-menu{transform:translateX(0)} .pttl-menu>li:nth-last-child(-n+2) .sub-menu .sub-menu{left:auto;right:calc(100% + 6px)} .pttl-header__actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto} .pttl-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--text-muted);transition:background .15s var(--ease),color .15s var(--ease)} .pttl-iconbtn:hover{background:var(--bg-elev);color:#fff} .pttl-iconbtn svg{width:18px;height:18px} /* 3. Highlights bar (Quick Links) — Desktop: όλα κεντραρισμένα. Mobile: label σταθερό αριστερά + chips horizontal scroll. */ .pttl-header__highlights{border-top:1px solid var(--border-soft);background:#0d0e10} .pttl-header__highlights-inner{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:6px 0;min-width:0;flex-wrap:nowrap} .pttl-header__highlights-label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap} .pttl-header__highlights-label svg{flex:0 0 12px;color:var(--accent-hot)} .pttl-highlights-menu{display:flex;list-style:none;margin:0;padding:0;gap:6px;flex-wrap:nowrap;min-width:0} .pttl-highlights-menu li{flex:0 0 auto} .pttl-highlights-menu a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);color:var(--text);font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease} .pttl-highlights-menu a:hover{background:var(--bg-elev-2);border-color:var(--accent-hot);color:#fff} /* Mobile (≤767px): label σταθερό αριστερά, chips κυλούν horizontal δίπλα */ @media (max-width:767px){ .pttl-header__highlights-inner{justify-content:flex-start;gap:10px} .pttl-highlights-menu{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch} .pttl-highlights-menu::-webkit-scrollbar{display:none} } /* Great Photographers page: keep the expanded photographer nav below the PTTL sticky header. */ .ph-page .ph-nav, .ph-page .ph-nav.ph-fixed{ top:var(--ph-sticky-top,0px) !important; } .ph-page .ph-nav.ph-fixed{ max-height:calc(100vh - var(--ph-sticky-top,0px)) !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; } /* Tablet adjustments */ @media (max-width:1199px){ .pttl-menu>li>a{padding:0 9px;font-size:12px} .pttl-header__top{gap:16px} } /* Mobile header */ .pttl-header__menu-toggle{display:none} .pttl-header__menu-toggle svg{pointer-events:none} .pttl-header__nav-search-wrap, .pttl-header__nav-event-wrap, .pttl-header__nav-utility-wrap{display:none} /* Desktop: κρύβουμε τα mobile chevrons (προστίθενται από JS αλλά δεν χρειάζονται εδώ — υπάρχει ήδη το ::before indicator) */ .pttl-submenu-toggle{display:none} @media (max-width:1023px){ /* στο mobile: κρύβουμε το πάνω utility bar και το desktop search — μετακομίζουν μέσα στο drawer */ .pttl-header__utility{display:none} .pttl-headersearch--desktop{display:none} .pttl-header__nav{display:none} .pttl-header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;color:var(--text)} .pttl-header__menu-toggle:hover{background:var(--bg-elev)} /* Drawer container — fixed κάτω από το main bar, full width, με δικό του scroll. FIXED αντί absolute για iOS Safari (αποφεύγει το address-bar shrink scroll-leak). 100dvh για να ακολουθεί το πραγματικό visible viewport (iOS 16+). align-items:stretch ώστε search/event/menu/utility να γεμίζουν full width. */ .pttl-header.is-open .pttl-header__nav{display:flex;position:fixed;top:80px;left:0;right:0;flex-direction:column;align-items:stretch !important;justify-content:flex-start !important;background:var(--bg-elev);border-top:1px solid var(--border);padding:0;height:calc(100vh - 80px);height:calc(100dvh - 80px);max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;z-index:999;box-shadow:0 14px 28px rgba(0,0,0,.4)} /* === DRAWER SECTIONS (visual order: search → menu → event → utility) === */ /* 1. Search wrap — FULL WIDTH edge-to-edge (ίδιο πλάτος με menu) */ .pttl-header.is-open .pttl-header__nav-search-wrap{display:block;padding:0 !important;margin:0 !important;background:transparent;border-bottom:1px solid var(--border-soft);width:100%} .pttl-header__nav-search-wrap .pttl-headersearch, .pttl-header__nav-search-wrap .pttl-headersearch.pttl-headersearch--drawer{width:100% !important;max-width:none !important;margin:0 !important;display:flex !important;align-items:center;background:var(--bg-elev);border:0 !important;border-radius:0 !important;padding:0 18px !important;height:54px;box-sizing:border-box} .pttl-header__nav-search-wrap .pttl-headersearch:focus-within{background:var(--bg-elev-2)} .pttl-header__nav-search-wrap .pttl-headersearch__input{flex:1 1 auto !important;background:transparent !important;border:0;color:#fff;height:54px;font-size:15px;outline:0;min-width:0;padding:0;width:auto} .pttl-header__nav-search-wrap .pttl-headersearch__submit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;border:0} .pttl-header__nav-search-wrap .pttl-headersearch__submit:hover{color:var(--accent-hot)} /* 2. Menu items — bigger touch targets + larger font */ .pttl-header.is-open .pttl-menu{flex-direction:column;width:100%;align-items:stretch;padding:6px 0} .pttl-header.is-open .pttl-menu>li{width:100%;border-bottom:1px solid var(--border-soft)} .pttl-header.is-open .pttl-menu>li:last-child{border-bottom:0} .pttl-header.is-open .pttl-menu>li>a{height:auto;min-height:56px;width:100%;justify-content:flex-start;padding:16px 18px;white-space:normal;position:relative;font-size:15px;letter-spacing:.04em} .pttl-header.is-open .pttl-menu>li.current-menu-item>a::after, .pttl-header.is-open .pttl-menu>li.current-menu-parent>a::after{display:none} /* sub-menu items */ .pttl-header.is-open .pttl-menu .sub-menu{position:static;background:rgba(255,255,255,.02);border:0;box-shadow:none;padding:4px 0;min-width:0;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;width:100%} .pttl-header.is-open .pttl-menu .sub-menu a{padding:10px 18px 10px 36px;font-size:13px;color:var(--text-muted)} .pttl-header.is-open .pttl-menu>li.menu-item-has-children>a::before{display:none} /* sub-menu chevron — ΑΚΡΙΒΩΣ ΔΙΠΛΑ στο "Περισσότερα". Default ➤, open γυρίζει 90° → ▼ (μένει ίδια θέση). */ .pttl-header.is-open .pttl-menu>li.menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center} .pttl-header.is-open .pttl-menu>li.menu-item-has-children>a{flex:0 0 auto;width:auto !important;padding-right:6px !important} .pttl-submenu-toggle{position:static;flex:0 0 auto;height:36px;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;border-radius:8px;margin:0} .pttl-submenu-toggle:hover{color:#fff;background:rgba(255,255,255,.06)} .pttl-submenu-toggle svg{width:14px;height:14px;transition:transform .2s ease;display:block} .pttl-submenu-toggle[aria-expanded="true"] svg{transform:rotate(90deg)} /* sub-menu σε νέα γραμμή, full width */ .pttl-header.is-open .pttl-menu>li.menu-item-has-children>.sub-menu{flex:0 0 100%;width:100%} /* όταν ο user έχει ανοίξει το sub-menu, εμφάνισέ το */ .pttl-header.is-open .pttl-menu>li.menu-item-has-children.pttl-submenu-open>.sub-menu{display:block} /* (αφαιρέθηκε το padding-right:60px — το chevron είναι πλέον δίπλα στο text, όχι absolute) */ /* 3. Event wrap — 3 lines centered, full width Γραμμή 1: ΕΠΟΜΕΝΗ ΕΚΔΗΛΩΣΗ (Σε X ημέρες) Γραμμή 2: Γραμμή 3: Λεπτομέρειες εδώ → */ .pttl-header.is-open .pttl-header__nav-event-wrap{display:block;border-bottom:1px solid var(--border-soft);background:linear-gradient(90deg,rgba(120,80,200,.14) 0%,rgba(200,80,150,.10) 100%);width:100%} .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim{display:block;padding:0;background:transparent;border-bottom:0;width:100%} .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim .pttl-container{padding:0;max-width:none;width:100%} .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__inner{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:6px;row-gap:8px;padding:14px 18px 14px;text-align:center;width:100%} /* Mobile drawer: hide icon/separator/date — εμφανίζεται μόνο label + badge + title */ .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__icon, .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__sep, .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__when{display:none} /* Γραμμή 1: label + badge (σε παρένθεση) inline */ .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__label{grid-row:1;grid-column:1;font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase} .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__badge{grid-row:1;grid-column:2;background:transparent;color:var(--accent);padding:0;height:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:0;line-height:1} .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__badge::before{content:"("} .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__badge::after{content:")"} /* Γραμμή 2: title centered, full width */ .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__title{grid-row:2;grid-column:1 / 3;font-size:15px;font-weight:700;color:#fff;line-height:1.35;white-space:normal;display:block;overflow:visible;text-align:center} /* Γραμμή 3: CTA centered, full width */ .pttl-header.is-open .pttl-header__nav-event-wrap .pttl-nextevent-slim__cta{grid-row:3;grid-column:1 / 3;justify-self:center;font-size:13px;font-weight:700;color:var(--accent-hot);text-align:center} /* 4. Utility — full width του menu, ΧΩΡΙΣ box wrapper. Γραμμή 1: email αριστερά + flag δεξιά Γραμμή 2: social icons grid (5 cols default, 3 cols σε στενά mobile, no individual boxes) */ .pttl-header.is-open .pttl-header__nav-utility-wrap{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-top:1px solid var(--border-soft)} /* Γραμμή 1: email + flag, full width with internal padding (καμία διαχωριστική γραμμή) */ .pttl-header__nav-utility-row1{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 18px} .pttl-header__nav-utility-row1 .pttl-header__email{display:inline-flex;align-items:center;gap:8px;padding:0;background:transparent !important;border:0 !important;color:var(--text-muted);font-size:14px;font-weight:600;line-height:1;text-decoration:none;flex:1 1 auto;min-width:0} .pttl-header__nav-utility-row1 .pttl-header__email:hover{color:#fff} .pttl-header__nav-utility-row1 .pttl-header__email svg{flex:0 0 16px;width:16px;height:16px;color:var(--accent-hot);opacity:1} .pttl-header__nav-utility-row1 .pttl-header__email span{display:inline;font-size:14px;font-weight:600;color:inherit;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pttl-header__nav-utility-row1 .pttl-header__lang{flex:0 0 auto;width:auto !important;height:auto !important;padding:0 !important;background:transparent !important;border:0 !important;display:inline-flex;align-items:center;line-height:0} .pttl-header__nav-utility-row1 .pttl-header__lang svg{width:30px;height:18px;border-radius:3px} /* Γραμμή 2: social icons full width — auto-fit grid: 5 σε γραμμή όταν χωράνε, σπάει σε 2 γραμμές αν δεν χωράνε. Καμία γραμμή/border. */ .pttl-header__nav-utility-wrap .pttl-header__nav-utility-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:0;width:100%;padding:0} .pttl-header__nav-utility-wrap .pttl-header__nav-utility-icons a{display:flex;align-items:center;justify-content:center;height:78px;border-radius:0;color:var(--text-muted);background:transparent;border:0;transition:background .2s ease,color .2s ease} .pttl-header__nav-utility-wrap .pttl-header__nav-utility-icons a:hover{color:#fff;background:rgba(255,255,255,.04)} .pttl-header__nav-utility-wrap .pttl-header__nav-utility-icons a svg{width:30px;height:30px} } /* ---------- Cards ---------- */ .pttl-card{display:block;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),border-color .25s var(--ease)} .pttl-card:hover{} .pttl-card__media{position:relative;aspect-ratio:16/9;background:var(--bg-elev-2);overflow:hidden} .pttl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)} .pttl-card:hover .pttl-card__media img{transform:scale(1.03)} .pttl-card__body{padding:16px} .pttl-card__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)} .pttl-card__eyebrow span{color:var(--text-faint)} .pttl-card__title{margin:0 0 6px;font-size:18px;line-height:1.3;color:#fff} .pttl-card__title a{color:inherit} .pttl-card__title a:hover{color:#fff} .pttl-card__excerpt{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55} /* ---------- Grid ---------- */ .pttl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px} .pttl-grid--2{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))} /* ---------- Single article ---------- */ .pttl-article{background:transparent} .pttl-article__header{margin-bottom:24px} .pttl-article__cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} .pttl-article__cats a{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em} .pttl-article__cats a:hover{color:#fff;background:var(--bg-elev-2)} .pttl-article__title{font-size:clamp(28px,3.6vw,44px);line-height:1.1;color:#fff;margin:0 0 16px} .pttl-article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--text-muted);font-size:14px} .pttl-article__meta a{color:var(--text-muted)} .pttl-article__meta a:hover{color:#fff} .pttl-article__meta-sep{color:var(--text-faint)} .pttl-article__featured{margin:0 0 28px;border-radius:var(--radius);overflow:hidden;background:var(--bg-elev-2)} .pttl-article__featured img{width:100%;height:auto;display:block;object-fit:contain} .pttl-article .entry{font-size:18px;line-height:1.75;color:#dde0e5} .pttl-article .entry > *{margin-bottom:1.05em} .pttl-article .entry h2{margin-top:1.6em;font-size:clamp(22px,2.2vw,28px)} .pttl-article .entry h3{margin-top:1.4em;font-size:clamp(19px,1.6vw,22px)} .pttl-article .entry img,.pttl-article .entry figure img{border-radius:var(--radius-sm)} .pttl-article .entry > .wp-block-image.size-full:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull),.pttl-article .entry > .wp-block-image.size-full > figure.aligncenter,.pttl-article .entry > figure.wp-block-image.size-full.aligncenter{width:min(100%,860px);max-width:100%;margin:1.8em auto;text-align:center;float:none;clear:both} .pttl-article .entry > .wp-block-image.size-full:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull) img,.pttl-article .entry > .wp-block-image.size-full > figure.aligncenter img,.pttl-article .entry > figure.wp-block-image.size-full.aligncenter img{width:100%;height:auto;display:block;margin:0 auto;object-fit:contain} .pttl-article .entry > .wp-block-image.size-full figcaption,.pttl-article .entry > figure.wp-block-image.size-full figcaption{display:block;width:100%;text-align:left} .pttl-article .entry .wp-block-embed-wordpress{width:100%;max-width:100%;margin:1.8em auto;clear:both} .pttl-article .entry .wp-block-embed-wordpress .wp-block-embed__wrapper{width:100%;max-width:100%} .pttl-article .entry .wp-block-embed-wordpress blockquote.wp-embedded-content{width:100%;max-width:100%;margin:0 auto 1em!important} .pttl-article .entry .wp-block-embed-wordpress iframe,.pttl-article .entry iframe.wp-embedded-content{display:block;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border:0} .pttl-article .entry blockquote{margin:1.4em 0;padding:18px 22px;border-left:3px solid var(--accent-hot);background:var(--bg-elev);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#fff;font-style:italic} .pttl-article .entry pre,.pttl-article .entry code{font-family:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono","Liberation Mono",Menlo,Consolas,monospace;background:var(--bg-elev-2);border-radius:6px} .pttl-article .entry code{padding:2px 6px;font-size:.92em} .pttl-article .entry pre{padding:18px;overflow:auto;font-size:14px;line-height:1.55} /* ---------- Sidebar widgets ---------- */ .pttl-aside .widget{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px;overflow:hidden} .pttl-aside .widget-title{margin:0 0 12px;font-size:13px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em} .pttl-aside .widget ul{list-style:none;padding:0;margin:0} .pttl-aside .widget li{padding:8px 0;border-top:1px solid var(--border-soft)} .pttl-aside .widget li:first-child{border-top:0} .pttl-aside .widget a{color:var(--text);font-size:14px} .pttl-aside .widget a:hover{color:#fff} /* Custom HTML banner widgets — image είναι ολόκληρη η κάρτα (no extra padding/border γύρω) */ .pttl-aside .widget_custom_html, .pttl-aside .widget_text{padding:0;background:transparent;border:0;border-radius:16px;overflow:hidden;margin-bottom:18px} .pttl-aside .widget_custom_html .widget-title, .pttl-aside .widget_text .widget-title{padding:0 0 10px;margin:0 0 10px} .pttl-aside .widget_custom_html .textwidget, .pttl-aside .widget_text .textwidget{padding:0;line-height:0} .pttl-aside .widget_custom_html img, .pttl-aside .widget_text img{display:block;width:100%;height:auto;border-radius:16px} .pttl-aside .widget_custom_html a, .pttl-aside .widget_text a{display:block;line-height:0} /* Sidebar alignment — ευθυγραμμίζει το πρώτο widget με τον τίτλο του section δίπλα (section-head margin-top:36px). */ @media (min-width:1024px){ .home .pttl-layout > .pttl-aside > :first-child{margin-top:36px} .home .pttl-layout--bottom > .pttl-aside > :first-child{margin-top:36px} } /* ---------- Footer ---------- */ .pttl-footer{margin-top:64px;background:#08090b;border-top:1px solid var(--border)} .pttl-footer__top{padding:48px 0 32px;display:grid;grid-template-columns:1fr;gap:32px} @media (min-width:768px){.pttl-footer__top{grid-template-columns:1.4fr repeat(3,1fr);gap:40px}} .pttl-footer__brand{max-width:380px} .pttl-footer__brand img{max-height:44px;width:auto;margin-bottom:14px} .pttl-footer__brand p{color:var(--text-muted);font-size:14px;line-height:1.7;margin:0} .pttl-footer__col h4{margin:0 0 14px;font-size:13px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em} .pttl-footer__col ul{list-style:none;padding:0;margin:0} .pttl-footer__col li{margin-bottom:8px} .pttl-footer__col a{color:var(--text);font-size:14px} .pttl-footer__col a:hover{color:#fff} .pttl-footer__bottom{padding:18px 0 28px;border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--text-faint);font-size:13px} .pttl-footer__social{display:inline-flex;gap:6px} .pttl-footer__social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border)} .pttl-footer__social a:hover{color:#fff;background:var(--bg-elev-2)} .pttl-footer__social svg{width:16px;height:16px} /* ---------- Pagination ---------- */ .pttl-pager{display:flex;justify-content:center;gap:8px;padding:24px 0} .pttl-pager a,.pttl-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:14px;font-weight:700} .pttl-pager a:hover{background:var(--bg-elev-2);color:#fff} .pttl-pager .current{background:var(--accent-hot);border-color:var(--accent-hot);color:#fff} /* ---------- Search form ---------- */ .pttl-search{display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:6px 8px 6px 14px} .pttl-search input[type="search"]{flex:1;background:transparent;border:0;color:#fff;height:34px;font-size:14px;outline:0;min-width:0} .pttl-search input[type="search"]::placeholder{color:var(--text-faint)} .pttl-search button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--bg-elev-2);color:var(--text)} .pttl-search button:hover{color:#fff;background:var(--accent-hot)} .pttl-search svg{width:14px;height:14px} /* ---------- Buttons ---------- */ /* WCAG 2.5.5 — min 44×44 touch target */ .pttl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)} .pttl-btn:hover{background:var(--bg-elev-2);transform:translateY(-1px)} .pttl-btn--primary{background:var(--accent-hot);border-color:var(--accent-hot);color:#0a0b0d} .pttl-btn--primary:hover{background:#a4c1de;color:#0a0b0d} /* WCAG 2.5.5 — ad banner links must be ≥44×44 tap target */ .pttl-adslot a,.pttl-banner a{display:inline-block;min-height:44px;min-width:44px;line-height:0} /* ---------- Page wrapper offsets ---------- */ .pttl-page{padding:32px 0} .pttl-page__title{margin-bottom:24px} /* ---------- Utilities ---------- */ .pttl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .pttl-cv-auto{content-visibility:auto;contain-intrinsic-size:auto 600px} /* ---------- Reduced motion ---------- */ @media (prefers-reduced-motion:reduce){ *{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;scroll-behavior:auto !important} }