/* ═══════════════════════════════════════════════════════════════════════════
   Events — Compass Virtual Airlines
   user/themes/compass-virtual/css/events.css

   ⚑ Lifted out of the page on 2026-09-16 so nothing under this page's folder
   carries a <style> or <script> tag, which Grav 2's markdown tagfilter escapes.

   ⚑ Class prefix ev- is used by this page alone.
   ═══════════════════════════════════════════════════════════════════════════ */

.ev-banner{background:linear-gradient(135deg,#1a3a4a 0%,#4a7a8a 100%);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-radius:8px;margin-bottom:18px;color:white;position:relative;overflow:hidden}
.ev-banner::before{content:"";position:absolute;top:-30px;right:-30px;width:200px;height:200px;background:radial-gradient(circle,rgba(200,150,46,0.18) 0%,transparent 70%)}
.ev-banner h1{font-size:24px;font-weight:500;margin:0 0 4px;color:white;position:relative}
.ev-banner p{font-size:13px;color:rgba(255,255,255,0.7);margin:0;position:relative;max-width:680px;line-height:1.5}

.ev-tabs{display:flex;border-bottom:2px solid #e8f0f3;margin-bottom:20px;flex-wrap:wrap;gap:0}
.ev-tab{padding:10px 20px;font-size:14px;font-weight:500;color:#8a9099;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit}
.ev-tab:hover{color:#4a7a8a}
.ev-tab.active{color:#4a7a8a;border-bottom-color:#c8962e}
.ev-panel{display:none}
.ev-panel.active{display:block}

.ev-card{background:white;border-radius:8px;border:0.5px solid #dde0e4;padding:18px 20px;margin-bottom:14px}
.ev-card h3{font-size:15px;font-weight:600;color:#4a7a8a;margin:0 0 8px}
.ev-card p{margin:0 0 8px;color:#555;line-height:1.6;font-size:13px}
.ev-card p:last-child{margin:0}
.ev-card a{color:#c8962e;text-decoration:none;font-weight:500}
.ev-card a:hover{text-decoration:underline}

.ev-section-hdr{display:flex;align-items:baseline;gap:10px;margin:24px 0 12px;padding-bottom:6px;border-bottom:1px solid #e8f0f3}
.ev-section-hdr h2{font-size:14px;font-weight:600;color:#1a3a4a;margin:0;text-transform:uppercase;letter-spacing:0.5px}
.ev-section-hdr .sub{font-size:12px;color:#8a9099;font-style:italic}
.ev-section-hdr:first-child{margin-top:0}

.ev-cta{background:#fff8ee;border:0.5px solid rgba(200,150,46,0.4);border-radius:6px;padding:14px 18px;font-size:13px;color:#7a5010;line-height:1.7;margin-top:18px}
.ev-cta strong{color:#c8962e}
.ev-cta a{color:#c8962e;text-decoration:none;font-weight:600}
.ev-cta a:hover{text-decoration:underline}