.elementor-4555 .elementor-element.elementor-element-e330b03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4555 .elementor-element.elementor-element-e330b03:not(.elementor-motion-effects-element-type-background), .elementor-4555 .elementor-element.elementor-element-e330b03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F4A;}.elementor-4555 .elementor-element.elementor-element-76a9d58{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4555 .elementor-element.elementor-element-e330b03{--min-height:0px;}.elementor-4555 .elementor-element.elementor-element-2695d86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}}/* Start custom CSS for html, class: .elementor-element-868209c */:root{
  --bg:#0b1f4a; --bg2:#102964; --fg:#fff; --muted:#93c5fd; --hover:rgba(255,255,255,.12);
  --active:#bfdbfe; --radius:10px; --w:300px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Sans",sans-serif; background:#f3f4f6; color:#111827; }

/* === ΜΟΝΟ sibebar_menu === */
.sibebar_menu{
  position:fixed; inset:0 auto 0 0; width:var(--w);
  background:linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--fg); padding:18px;
  display:flex; flex-direction:column; gap:16px;
  border-right:1px solid rgba(255,255,255,.08);
  overflow:auto; -webkit-overflow-scrolling:touch;
  z-index:1000; transform:translateX(0); transition:transform .25s ease;
}
.brand{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 6px; }
.brand h1{ margin:0; font-size:18px; letter-spacing:.3px; }
.menu-toggle{ display:none; border:0; background:var(--hover); color:var(--fg); padding:8px 10px; border-radius:8px; cursor:pointer; }

nav{ display:flex; flex-direction:column; gap:14px; }
.group{ background:transparent; border-radius:var(--radius); overflow:hidden; }
.group summary{
  list-style:none; cursor:pointer; padding:10px 12px; border-radius:var(--radius);
  color:var(--muted); text-transform:uppercase; font-size:12px; letter-spacing:.8px;
  user-select:none; outline:none;
}
.group[open] summary{ background:var(--hover); color:var(--active); }
.group ul{ margin:6px 0 10px; padding:0; list-style:none; }
.group li{ margin:2px 0; }

.link{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px;
  padding:9px 12px; text-decoration:none; color:var(--fg);
  border-radius:8px; transition:background .15s ease, transform .05s ease; outline:none;
}
.link:hover{ background:var(--hover); }
.link:focus-visible{ box-shadow:0 0 0 2px #fff, 0 0 0 4px #60a5fa; }
.link.active{ background:rgba(191,219,254,.18); color:var(--active); font-weight:600; }

.link .main{ font-size:14px; line-height:1.25; }
.link .sub{ font-size:12px; line-height:1.2; color:var(--muted); opacity:.95; }

.badge{ margin-left:auto; background:rgba(255,255,255,.15); padding:2px 8px; font-size:11px; border-radius:999px; }

@media (max-width: 900px){
  .sibebar_menu{ transform:translateX(-100%); }
  .sibebar_menu.open{ transform:translateX(0); box-shadow: 0 10px 30px rgba(0,0,0,.3); }
  .topbar{
    position: sticky; top: 0; display:flex; align-items:center; justify-content:space-between; gap:10px;
    background:#0b1f4a; color:#fff; padding:10px 12px; z-index:1100;
  }
  .menu-toggle{ display:inline-flex; }
}

/* Περιεχόμενο σελίδας */
.page{ min-height:100dvh; padding-left:var(--w); }
@media (max-width: 900px){ .page{ padding-left:0; } }

.submenu { display: none; margin-left: 15px; padding-left: 0; list-style: none; }
.submenu li { margin: 2px 0; }
.submenu.open { display: block; }
.brand { display: flex; align-items: center; justify-content: space-between; }
.brand-left { display: flex; align-items: center; gap: 20px; }

.brand img.logo {
  width: 60px;
  height: auto;
  border-radius: 6px;
}

.brand-text h1 { margin: 0; font-size: 17px; }
.brand-text .sub { font-size: 12px; color: var(--muted); opacity: 0.9; }

.socials { margin-top: auto; display: flex; justify-content: left; gap: 16px; padding-top: 20px; padding-bottom: 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.socials a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(255, 255, 255, 0.12); border-radius: 50%; color: var(--fg); transition: background 0.2s, color 0.2s; }
.socials a:hover { background: rgba(255, 255, 255, 0.2); color: var(--active); }
.socials svg { width: 24px; height: 24px; }

.sibebar_menu-footer { text-align: center; font-size: 12px; color: var(--muted); padding: 12px 8px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.sibebar_menu-footer .privacy { display: block; margin-top: 6px; color: var(--active); text-decoration: none; transition: color 0.2s; }
.sibebar_menu-footer .privacy:hover { color: #fff; }
.sibebar_menu-footer .designer { margin-top: 6px; font-size: 11px; opacity: 0.8; }

/* Scrollbars */
html{ scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.25) transparent; }
html::-webkit-scrollbar{ width:10px; height:10px; }
html::-webkit-scrollbar-track{ background:transparent; }
html::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.25); border-radius:999px; border:2px solid transparent; background-clip:content-box; }
html::-webkit-scrollbar-thumb:hover{ background:rgba(0,0,0,.35); background-clip:content-box; }
body{ scrollbar-gutter: stable; }

.sibebar_menu{ scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.08); }
.sibebar_menu::-webkit-scrollbar{ width:10px; }
.sibebar_menu::-webkit-scrollbar-track{ background:linear-gradient(180deg, var(--bg), var(--bg2)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); border-radius:999px; }
.sibebar_menu::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.35); border-radius:999px; border:3px solid transparent; background-clip:content-box; transition: background .2s, border-color .2s; }
.sibebar_menu::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.5); }
.sibebar_menu::-webkit-scrollbar-thumb:active{ background:var(--active); }
.sibebar_menu::-webkit-scrollbar-corner{ background:transparent; }

/* ===== ΚΑΡΤΕΣ ΟΡΙΖΟΝΤΙΕΣ (ίδιο layout με blog) ===== */
.container{ max-width:1100px; margin:0 auto; padding:24px; }

.posts-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:16px; }
.post-card{
  grid-column: span 12;
  display:flex; flex-direction:column; gap:10px;
  background:#fff;
  border:1px solid rgba(16,41,100,.10);
  border-radius:14px; box-shadow: 0 8px 18px rgba(0,0,0,.05);
  padding:12px; transition: transform .12s ease, box-shadow .12s ease;
}
.post-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.07); }

/* αφαιρέθηκαν .post-thumb-wrap, .post-thumb, .thumb-fallback */

.post-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.post-title{ margin:0; font-size:18px; line-height:1.25; }
.post-title a{ color:#0b1f4a; text-decoration:none; }
.post-title a:hover{ text-decoration:underline; }

.post-meta{ font-size:12px; color:#6b7280; display:flex; gap:10px; flex-wrap:wrap; }
.chips{ display:flex; flex-wrap:wrap; gap:6px; }
.chip{ font-size:11px; background:#eef2ff; color:#3730a3; padding:3px 7px; border-radius:999px; }

.post-excerpt{ font-size:14px; color:#1f2937; line-height:1.55; }
.post-actions{ margin-top:auto; }
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:8px 12px; border-radius:10px; border:1px solid rgba(16,41,100,.18);
  background:linear-gradient(180deg,#ffffff,#f9fafb);
  color:var(--bg); text-decoration:none; font-weight:700; font-size:13px;
}
.btn:hover{ background:#f3f6ff; border-color: rgba(16,41,100,.28); }

.pagination{ display:flex; gap:10px; justify-content:center; margin-top:28px; padding-top:6px; }
.empty{ text-align:center; color:#6b7280; padding:40px 0; }

@media (max-width: 640px){
  .post-card{ gap:12px; padding:10px; }
  .post-title{ font-size:16px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e330b03 *//* ==== JFY NAV (TOPBAR + SIDEBAR) ==== */
:root{
  --jfy-bg:#0b1f4a;
  --jfy-bg2:#102964;
  --jfy-fg:#fff;
  --jfy-muted:#93c5fd;
  --jfy-hover:rgba(255,255,255,.12);
  --jfy-active:#bfdbfe;
  --jfy-radius:10px;
}
.jfy-scope{ /* container for CSS var width */
  --jfy-w: 294px !important; /* αλλαγή πλάτους από data-width με JS, αλλιώς default */
}

/* Reset */
.jfy-scope *{ box-sizing:border-box }

/* SIDEBAR */
.jfy-sidebar{
  margin-top: 0px !important;
  position:fixed;
  inset:0 auto 0 0;
  width:var(--jfy-w);
  background:linear-gradient(180deg,var(--jfy-bg),var(--jfy-bg2));
  color:var(--jfy-fg);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:16px;
  border-right:1px solid rgba(255,255,255,.08);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  z-index:1000;
  /* ΚΛΕΙΣΤΟ εξ ορισμού, ανοίγει με .open σε ΟΛΑ τα πλάτη */
  transform:translateX(-100%);
  transition:transform .25s ease, box-shadow .25s ease;
}
.jfy-sidebar.open{
  transform:translateX(0);
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
}

/* BRAND */
.jfy-brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 6px;
}
.jfy-logo{
  width:60px;
  height:auto;
  border-radius:6px !important;
}
.jfy-brand-left{
  display:flex;
  align-items:center;
  gap:20px;
}
.jfy-brand-text h1{
  margin:0;
  font-size:18px;
  letter-spacing:.3px;
}
.jfy-brand-text .sub{
  font-size:12px;
  color:var(--jfy-muted);
  opacity:.9;
}

/* MENU */
.jfy-menu-toggle{
  border:0;
  background:var(--jfy-hover);
  color:var(--jfy-fg);
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
}
.jfy-group{
  background:transparent;
  border-radius:var(--jfy-radius);
  overflow:hidden;
}
.jfy-group summary{
  list-style:none;
  cursor:default;
  padding:10px 12px;
  border-radius:var(--jfy-radius);
  color:var(--jfy-muted);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.8px;
  user-select:none;
  outline:none;
}
.jfy-group[open] summary{
  background:var(--jfy-hover);
  color:var(--jfy-active);
}
.jfy-group ul{
  margin:6px 0 10px;
  padding:0;
  list-style:none;
}
.jfy-group li{ margin:2px 0 }

.jfy-link{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  padding:9px 12px;
  text-decoration:none;
  color:var(--jfy-fg);
  border-radius:8px;
  transition:background .15s ease, transform .05s ease;
  outline:none;
}
.jfy-link:hover {
  background: var(--jfy-hover);
  color: #fff;
}
.jfy-link:focus-visible{
  box-shadow:0 0 0 2px #fff, 0 0 0 4px #60a5fa;
}
.jfy-link.active{
  background:rgba(191,219,254,.18);
  color:var(--jfy-active);
  font-weight:600;
}
.jfy-link .
main{ font-size:14px; line-height:1.25 }
.jfy-link .sub{ font-size:12px; line-height:1.2; color:var(--jfy-muted); opacity:.95 }

/* Submenu */
.jfy-submenu{ display:none; margin-left:0px; padding-left:0; list-style:none }
.jfy-submenu li{ margin:2px 0 }
.jfy-submenu.open{ display:block }

/* Socials + footer */
.jfy-socials{
  margin-top:auto;
  display:flex;
  justify-content:left;
  gap:16px;
  padding-top:20px;
  padding-bottom:10px;
  border-top:1px solid rgba(255,255,255,0.1);
}
.jfy-socials a{
  display:flex; align-items:center; justify-content:center;
  width:60px; height:60px;
  background:rgba(255,255,255,.12);
  border-radius:50%;
  color:var(--jfy-fg);
  transition:background .2s,color .2s;
}
.jfy-socials a:hover{ background:rgba(255,255,255,.2); color:var(--jfy-active) }
.jfy-socials svg{ width:40px; height:40px }

.jfy-sidebar-footer{
  text-align:center;
  font-size:12px;
  color:var(--jfy-muted);
  padding:12px 8px 20px;
  border-top:1px solid rgba(255,255,255,.08);
}
.jfy-sidebar-footer .privacy{
  display:block; margin-top:6px; color:var(--jfy-active); text-decoration:none;
}
.jfy-sidebar-footer .privacy:hover{ color:#fff }
.jfy-sidebar-footer .designer{ margin-top:6px; font-size:11px; opacity:.8 }

/* Scrollbars (μόνο στο sidebar) */
.jfy-sidebar{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.08);
}
.jfy-sidebar::-webkit-scrollbar{ width:10px }
.jfy-sidebar::-webkit-scrollbar-track{
  background:linear-gradient(180deg,var(--jfy-bg),var(--jfy-bg2));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  border-radius:999px;
}
.jfy-sidebar::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.35);
  border-radius:999px;
  border:3px solid transparent;
  background-clip:content-box;
  transition: background .2s, border-color .2s;
}
.jfy-sidebar::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.5) }
.jfy-sidebar::-webkit-scrollbar-thumb:active{ background:var(--jfy-active) }

/* TOPBAR: να φαίνεται και σε desktop */
.jfy-topbar{
  position: fixed;
  top: 0;
  left: 0;
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--jfy-bg);
  color:#fff;
  padding:10px 12px;
  z-index:900; /* πιο πάνω από το sidebar */
  width: var(--jfy-w);
  box-sizing: border-box;
}

/* Στο desktop, αν θες πιο μικρό πλάτος */
@media (min-width: 901px){
  .jfy-topbar{
    width: auto;      /* μόνο όσο χρειάζεται */
    border-radius: 0 8px 8px 0;
  }
}

.jfy-mobile-title {
  display: inline;
}

@media (min-width: 901px) {
  .jfy-mobile-title {
    display: none; /* κρύβεται στο desktop */
  }
}

.jfy-menu-toggle{ 
    font-size: 20px !important; 
  }

/* Responsive */
@media (max-width: 900px){
  /* στο mobile η εμφάνιση/απόκρυψη γίνεται επίσης με .open */
  .jfy-topbar{
    position: sticky;
    top: 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:var(--jfy-bg);
    color:#fff;
    padding:10px 12px;
    z-index:1000;
  }
  .jfy-menu-toggle{ 
    display:inline; 
    font-size: 20px !important; 
  }
}

.jfy-menu-toggle:hover {
  background: var(--jfy-hover);
  color: var(--jfy-active);
}

/* push περιεχόμενο δεξιά όταν sidebar ανοικτό (προστίθεται/αφαιρείται από JS μόνο σε desktop) */
body.has-jfy-sidebar{ padding-left: var(--jfy-w) }

@media (min-width: 901px){
  /* Δεν χρειάζεται εδώ άλλο transform — ο έλεγχος γίνεται από .open καθολικά */
}

.jfy-submenu .jfy-link .main {
  font-size: 12px;
  text-transform: none; /* καταργεί τα κεφαλαία */
  font-weight: 400;
  opacity: 0.95;
}

.jfy-home-link {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.jfy-home-link:hover .jfy-brand-text h1 {
  color: var(--jfy-active);
}

.jfy-cta-wrap { margin: 4px 0 10px; }

.jfy-cta{
  margin: 6px 12px ;
  padding: 12px;
  background: var(--jfy-hover);
  border-radius: var(--jfy-radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.jfy-cta .q{
  font-size: 11px;
  color: white;
  letter-spacing: .2px;
}

.jfy-cta .actions{ display: flex; gap: 8px; }

.jfy-butn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 2px 14px !important;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  outline: none;
  border: 1px solid rgba(255,255,255,.25);
  color: var(--jfy-fg);
  background: transparent;
  transition: transform .04s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.jfy-btn:hover{ background: rgba(255,255,255,.16); }
.jfy-btn:active{ transform: translateY(1px); }
.jfy-btn:focus-visible{ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #60a5fa; }

.jfy-btn-yes{
  background: #0C214F !important;
  color: #ffffff;
}

.jfy-btn-no{
  background: #0C214F !important;      
  color: #ffffff;
}

.jfy-btn-yes:hover{ filter: brightness(1.08); }
.jfy-btn-yes:focus-visible{ box-shadow: 0 0 0 2px #06240f, 0 0 0 4px #22c55e; }

.jfy-btn-no:hover{ filter: brightness(1.08); }
.jfy-btn-no:focus-visible{ box-shadow: 0 0 0 2px #06240f, 0 0 0 4px #22c55e; }/* End custom CSS */