/* ---------- Single Post polish (safe, prefixed) ---------- */
:root{
    --brand: var(--primary, #0d6efd);
    --ink: #121c27;
    --muted: #6a7380;
    --card: #ffffff;
    --line: rgba(18,28,39,.08);
    --radius: 16px;
    --shadow: 0 6px 24px rgba(18,28,39,.08);
}

/* Wrapper spacing */
.post-single, .single-post .site-main, .single-post .content-area{
    /* in case different wrappers */
    background: #fff;
}

/* Grid gap across the page */
.post-single .container-lg .row,
.single-post .container .row{
    row-gap: 48px;
}

/* Title */
.post-title, .single-post h1.entry-title{
    font-size: clamp(45px, 3.6vw, 44px);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 18px 0 14px;
    color: var(--ink);
}

/* Meta row (date, author, cats) */
.post-meta, .single-post .entry-meta{
    display: flex; flex-wrap: wrap; gap: 10px 16px;
    align-items: center;
    color: var(--muted);
    font-size: 14px;
}
.post-meta .chip, .single-post .cat-links a, .single-post .tags-links a{
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    text-decoration: none;
    color: var(--ink);
    transition: .2s ease;
}
.post-meta .chip:hover,
.single-post .cat-links a:hover,
.single-post .tags-links a:hover{ border-color: var(--brand); color: var(--brand); }

/* Hero image */
.post-hero img, .single-post .post-thumbnail img, .entry-content > p > img{
    width: 100%; height: auto;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    display:block;
}
.post-hero{ margin-bottom: 26px; }

/* Body copy */
.entry-content, .post-content{
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--ink);
    max-width: 70ch;
}
.entry-content h2, .entry-content h3, .post-content h2, .post-content h3{
    margin: 32px 0 12px;
    letter-spacing: -.01em;
}
.entry-content p{ margin: 0 0 16px; }

/* Blockquote */
.entry-content blockquote, .post-content blockquote{
    margin: 26px 0; padding: 18px 22px;
    border-left: 4px solid var(--brand);
    background: rgba(13,110,253,.06);
    border-radius: 8px;
    color: #0d2540;
}

/* Sidebar */
.post-sidebar .widget, .single-post .widget{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 18px 18px;
    box-shadow: var(--shadow);
}
.post-sidebar .widget + .widget{ margin-top: 18px; }
.post-sidebar{ position: sticky; top: 110px; }

/* Lists inside widgets */
.post-sidebar .widget ul{ list-style: none; margin: 0; padding: 0; }
.post-sidebar .widget ul li{ padding: 10px 0; border-bottom: 1px dashed var(--line); }
.post-sidebar .widget ul li:last-child{ border-bottom: 0; }
.post-sidebar .widget a{ color: var(--ink); text-decoration: none; }
.post-sidebar .widget a:hover{ color: var(--brand); }

/* Prev/Next nav */
.post-nav, .navigation.post-navigation{
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
    margin: 28px 0 8px;
}
.post-nav a, .navigation.post-navigation a{
    display: grid; place-items: center; text-align: center;
    padding: 12px 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--ink);
    text-decoration: none;
    transition: .2s ease;
    background: #fff;
}
.post-nav a:hover, .navigation.post-navigation a:hover{
    border-color: var(--brand); color: var(--brand); box-shadow: var(--shadow);
}

/* Related posts (cards) */
.related-posts{
    margin-top: 48px;
}
.related-posts .grid{
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
.related-posts .card{
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--card);
    transition: transform .2s ease, box-shadow .2s ease;
}
.related-posts .card:hover{ transform: translateY(-3px); box-shadow: var(--shadow); }
.related-posts .card img{ width:100%; height: 180px; object-fit: cover; display:block; }
.related-posts .card .body{ padding: 14px 14px 18px; }
.related-posts .card h5{ margin: 8px 0 0; font-size: 16px; line-height: 1.35; }

/* Comments */
#comments, .comments-area{
    margin-top: 36px;
    border-top: 1px solid var(--line);
    padding-top: 22px;
}
.comment-respond{
    border: 1px solid var(--line); border-radius: var(--radius);
    padding: 18px; background: #fff; box-shadow: var(--shadow);
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea{
    width: 100%; border:1px solid var(--line); border-radius:10px;
    padding: 10px 12px; outline: none; transition: .2s;
}
.comment-respond textarea{ min-height: 140px; }
.comment-respond input:focus, .comment-respond textarea:focus{
    border-color: var(--brand); box-shadow: 0 0 0 3px rgba(13,110,253,.12);
}
.comment-respond input[type="submit"], .form-submit input[type="submit"]{
    margin-top: 10px;
    background: var(--brand); color:#fff; border:0; border-radius: 999px;
    padding: 10px 18px; cursor:pointer; transition:.2s;
}
.comment-respond input[type="submit"]:hover{ filter: brightness(.95); }

/* Breadcrumb soft overlay (προαιρετικό) */
.breadcrumb-area{
    position: relative; isolation:isolate;
}
.breadcrumb-area::after{
    content:""; position:absolute; inset:0;
    z-index:0;
}
.breadcrumb-area .breadcrumb__wrp{ position: relative; z-index: 1; }

/* Small screens */
@media (max-width: 991px){
    .post-nav, .navigation.post-navigation{ grid-template-columns: 1fr; }
    .related-posts .grid{ grid-template-columns: 1fr; }
    .post-sidebar{ position: static; }
}

.about-eleven__year {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
}

.about-eleven__year .count {
    font-size: clamp(48px, 7vw, 82px);
    font-weight: 800;
    line-height: 1;
}

.text-color-blue { color: #282962; } /* ή το brand blue σας */

.about-eleven__year span {
    font-size: clamp(14px, 2vw, 18px);
    opacity: .85;
}