/*
 * mod_analemma_events - default front-end styles
 * Chaotic Fish Design Team
 *
 * Component rules use var(--x, fallback) throughout, so this file is
 * fully standalone and looks complete on any Joomla site — it also
 * automatically adopts the Analemma theme's CSS custom properties
 * when they're present (see the file-level comment below).
 */

/* ===========================================================
   mod_analemma_events — default styling
   ===========================================================
   Every color/spacing value below uses var(--x, fallback) so this
   stylesheet is fully standalone: on a site with the Analemma theme's
   CSS custom properties already defined (--brand-teal, --bg-deep,
   etc.), this module will automatically match that theme. On any
   other site, the fallback values render a complete, reasonable
   default look on their own. This mirrors the same portability
   pattern used in plg_content_video's player CSS.
   =========================================================== */

.analemma-events-module{color:var(--text-main, #1a1a1a);font-family:var(--font-body, system-ui, sans-serif)}

/* ---------- Filter chip bar ---------- */
.analemma-events-module .filter-chip-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}
.analemma-events-module .filter-chip{background:var(--chip-bg, rgba(0,0,0,.04));border:1px solid var(--border-soft, rgba(0,0,0,.12));border-radius:999px;color:var(--text-muted, #555);cursor:pointer;font-size:.85rem;letter-spacing:.02em;padding:.4rem 1rem;transition:all .2s ease}
.analemma-events-module .filter-chip:hover{border-color:var(--brand-teal-light, #2ba0cf);color:var(--text-main, #1a1a1a)}
.analemma-events-module .filter-chip.active{background:var(--brand-teal, #0e6690);border-color:var(--brand-teal-light, #2ba0cf);box-shadow:0 0 14px rgba(var(--brand-teal-rgb, 14, 102, 144),.4);color:var(--color-white, #fff)}

/* ---------- Timeline ---------- */
.analemma-events-module .timeline{margin:0 auto;max-width:780px;padding-left:2.2rem;position:relative}
.analemma-events-module .timeline::before{background:linear-gradient(180deg, var(--brand-teal-light, #2ba0cf), rgba(var(--brand-teal-light-rgb, 43, 160, 207),.05));bottom:.3rem;content:"";left:.5rem;position:absolute;top:.3rem;width:2px}
.analemma-events-module .timeline-month{color:var(--gold-soft, #b8860b);font-size:1rem;font-weight:600;letter-spacing:.1em;margin:2.2rem 0 1rem;position:relative;text-transform:uppercase}
.analemma-events-module .timeline-month:first-child{margin-top:0}
.analemma-events-module .timeline-item{border-radius:10px;margin-bottom:.6rem;padding:.9rem 0 .9rem 1.4rem;position:relative;transition:background .2s ease, transform .2s ease}
.analemma-events-module .timeline-item::before{background:var(--bg-deep, #fff);border:2px solid var(--brand-teal-light, #2ba0cf);border-radius:50%;content:"";height:11px;left:-1.72rem;position:absolute;top:1.35rem;width:11px}
.analemma-events-module .timeline-item.special::before{border-color:var(--gold, #d4a017);box-shadow:0 0 10px 2px rgba(var(--gold-rgb, 212, 160, 23),.5)}
.analemma-events-module .timeline-item:hover{background:rgba(var(--white-rgb, 0, 0, 0),.03);transform:translateX(3px)}
.analemma-events-module .ti-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem .9rem}
.analemma-events-module .ti-date{color:var(--text-main, #1a1a1a);font-weight:600;font-size:.95rem;min-width:132px}
.analemma-events-module .ti-time{background:rgba(var(--brand-teal-light-rgb, 43, 160, 207),.12);border-radius:6px;color:var(--brand-teal, #0e6690);font-size:.82rem;padding:.1rem .5rem;white-space:nowrap}
.analemma-events-module .timeline-item.special .ti-time{background:rgba(var(--gold-rgb, 212, 160, 23),.15);color:var(--gold-soft, #b8860b)}
.analemma-events-module .ti-badge{border:1px solid rgba(var(--gold-rgb, 212, 160, 23),.4);border-radius:6px;color:var(--gold-soft, #b8860b);display:inline-block;font-size:.72rem;letter-spacing:.05em;padding:.05rem .45rem;text-transform:uppercase}
.analemma-events-module .ti-title{color:var(--text-main, #1a1a1a);flex-basis:100%;font-size:1.02rem;font-weight:500;margin-top:.15rem}
.analemma-events-module .ti-title.ti-link{align-items:baseline;cursor:pointer;display:inline-flex;flex-wrap:wrap;gap:.4rem;text-decoration:none}
.analemma-events-module .ti-title.ti-link:hover{color:var(--brand-teal-light, #2ba0cf)}
.analemma-events-module .ti-title.ti-link:hover .ti-link-icon{transform:translate(2px, -2px)}
.analemma-events-module .ti-link-icon{color:var(--brand-teal-light, #2ba0cf);font-size:.85em;transition:transform .2s ease}
.analemma-events-module .ti-link-label{border:1px solid var(--border-soft, rgba(0,0,0,.12));border-radius:5px;color:var(--text-muted, #555);font-size:.72rem;letter-spacing:.04em;padding:.05rem .4rem;text-transform:uppercase}
.analemma-events-module .ti-desc{color:var(--text-muted, #555);flex-basis:100%;font-size:.86rem;line-height:1.5;margin-top:.35rem}
.analemma-events-module .timeline-empty{color:var(--text-muted, #555);font-style:italic;padding:2rem 0;text-align:center}

@media (max-width: 576px) {
  .analemma-events-module .timeline { padding-left: 1.6rem; }
  .analemma-events-module .ti-date { min-width: 100%; }
}