/* module-interviews.css — Συνεντεύξεις (Interviews) module
   Scope: .int-grid, .int-card and children, .int-more-btn,
          archive extensions (.interviews-section .int-*),
          last-interviews list (.sli-*).
   Sources: 04-layout-interviews-sidebar-base.css, 21-archive.css,
            15-extracted-radio-modules.css */

/* =========================================================
   INTERVIEWS GRID  (homepage + archive)
========================================================= */

.int-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-bottom:12px;
}

.int-card{
    background:white;
    border-radius:var(--r);
    overflow:hidden;
    cursor:pointer;
    border:1px solid var(--bd);
    transition:.2s;
    display:flex;
    flex-direction:column;
}
.int-card:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.1); }

.int-img{
    background:#e8e4de;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
    aspect-ratio:16/10;
    width:100%;
}
.int-img img{ width:100%; height:100%; object-fit:cover; }

.int-img-ph{
    width:100%; height:100%;
    background:linear-gradient(135deg,#e0ddd8,#d5d0c8);
    display:flex; align-items:center; justify-content:center;
}
.int-img-ph svg{ opacity:.15; width:40px; height:40px; }

.int-body{ padding:14px 16px; flex:1; }

.int-cat{
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--acc);
    margin-bottom:6px;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.int-cat .int-cat-name,
.int-cat .int-cat-date{ display:inline; }

.int-title{
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:700;
    color:var(--sc-dark);
    line-height:1.4;
    margin-bottom:6px;
}

.int-excerpt{
    font-size:13px;
    color:#555;
    line-height:1.6;
    margin-bottom:8px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.int-meta{
    font-size:11px;
    color:#aaa;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.int-meta span+span::before{ content:'·'; margin-right:8px; }

/* Archive: person name / position */
.int-person{ margin-top:9px; padding-top:0; display:block; }

.int-person-name{
    display:block;
    font-size:13px;
    line-height:1.25;
    font-weight:700;
    color:#2b2b2b;
    letter-spacing:0;
    margin:0 0 3px;
}
.int-person-position{
    display:block;
    font-size:12px;
    line-height:1.35;
    font-weight:500;
    color:#7a746b;
    letter-spacing:0;
    margin:0;
}
.int-card:hover .int-person-name,
.int-card:hover .int-person-position{ color:inherit; }

.int-title{ margin-bottom:0; }

.int-more-btn{
    display:inline-block;
    text-align:center;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.5px;
    color:var(--sc-dark);
    border:2px solid var(--sc-dark);
    padding:12px 24px;
    border-radius:4px;
    margin:16px 0 28px;
    transition:.15s;
}
.int-more-btn:hover{ background:var(--sc-dark); color:white; }

@media(max-width:900px){ .int-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } }
@media(max-width:480px){ .int-grid{ grid-template-columns:1fr; gap:12px; } }
@media(max-width:640px){
    .int-person-name{ font-size:12px; }
    .int-person-position{ font-size:11px; }
}

/* =========================================================
   LAST INTERVIEWS LIST  (.sli-*)
   Used by the "Τελευταίες Συνεντεύξεις" sidebar/homepage list.
========================================================= */

.sli-grid-wrap{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}
@media(min-width:680px){ .sli-grid-wrap{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px){ .sli-grid-wrap{ grid-template-columns:repeat(4,1fr); } }

.sli-card{
    background:white;
    border:1px solid #e5e0d8;
    border-radius:8px;
    overflow:hidden;
    display:block;
    text-decoration:none;
    transition:.18s;
}
.sli-card:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.1); }

.sli-img{ width:100%; aspect-ratio:16/9; background:#e8e4de; overflow:hidden; position:relative; }
.sli-img img{ width:100%; height:100%; object-fit:cover; }
.sli-img-ph{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e8e4de,#d5d0c8); }
.sli-img-ph svg{ opacity:.15; width:32px; height:32px; }

.sli-body{ padding:10px 12px; }
.sli-cat{ font-size:9px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--acc,var(--sc-orange)); margin-bottom:4px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sli-cat span:last-child{ color:#9f9a92; letter-spacing:.04em; }
.sli-title{ font-family:'Playfair Display',serif; font-size:14px; font-weight:700; color:#1a1a18; line-height:1.35; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sli-person{ margin-top:10px; }
.sli-person-name{ font-size:13px; color:#2b2b2b; font-weight:700; line-height:1.25; margin:0 0 3px; }
.sli-person-position{ font-size:12px; color:#7a746b; font-weight:500; line-height:1.35; margin:0; }
.sli-meta{ font-size:11px; color:#aaa; font-weight:600; margin-top:6px; }

/* List variant */
.sli-list-item{ display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #f0ede8; }
.sli-list-item:last-child{ border-bottom:none; }
.sli-list-img{ width:72px; height:72px; border-radius:6px; object-fit:cover; flex-shrink:0; background:#e8e4de; }
.sli-list-img-ph{ width:72px; height:72px; border-radius:6px; flex-shrink:0; background:linear-gradient(135deg,#e8e4de,#d5d0c8); display:flex; align-items:center; justify-content:center; }
.sli-list-body{ flex:1; min-width:0; }
.sli-list-cat{ font-size:10px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--acc,var(--sc-orange)); margin-bottom:4px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sli-list-cat span:last-child{ color:#9f9a92; letter-spacing:.04em; }
.sli-list-title{ font-family:'Playfair Display',serif; font-size:16px; font-weight:700; color:#1a1a18; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sli-list-title:hover{ color:var(--acc,var(--sc-orange)); }
.sli-list-meta{ font-size:12px; color:#aaa; font-weight:600; margin-top:5px; }