.events-hero{background-color:var(--color-primary);color:var(--color-text-light);padding:var(--space-xl) 0;text-align:center}.events-hero h1{margin:0;color:var(--color-text-light)}.events-hero .accent{color:var(--color-accent)}.events-filter{background-color:var(--color-bg-light);padding:var(--space-lg) 0 0}.filter-row{display:flex;justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;max-width:1000px;margin:0 auto}.filter-buttons{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{padding:var(--space-xs) var(--space-lg);border:2px solid var(--color-primary);border-radius:999px;background:transparent;color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.filter-btn:hover,.filter-btn.active{background-color:var(--color-primary);color:var(--color-text-light)}.filter-select{padding:var(--space-xs) var(--space-lg);padding-right:calc(var(--space-lg) + 8px);border:2px solid var(--color-primary);border-radius:999px;background:transparent;color:var(--color-primary);font-weight:600;font-size:.9rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:focus{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:.9rem;color:var(--color-primary);cursor:pointer;user-select:none}.toggle-label input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:40px;height:22px;background-color:#ccc;border-radius:999px;transition:background-color .2s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-label input:checked+.toggle-switch{background-color:var(--color-primary)}.toggle-label input:checked+.toggle-switch:after{transform:translate(18px)}.toggle-label input:focus-visible+.toggle-switch{outline:2px solid var(--color-accent);outline-offset:2px}.filter-empty{text-align:center;padding:var(--space-xl) 0;color:var(--color-text-dark);font-size:1.1rem}.events-section{padding:var(--space-xl) 0;background-color:var(--color-bg-light)}.events-list{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1000px;margin:0 auto}.event-row{display:flex;flex-direction:column;background:var(--color-text-light);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:box-shadow .2s ease}.event-row:hover{box-shadow:0 8px 24px #0000001f}.event-row--featured{border-left:4px solid var(--color-accent)}@media(min-width:640px){.event-row{flex-direction:row}}.event-row__image-link{display:block;flex-shrink:0}.event-row__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}@media(min-width:640px){.event-row__image-link{width:45%;max-height:300px;overflow:hidden}.event-row__image{width:100%;height:100%;aspect-ratio:auto}}.event-row__content{padding:var(--space-lg);display:flex;flex-direction:column;justify-content:center;flex:1}.event-row__title{margin:0 0 var(--space-sm);font-size:1.5rem}.event-row__title a{color:var(--color-primary-dark);text-decoration:none}.event-row__title a:hover{text-decoration:underline}.event-row__date{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);color:var(--color-text-dark);font-size:.95rem}.event-row__icon{flex-shrink:0;color:var(--color-accent-dark)}.event-row__description{margin:0 0 var(--space-lg);color:var(--color-text-dark);line-height:var(--line-height-base);font-size:.95rem}.event-row__cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:var(--color-text-light);text-decoration:none;border-radius:6px;font-weight:600;font-size:.95rem;transition:background-color .2s ease;align-self:flex-start}.event-row__cta:hover{background-color:var(--color-primary-dark);text-decoration:none}.events-section .pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) 0;flex-wrap:wrap}.events-section .pagination__pages{display:flex;list-style:none;gap:var(--space-xs);margin:0;padding:0}.events-section .pagination__btn,.events-section .pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:var(--min-touch-target);min-height:var(--min-touch-target);padding:var(--space-sm) var(--space-md);border:none;border-radius:6px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.events-section .pagination__btn{background-color:var(--color-primary);color:var(--color-text-light)}.events-section .pagination__btn:hover{background-color:var(--color-primary-dark)}.events-section .pagination__btn--disabled{background-color:#ccc;color:#888;cursor:not-allowed;pointer-events:none}.events-section .pagination__page{background-color:var(--color-text-light);color:var(--color-text-dark);border:2px solid var(--color-primary)}.events-section .pagination__page:hover{background-color:var(--color-bg-light)}.events-section .pagination__page--current{background-color:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary);cursor:default}
