/* 09-events.css — Minhs_art */
.eventsBar{display:flex;align-items:center;gap:12px;margin-bottom:16px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);background:rgba(0,0,0,.18);padding:10px 12px;}
.eventsSearch{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(4,12,15,.4);color:var(--txt);padding:9px 12px;outline:none;font-size:12px;transition:border-color var(--transition);}
.eventsSearch::placeholder{color:rgba(200,232,224,.3);}
.eventsSearch:focus{border-color:var(--teal-deep);}
.eventsBtn{border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:var(--txt);padding:9px 12px;font-family:var(--font-brand);letter-spacing:.1em;text-transform:uppercase;font-size:11px;transition:border-color var(--transition);}
.eventsBtn:hover{border-color:rgba(58,184,160,.2);}
.eventsList{display:flex;flex-direction:column;gap:12px;}
.eventRowCard{display:grid;grid-template-columns:160px 1fr 32px;gap:12px;align-items:center;border-radius:var(--radius);border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.17);padding:12px 14px;transition:transform var(--transition),border-color var(--transition);}
.eventRowCard:hover{transform:translateY(-1px);border-color:rgba(58,184,160,.18);}
.eventWhen{border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:9px 10px;}
.eventDate{font-family:var(--font-brand);letter-spacing:.1em;text-transform:uppercase;font-size:11px;margin-bottom:5px;color:var(--teal);}
.eventTime{color:var(--muted);font-size:11px;}
.eventMain{min-width:0;}
.eventTitle{font-family:var(--font-brand);letter-spacing:.1em;text-transform:uppercase;font-size:13px;margin-bottom:5px;color:var(--txt);}
.eventDesc{color:var(--muted);font-size:12px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.eventGo{text-align:center;font-size:20px;opacity:.6;color:var(--muted);transition:color var(--transition);}
.eventRowCard:hover .eventGo{color:var(--teal);}
/* Detail */
.eventLayout{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:12px;}
.eventOne{border-radius:var(--radius);border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.17);padding:16px;overflow:hidden;}
.eventOneHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;}
.eventOneTitle{font-family:var(--font-brand);letter-spacing:.1em;text-transform:uppercase;font-size:16px;color:var(--txt);}
.eventOneMeta{color:var(--teal);font-size:11px;white-space:nowrap;margin-top:2px;}
.eventOneLink{display:inline-block;margin:6px 0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);padding:9px 12px;font-family:var(--font-brand);letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--txt);transition:border-color var(--transition);}
.eventOneLink:hover{border-color:rgba(58,184,160,.2);}
.eventOneText{color:rgba(200,232,224,.78);line-height:1.65;font-size:13px;}
.eventSide{border-radius:var(--radius);border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.14);padding:12px;height:fit-content;position:sticky;top:18px;}
.eventSideTitle{font-family:var(--font-brand);letter-spacing:.12em;text-transform:uppercase;font-size:11px;opacity:.9;margin-bottom:10px;color:var(--txt);}
.eventSideList{display:flex;flex-direction:column;gap:8px;}
.eventMini{display:block;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:9px 10px;transition:transform var(--transition),border-color var(--transition);}
.eventMini:hover{transform:translateY(-1px);border-color:rgba(58,184,160,.18);}
.eventMiniTitle{font-family:var(--font-brand);letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-bottom:4px;color:var(--txt);}
.eventMiniMeta{color:var(--muted);font-size:10px;}
.eventPager{margin-top:14px;display:flex;justify-content:space-between;gap:12px;}
.eventPagerBtn{flex:1;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:11px;font-family:var(--font-brand);letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--txt);transition:border-color var(--transition);}
.eventPagerBtn:hover{border-color:rgba(58,184,160,.2);}
@media(max-width:1000px){.eventLayout{grid-template-columns:1fr;}.eventSide{position:relative;top:auto;}}
@media(max-width:780px){.eventRowCard{grid-template-columns:1fr;}.eventGo{display:none;}}