/* Innoscale — Events & News Page — v6 clean */

/* ── PAGE HERO ── */
.page-hero{padding:120px 5% 70px;background:linear-gradient(135deg,#030A55,#0B1F6E);text-align:center}
.page-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(32px,5vw,60px);font-weight:900;color:#fff;letter-spacing:-2px;margin:14px 0}
.page-hero p{font-size:16px;color:rgba(255,255,255,.55);max-width:600px;margin:0 auto;line-height:1.7}
.page-sec{padding:72px 5%;background:var(--bg-alt)}
.page-sec:nth-child(even){background:var(--bg)}
.sec-h2{font-family:'Montserrat',sans-serif;font-size:clamp(26px,3vw,40px);font-weight:900;color:var(--text-h);letter-spacing:-1px;line-height:1.12}
.sec-h2 em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;color:var(--accent)}

/* ── FILTER BUTTONS ── */
.ev-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}
button.ev-filter{padding:7px 18px;border:1.5px solid var(--border);border-radius:20px;background:none;color:var(--text-m);font-family:'Raleway',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}
button.ev-filter.active,button.ev-filter:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ── EVENT GRID ── */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:960px){.ev-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.ev-grid{grid-template-columns:1fr}}

/* ── EVENT CARD ── */
.ev-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.ev-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px rgba(43,143,255,.12)}
.ev-card.ev-past{opacity:.72}
.ev-card.ev-past .ev-date-badge{background:var(--text-m)}

/* ── CARD IMAGE / FALLBACK ── */
.ev-img-wrap{width:100%;height:160px;overflow:hidden;flex-shrink:0}
.ev-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ev-card:hover .ev-img-wrap img{transform:scale(1.04)}
.ev-img-fallback{width:100%;height:160px;background:linear-gradient(140deg,#030A55 0%,#0B1F6E 60%,#061240 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.ev-img-fallback::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}
.ev-type-ico{font-size:44px;opacity:.4;position:relative;z-index:1}
.ev-past .ev-img-fallback{background:linear-gradient(140deg,#1a1a2e,#16213e)}

/* ── DATE BADGE ── */
.ev-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;background:var(--accent);border-radius:10px;flex-shrink:0;position:relative;z-index:2}
.ev-month{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.8);line-height:1;display:block}
.ev-day{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:900;color:#fff;line-height:1.1;display:block;margin-top:1px}

/* ── CARD BODY ── */
.ev-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.ev-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ev-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:rgba(43,143,255,.1);color:var(--accent)}
.ev-tag-sec{background:rgba(34,197,94,.1);color:#16A34A}
.ev-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--text-h);margin-bottom:8px;line-height:1.35}
.ev-venue{font-size:12px;color:var(--text-m);margin-bottom:4px;display:flex;align-items:center;gap:5px}
.ev-desc{font-size:12.5px;color:var(--text-b);line-height:1.6;margin:8px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ev-cta{display:inline-flex;align-items:center;padding:9px 18px;background:var(--accent);color:#fff;border-radius:7px;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:background .2s;margin-top:auto;width:fit-content}
.ev-cta:hover{background:#1a7ee0}
.ev-cta-closed{display:inline-flex;align-items:center;padding:9px 18px;background:var(--bg);border:1px solid var(--border);color:var(--text-m);border-radius:7px;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.5px;margin-top:auto;width:fit-content}

/* ── NEWS GRID ── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.news-grid{grid-template-columns:1fr}}
.news-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:22px;transition:border-color .2s,transform .2s}
.news-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.news-src{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.news-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--text-h);line-height:1.4;margin-bottom:10px}
.news-date{font-size:11px;color:var(--text-m)}