.elementor-4807 .elementor-element.elementor-element-991a123{--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-4807 .elementor-element.elementor-element-ba83769{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4807 .elementor-element.elementor-element-991a123{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-991a123 *//* ===== JFY BLOG ARCHIVE (FULL CSS με responsive pagination) ===== */
.jfy-blog-scope{
  --jfy-gap:16px;
  --jfy-accent:#0b1f4a;
  --jfy-accent2:#102964;
  --jfy-muted:#6b7280;
}

.jfy-post-actions{
  margin-top:auto;
  display:flex;
  gap:8px;                 /* κενό ανάμεσα στα κουμπιά */
  align-items:center;
  flex-wrap:wrap;
}

.jfy-flag-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:28px;
  border-radius:8px;
  border:1px solid rgba(16,41,100,.18);
  background:linear-gradient(180deg,#ffffff,#f9fafb);
  cursor:pointer;
  text-decoration:none;
  transition: background .2s, border-color .2s, transform .12s ease, box-shadow .12s ease;
}
.jfy-flag-btn:hover{
  background:#f3f6ff;
  border-color: rgba(16,41,100,.28);
  transform: translateY(-1px);
  box-shadow:0 6px 14px rgba(11,31,74,.10);
}
.jfy-flag-btn svg{ display:block }


/* Container & header */
.jfy-blog-container{ max-width:1100px; margin:0 auto; padding:px }
.jfy-blog-header{ margin-bottom:14px }
.jfy-blog-title{ margin:0 0 6px; font-size:26px; color:var(--jfy-accent) }
.jfy-blog-desc{ margin:0; color:var(--jfy-muted) }

/* Toolbar (μόνο φίλτρα εδώ) */
.jfy-blog-toolbar{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:10px 0 14px }

/* Filters */
.jfy-filters{ display:none; flex-wrap:wrap; gap:10px; align-items:center }
.jfy-filter-btn{
  border:1px solid rgba(16,41,100,.18);
  background:#fff;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
  color:var(--jfy-accent);
  transition:background .2s, border-color .2s, box-shadow .2s, color .2s;
}
.jfy-filter-btn:hover{ background:#f3f6ff; border-color: rgba(16,41,100,.28) }
.jfy-filter-btn.active{
  background:linear-gradient(180deg,var(--jfy-accent),var(--jfy-accent2));
  color:#fff;
  border-color:transparent;
  box-shadow:0 6px 14px rgba(11,31,74,.25);
}

/* Posts grid */
.jfy-posts-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:var(--jfy-gap) }

/* Horizontal cards */
.jfy-post-card{
  grid-column: span 12;
  display:flex;
  align-items:stretch;
  gap:14px;
  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;
}
.jfy-post-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.07) }

.jfy-post-thumb-wrap{
  flex:0 0 150px;
  align-self:center;
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(180deg,var(--jfy-accent),var(--jfy-accent2));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.jfy-post-thumb{ width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; display:block }

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

.jfy-post-meta {
  font-size: 12px;
  color: var(--jfy-muted);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.jfy-chips{ display:flex; flex-wrap:wrap; gap:6px }
.jfy-chip{
  font-size:12px;
  background:#2A3C65 !important;
  color:white !important;
  padding:3px 7px;
  border-radius:999px !important;
  text-decoration:none;
}
.jfy-post-excerpt{ font-size:14px; color:#1f2937; line-height:1.55 }
.jfy-post-actions{ margin-top:auto }

/* Buttons (shared) */
.jfy-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(--jfy-accent);
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  transition:background .2s, border-color .2s;
}
.jfy-btn:disabled{ opacity:.5; cursor:not-allowed }
.jfy-btn:hover{ background:#f3f6ff; border-color: rgba(16,41,100,.28) }

/* === Pagination: desktop ευθεία === */
.jfy-pagination{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
  gap:12px;
  margin-top:28px;
  padding-top:6px;
}
.jfy-pagination > *{
  flex:0 0 auto;
  display:inline-flex;
  width:auto;
  max-width:none;
  white-space:nowrap;
  margin:0;
}
.jfy-pagination .jfy-btn{
  line-height:1;
  padding:8px 12px;
  width:auto;
  min-width:unset;
}
.jfy-pagination .jfy-page-info{
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  font-weight:600;
  color:var(--jfy-accent);
}

/* === Pagination: mobile στήλη === */
@media (max-width:640px){
  .jfy-pagination{
    flex-direction:column;
    gap:10px;
    align-items:center;
    margin-top:22px;
    padding:10px 8px 14px;
  }
  .jfy-pagination .jfy-btn{
    width:100%;
    max-width:300px;
    justify-content:center;
    padding:10px 14px;
    border-radius:12px;
    font-size:14px;
  }
  .jfy-pagination .jfy-page-info{
    order:-1; /* το κείμενο στη μέση */
    font-size:14px;
    margin:6px 0;
  }
}

/* Empty/Error */
.jfy-empty, .jfy-error{
  text-align:center;
  color:var(--jfy-muted);
  padding:40px 0;
}

/* Skeletons */
.jfy-skel{
  background:linear-gradient(90deg,#f3f4f6 25%, #e5e7eb 37%, #f3f4f6 63%);
  background-size:400% 100%;
  animation:jfy-shimmer 1.2s ease-in-out infinite;
  border-radius:10px;
}
@keyframes jfy-shimmer{ 0%{background-position:100% 0} 100%{background-position:0 0} }
.jfy-skel-card{ height:140px; padding:12px }
.jfy-skel-thumb{ width:150px; height:116px }
.jfy-skel-line{ height:12px; margin:8px 0; width:60% }
.jfy-skel-line.sm{ width:40% }

/* ===== Mobile βελτιώσεις για κάρτες ===== */
@media (max-width: 640px){
  /* Κάρτα κάθετη, εικόνα πάνω */
  .jfy-post-card{
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
    gap: 10px;
  }
  .jfy-post-thumb-wrap{
    flex:0 0 auto;
    width:100%;
    margin: -12px -12px 8px;
    border-radius:14px 14px 0 0;
    box-shadow:none;
    background:none;
  }
  .jfy-post-thumb{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
    border-radius:14px 14px 0 0;
  }

  .jfy-post-title{ font-size:18px; line-height:1.3 }
  .jfy-post-excerpt{ font-size:15px }
  .jfy-chips{ gap:8px }
  .jfy-chip{ padding:4px 8px }
  .jfy-post-actions .jfy-btn{ padding:10px 14px; border-radius:12px }
}

/* Extra padding για κινητά με gestures */
@supports (padding: max(0px)){
  .jfy-pagination{ padding-bottom: max(14px, env(safe-area-inset-bottom)); }
}

/* ===== Mobile filters: οριζόντια scroll pills ===== */
@media (max-width: 640px){
  /* Το wrapper των φίλτρων γίνεται οριζόντια μπάρα με scroll */
  .jfy-filters{
    display:none;
    flex-wrap:nowrap;                 /* μία σειρά */
    overflow-x:auto;                  /* οριζόντιο scroll */
    -webkit-overflow-scrolling:touch; /* smooth σε iOS */
    gap:10px;
    padding:8px 4px;
    margin: 4px -8px 12px;            /* απλώνεται λίγο ως τα άκρα */
    scroll-snap-type:x mandatory;
  }
  /* κάθε κουμπί είναι “pill” με snap & σωστό μέγεθος για δάχτυλο */
  .jfy-filter-btn{
    flex:0 0 auto;                    /* να μην τεντώνει */
    scroll-snap-align:start;
    padding:10px 14px;                /* μεγαλύτερο tap area */
    border-radius:20px;
    font-size:14px;
    white-space:nowrap;               /* μην σπάει η λέξη */
  }
  /* μικρό fade στα άκρα (προαιρετικό αισθητικό) */
  .jfy-filters::before,
  .jfy-filters::after{
    content:"";
    position:sticky;
    top:0;
    width:10px;
    height:100%;
    pointer-events:none;
  }

    @media (max-width: 640px){
      .jfy-blog-header {
        margin-bottom: 10px; /* λίγο μικρότερο */
      }
      .jfy-blog-title {
        font-size: 20px;     /* μικρότερη γραμματοσειρά */
        margin: 0 0 4px;
      }
      .jfy-blog-desc {
        font-size: 14px;     /* προαιρετικά, κι αυτό πιο μικρό */
      }
    }

}/* End custom CSS */
/* Start custom CSS */#content .page-content {
     background: none !important; 
     border: none !important; 
     border-radius: none !important; 
     box-shadow: none !important; 
     padding: 0px 0px;
     margin-top: -23px;
}

#content .page-content a {
    color: #0b1f4a;
    text-decoration: none !important;
    text-underline-offset: 2px;
}/* End custom CSS */