/* stigma-homepage.css */

/* ── RESET Astra conflicts — nuclear option ── */
body.stigma-page { overflow-x:hidden; }

/* Μηδενισμός ΟΛΩΝ των Astra containers */
body.stigma-page #page,
body.stigma-page #content,
body.stigma-page #main,
body.stigma-page .site-main,
body.stigma-page .ast-container,
body.stigma-page .content-area,
body.stigma-page #primary,
body.stigma-page .entry-content,
body.stigma-page .post-content,
body.stigma-page article,
body.stigma-page .ast-article-post,
body.stigma-page .hentry,
body.stigma-page .ast-singular-post-thumbnail-wrap {
  padding:0 !important;
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
  float:none !important;
  display:block !important;
}

/* Κρύψε sidebar */
body.stigma-page #secondary { display:none !important; }

/* Featured image που βάζει ο Astra αυτόματα — κρύψε */
body.stigma-page .ast-singular-post-thumbnail-wrap { display:none !important; }

/* Το δικό μας wrap */
body.stigma-page .stigma-page-wrap {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden;
}

/* Hero full-bleed */
body.stigma-page .hero-wrap,
body.stigma-page .hero {
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
}

body.stigma-page .hero-bg {
  top:0 !important; left:0 !important;
  right:0 !important; bottom:0 !important;
}

:root{--acc:#f07c00;--dk:#111110;--dk2:#1a1917;--lt:#f5f3ef;--bd:#e5e0d8;--r:8px;}
*{box-sizing:border-box;margin:0;padding:0;}
body.stigma-page{font-family:'Montserrat',sans-serif;background:var(--lt);color:#1a1a18;line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:76px;}
a{text-decoration:none;color:inherit;}
.dot{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:pu 1.5s infinite;display:inline-block;flex-shrink:0;}
@keyframes pu{0%,100%{opacity:1}50%{opacity:.3}}

/* ── HERO — Grid layout όπως protothema ── */
.hero-wrap{background:#0a0a09;width:100%;}

/* Mobile: stack */
.hero{display:flex;flex-direction:column;min-height:420px;position:relative;}

/* Desktop: grid 56% photo | 44% panel — χωρίς position:absolute */
@media(min-width:768px){
  .hero{
    display:grid;
    grid-template-columns:56fr 44fr;
    grid-template-rows:1fr;
    min-height:520px;
    position:relative;
  }
}
@media(min-width:1100px){.hero{min-height:580px;grid-template-columns:58fr 42fr;}}

/* Φωτογραφία — αριστερό κελί, γεμίζει τελείως */
.hero-bg{
  position:relative;
  background:#1a1815;
  overflow:hidden;
  grid-column:1;
  grid-row:1;
}
@media(max-width:767px){
  .hero-bg{position:absolute;inset:0;z-index:0;}
}
.hero-bg img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  opacity:.55;
}
@media(min-width:768px){
  .hero-bg img{opacity:1;}
}
.hero-bg-svg{opacity:.06;width:240px;height:240px;}

/* Gradient overlay — μόνο mobile */
.hero-ov{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,5,4,.95) 0%,rgba(5,5,4,.5) 45%,transparent 75%);
  z-index:1;
}
@media(min-width:768px){.hero-ov{display:none;}}

/* Mobile content */
.hero-mob{
  position:absolute;bottom:0;left:0;right:0;
  padding:22px 16px 18px;z-index:2;
}
@media(min-width:768px){.hero-mob{display:none;}}

.hero-cat{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:10px;}
.hero-h1-m{font-family:'Playfair Display',serif;font-size:28px;font-weight:800;color:white;line-height:1.25;margin-bottom:10px;}
@media(min-width:480px){.hero-h1-m{font-size:32px;}}
.hero-meta-m{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;}
.hero-meta-m span{font-size:12px;color:rgba(255,255,255,.65);font-weight:600;background:rgba(255,255,255,.1);padding:3px 9px;border-radius:2px;}
.hero-btns{display:flex;gap:8px;flex-wrap:wrap;}
.hbtn{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;padding:9px 16px;border-radius:4px;border:none;cursor:pointer;}
.hbtn.read{background:var(--acc);color:white;}
.hero-desk,.hero-mob{transition:opacity .22s ease;}

/* Desktop panel — δεξί κελί, grid child */
.hero-desk{display:none;}
@media(min-width:768px){
  .hero-desk{
    display:flex;
    flex-direction:column;
    justify-content:center;
    grid-column:2;
    grid-row:1;
    background:#f5f3ef;
    padding:32px 36px;
    overflow-y:auto;
    /* ΟΧΙ position:absolute — είναι grid cell */
  }
  .hero-h1-d{font-family:'Playfair Display',serif;font-size:28px;font-weight:800;color:#111;line-height:1.25;margin-bottom:10px;}
  .hero-ex{font-size:14px;color:#555;line-height:1.65;margin-bottom:12px;}
  .hero-meta-d{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
  .hero-meta-d span{font-size:12px;color:#666;font-weight:600;}
  .hero-meta-d span+span::before{content:'·';margin-right:8px;color:#ccc;}
  .hero-related{margin-top:16px;padding-top:14px;border-top:1px solid var(--bd);}
  .hero-rel-lbl{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:8px;}
  .hero-rel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
  .hr-item{display:block;}
  .hr-name{font-size:11px;font-weight:800;color:#333;margin-bottom:2px;}
  .hr-title{font-size:11px;color:#555;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .hr-item:hover .hr-title{color:var(--acc);}
  .hr-date{font-size:10px;color:#bbb;font-weight:600;margin-top:2px;}
}
@media(min-width:1100px){
  .hero-h1-d{font-size:34px;}
  .hero-desk{padding:36px 40px;}
}
@media(min-width:1400px){.hero-h1-d{font-size:38px;}}

/* Strip */
.strip{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.05);max-width:1440px;margin:0 auto;}
.strip::-webkit-scrollbar{display:none;}
.sth{min-width:170px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-right:1px solid rgba(255,255,255,.04);cursor:pointer;transition:.15s;text-decoration:none;background:none;border-top:none;border-left:none;border-bottom:none;color:inherit;font-family:inherit;text-align:left;}
@media(min-width:900px){.sth{flex:1;min-width:0;}}
.sth:hover{background:rgba(255,255,255,.04);}
.sth.act{border-top:3px solid var(--acc);}
.sth-ph{width:50px;height:62px;border-radius:2px;background:#252220;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sth-ph img{width:100%;height:100%;object-fit:cover;}
.sth-ph svg{opacity:.18;width:22px;height:22px;}
.sth-tit{font-size:12px;font-weight:700;color:rgba(255,255,255,.72);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sth-dt{font-size:10px;color:rgba(255,255,255,.3);font-weight:600;margin-top:3px;}

/* ── ON AIR ── */
.onair-wrap{background:var(--dk2);border-bottom:1px solid rgba(255,255,255,.06);}
.onair{max-width:1440px;margin:0 auto;padding:16px 14px;display:flex;flex-direction:column;gap:16px;}
@media(min-width:768px){.onair{padding:0 16px;flex-direction:row;align-items:stretch;gap:0;}}
.album{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06);}
@media(min-width:768px){.album{width:240px;flex-shrink:0;flex-direction:column;align-items:center;gap:12px;padding:22px;background:rgba(0,0,0,.22);border-bottom:none;border-right:1px solid rgba(255,255,255,.05);}}
.album-np-lbl{display:none;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--acc);}
@media(min-width:768px){.album-np-lbl{display:flex;}}
.album-cover{width:78px;height:78px;border-radius:6px;background:#252220;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px rgba(0,0,0,.5);}
@media(min-width:768px){.album-cover{width:195px;height:195px;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.7);}}
.album-cover svg{opacity:.1;width:28px;height:28px;}
@media(min-width:768px){.album-cover svg{width:65px;height:65px;}}
.album-cover::after{content:'';position:absolute;inset:-4px;border-radius:10px;border:2px solid rgba(240,124,0,.28);animation:cvpu 2s infinite;}
@keyframes cvpu{0%,100%{opacity:1;border-color:rgba(240,124,0,.28)}50%{opacity:.3;border-color:rgba(240,124,0,.07)}}
.album-info{flex:1;min-width:0;}
@media(min-width:768px){.album-info{text-align:center;}}
.album-np-m{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);margin-bottom:3px;display:flex;align-items:center;gap:4px;}
@media(min-width:768px){.album-np-m{display:none;}}
.album-title{font-size:18px;font-weight:800;color:white;line-height:1.2;}
.album-artist{font-size:14px;color:rgba(255,255,255,.45);font-weight:600;margin-top:2px;}
.album-links{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
@media(min-width:768px){.album-links{justify-content:center;}}
.al{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:5px 10px;border-radius:3px;color:white;}
.al.yt{background:#ff0000;}.al.sc{background:#ff5500;}

.dj-area{display:flex;flex-direction:column;gap:14px;}
@media(min-width:768px){.dj-area{flex:1;padding:24px;gap:16px;}}
.dj-tag{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--acc);}
.dj-info{display:flex;align-items:center;gap:14px;}
.dj-photo{width:62px;height:62px;border-radius:50%;background:#2a2927;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--acc);overflow:hidden;}
.dj-photo svg{opacity:.2;width:26px;height:26px;}
.dj-name{font-size:24px;font-weight:900;color:white;line-height:1.2;}
.dj-show{font-size:14px;color:rgba(255,255,255,.4);font-weight:600;margin-top:3px;}
.dj-time{font-size:13px;font-weight:700;color:var(--acc);margin-top:5px;}
.dj-cta{display:flex;gap:8px;flex-wrap:wrap;}
.btn-live{display:flex;align-items:center;gap:6px;background:var(--acc);color:white;font-size:14px;font-weight:800;padding:11px 20px;border-radius:24px;border:none;cursor:pointer;}
.btn-msg{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);font-size:12px;font-weight:700;padding:10px 14px;border-radius:24px;border:1px solid rgba(255,255,255,.12);text-decoration:none;}
.sidebox{display:flex;gap:12px;}
@media(min-width:768px){.sidebox{width:200px;flex-shrink:0;flex-direction:column;padding:18px;border-left:1px solid rgba(255,255,255,.05);}}
.upnext{flex:1;}
.upnext-tag{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:7px;}
.upnext-row{display:flex;align-items:center;gap:9px;margin-top:7px;}
.upnext-ph{width:38px;height:38px;border-radius:50%;background:#2a2927;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);}
.upnext-ph svg{opacity:.2;width:16px;height:16px;}
.upnext-name{font-size:15px;font-weight:700;color:rgba(255,255,255,.85);}
.upnext-time{font-size:13px;font-weight:700;color:var(--acc);margin-top:2px;}
.voice{flex:1;padding:12px;background:rgba(240,124,0,.06);border:1px solid rgba(240,124,0,.12);border-radius:5px;}
.voice-lbl{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--acc);margin-bottom:6px;}
.voice-txt{font-size:12px;color:rgba(255,255,255,.4);line-height:1.5;margin-bottom:8px;}
.bv{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;padding:7px 10px;border-radius:4px;margin-bottom:6px;border:none;width:100%;text-decoration:none;}
.bv:last-child{margin-bottom:0;}
.bvv{background:rgba(123,66,175,.25);color:#c495f0;border:1px solid rgba(123,66,175,.3)!important;}
.bvw{background:rgba(37,211,102,.15);color:#25d366;border:1px solid rgba(37,211,102,.3)!important;}

/* ── MAIN ── */
.sp-main{max-width:1440px;margin:0 auto;padding:16px 12px;}
@media(min-width:900px){.sp-main{padding:22px 16px;display:grid;grid-template-columns:1fr 300px;gap:20px;}}
.sh{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.sh-lbl{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#1a1a18;border-left:3px solid var(--acc);padding-left:8px;white-space:nowrap;}
.sh-line{flex:1;height:1px;background:var(--bd);}
.sh-more{font-size:12px;font-weight:700;color:var(--acc);white-space:nowrap;}

/* Interview grid */
.int-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;}
@media(min-width:680px){.int-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:900px){.int-grid{grid-template-columns:repeat(4,1fr);}}
.int-card{background:white;border-radius:var(--r);overflow:hidden;cursor:pointer;border:1px solid var(--bd);transition:.2s;display:block;}
.int-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1);}
.int-card.feat{grid-column:1/-1;display:flex;}
@media(min-width:680px){.int-card.feat{grid-column:1/3;}}
.int-img{background:#e8e4de;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;}
.int-card:not(.feat) .int-img{height:160px;width:100%;}
.int-card.feat .int-img{width:260px;min-height:200px;}
@media(min-width:900px){.int-card:not(.feat) .int-img{height:180px;}.int-card.feat .int-img{width:320px;min-height:220px;}}
.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;}
.int-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:#1a1a18;line-height:1.4;margin-bottom:6px;}
.int-card.feat .int-title{font-size:20px;line-height:1.3;}
@media(min-width:900px){.int-title{font-size:16px;}.int-card.feat .int-title{font-size:22px;}}
.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;}
.int-more-btn{display:inline-block;text-align:center;font-size:13px;font-weight:800;letter-spacing:1.5px;color:#1a1a18;border:2px solid #1a1a18;padding:12px 24px;border-radius:4px;margin:16px 0 28px;transition:.15s;}
.int-more-btn:hover{background:#1a1a18;color:white;}

/* ── SIDEBAR ── */
.sp-sidebar{margin-top:22px;}
@media(min-width:900px){.sp-sidebar{margin-top:0;}}
.sbw{background:white;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;margin-bottom:14px;}
.sbh{background:var(--dk);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;}
.sblbl{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);}
.sc-row{display:flex;align-items:center;gap:9px;padding:9px 13px;border-bottom:1px solid #f5f2ee;}
.sc-row:last-child{border-bottom:none;}
.sc-row.now{background:#fff8f2;border-left:3px solid var(--acc);}
.sc-ph{width:30px;height:30px;border-radius:50%;background:#e8e4de;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.sc-ph svg{opacity:.2;width:13px;height:13px;}
.sc-t{font-size:12px;font-weight:800;color:var(--acc);min-width:38px;}
.sc-n{font-size:13px;font-weight:700;}
.sc-h{font-size:11px;color:#888;}
.sc-badge{margin-left:auto;font-size:10px;font-weight:800;background:var(--acc);color:white;padding:2px 5px;border-radius:2px;flex-shrink:0;}
.rp-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #f5f2ee;}
.rp-item:last-child{border-bottom:none;}
.rp-cv{width:36px;height:36px;border-radius:3px;background:#e8e4de;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;}
.rp-info{flex:1;min-width:0;}
.rp-t{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rp-a{font-size:11px;color:#888;margin-top:1px;}
.rp-time{font-size:10px;font-weight:800;color:var(--acc);flex-shrink:0;margin-left:auto;}
.ci-item{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #f5f2ee;}
.ci-item:last-child{border-bottom:none;}
.ci-icon{width:32px;height:32px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;}
.ci-lbl{font-size:14px;font-weight:700;}
.ci-sub{font-size:12px;color:#888;}

/* ── STICKY PLAYER mobile ── */
.sticky-player{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--dk);border-top:2px solid var(--acc);padding:10px 14px;display:flex;align-items:center;gap:11px;box-shadow:0 -4px 20px rgba(0,0,0,.5);}
@media(min-width:900px){.sticky-player{display:none;}}
.sp-btn{width:40px;height:40px;background:var(--acc);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;flex-shrink:0;cursor:pointer;}
.sp-btn svg{fill:white;width:12px;height:12px;margin-left:2px;}
.sp-info-m{flex:1;min-width:0;}
.sp-oa{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--acc);display:flex;align-items:center;gap:4px;}
.sp-show-m{font-size:13px;font-weight:700;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.sp-freq{font-size:16px;font-weight:900;color:white;flex-shrink:0;}
.sp-msg-m{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.75);font-size:11px;font-weight:700;padding:8px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.12);flex-shrink:0;text-decoration:none;}
@media(max-width:899px){body.stigma-page{padding-bottom:72px!important;}}