/* Asantap event catalogue UX. Scoped to Explore page + activity mode only. */
body.page-id-136.as-event-catalog-capable {
  --as-event-ink:#1A1A2E;
  --as-event-muted:#6B7280;
  --as-event-line:#E5EAF2;
  --as-event-bg:#F7F9FB;
  --as-event-surface:#FFFFFF;
  --as-event-blue:#2D66DE;
  --as-event-blue-soft:#EEF4FF;
  --as-event-green:#137A4B;
  --as-event-green-soft:#ECF8F1;
}

body.page-id-136 .as-event-catalog-hero[hidden] { display:none!important; }

body.page-id-136.as-event-catalog-active .elementor-element-24db42f {
  display:none!important;
}

body.page-id-136.as-event-catalog-active .as-event-catalog-hero {
  display:block;
  box-sizing:border-box;
  width:calc(100% - 48px);
  max-width:1200px;
  margin:24px auto 18px;
  padding:28px;
  border:1px solid var(--as-event-line);
  border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,#f7faff 100%);
  box-shadow:0 8px 30px rgba(26,26,46,.045);
}

.as-event-catalog-hero__main {
  max-width:820px;
}

.as-event-catalog-hero__eyebrow {
  margin:0 0 8px;
  color:var(--as-event-blue);
  font:700 12px/1.5 Poppins,sans-serif;
  letter-spacing:.12em;
}

.as-event-catalog-hero h1 {
  margin:0;
  color:var(--as-event-ink);
  font:700 clamp(28px,4vw,46px)/1.12 Poppins,sans-serif;
  letter-spacing:-.025em;
}

.as-event-catalog-hero__intro {
  max-width:720px;
  margin:12px 0 0;
  color:var(--as-event-muted);
  font:400 14px/1.75 Poppins,sans-serif;
}

.as-event-catalog-hero__stats {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:var(--as-event-muted);
  font:500 12px/1.5 Poppins,sans-serif;
}

.as-event-catalog-hero__stats strong {
  color:var(--as-event-ink);
  font-size:14px;
}

.as-event-catalog-tools {
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--as-event-line);
}

.as-event-catalog-tools__row {
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:start;
  gap:12px;
  margin-bottom:14px;
}

.as-event-catalog-tools__label {
  padding-top:9px;
  color:var(--as-event-muted);
  font:600 12px/1.4 Poppins,sans-serif;
}

.as-event-date-chips,
.as-event-category-chips {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}

.as-event-chip {
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-sizing:border-box;
  padding:7px 12px;
  border:1px solid var(--as-event-line);
  border-radius:999px;
  background:var(--as-event-surface);
  color:var(--as-event-ink);
  font:500 12px/1.4 Poppins,sans-serif;
  text-decoration:none!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease;
}

.as-event-chip:hover,
.as-event-chip:focus-visible {
  border-color:#B9CBEF;
  background:var(--as-event-blue-soft);
  color:var(--as-event-blue);
}

.as-event-chip:focus-visible {
  outline:2px solid var(--as-event-blue);
  outline-offset:2px;
}

.as-event-chip.is-active {
  border-color:var(--as-event-blue);
  background:var(--as-event-blue);
  color:#fff;
  box-shadow:0 4px 12px rgba(45,102,222,.16);
}

.as-event-chip__count {
  display:inline-flex;
  min-width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  padding:0 6px;
  border-radius:999px;
  background:var(--as-event-bg);
  color:var(--as-event-muted);
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

.as-event-chip.is-active .as-event-chip__count {
  background:rgba(255,255,255,.18);
  color:#fff;
}

.as-event-catalog-tools__footer {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 18px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px dashed var(--as-event-line);
  color:var(--as-event-muted);
  font:400 11px/1.6 Poppins,sans-serif;
}

.as-event-catalog-link {
  color:var(--as-event-blue)!important;
  font-weight:600;
  text-decoration:none!important;
}

.as-event-catalog-link:hover { text-decoration:underline!important; }

/* Event-specific Explore context. */
body.page-id-136.as-event-catalog-active .asantap-explore-context::before {
  content:"Fəaliyyətlər · ən yaxın tarixə görə";
}

body.page-id-136.as-event-catalog-active #finderListings .fl-results-no {
  font-size:13px;
}

/* Event cards: poster first, event facts second, venue footer last. */
body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler {
  border-radius:16px;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-item {
  background:#fff;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-background {
  aspect-ratio:16/9;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#F2F5FA!important;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-avatar {
  display:none!important;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-item-info {
  min-height:0;
  padding:16px;
  gap:12px;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .listing-preview-title {
  flex:0 0 100%;
  width:100%;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--as-event-ink)!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.45!important;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-contact {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  width:100%;
  margin:0!important;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-contact li {
  display:inline-flex!important;
  width:auto!important;
  min-height:32px;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid var(--as-event-line);
  border-radius:8px;
  background:var(--as-event-bg);
  color:var(--as-event-muted);
  font:500 11px/1.35 Poppins,sans-serif;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-contact li:first-child {
  flex-basis:100%;
  border-color:#D7E4FC;
  background:var(--as-event-blue-soft);
  color:var(--as-event-blue);
  font-weight:600;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-contact li:nth-child(2) {
  border-color:#D7EEE2;
  background:var(--as-event-green-soft);
  color:var(--as-event-green);
  font-weight:700;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-contact li i {
  width:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  color:currentColor!important;
  text-align:center;
}

body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler + .event-host,
body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler ~ .event-host {
  border-top:1px solid var(--as-event-line);
}

/* Footer lives inside .listing-preview, directly after .lf-item. */
body.page-id-136.as-event-catalog-active #finderListings .listing-preview.type-fealiyyetler .event-host {
  min-height:52px;
  padding:10px 14px;
  border-top:1px solid var(--as-event-line);
  background:#fff;
}

body.page-id-136.as-event-catalog-active #finderListings .listing-preview.type-fealiyyetler .event-host > a {
  min-width:0;
  color:var(--as-event-ink);
  font:600 11px/1.4 Poppins,sans-serif;
  text-decoration:none;
}

body.page-id-136.as-event-catalog-active #finderListings .listing-preview.type-fealiyyetler .event-host .host-name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.page-id-136.as-event-catalog-active #finderListings .listing-preview.type-fealiyyetler .event-host .avatar {
  width:30px;
  height:30px;
  border-radius:8px;
  overflow:hidden;
  background:var(--as-event-bg);
}

/* Make event filters read as event filters. */
body.page-id-136.as-event-catalog-active #finderSearch .finder-title h2::before {
  content:"Fəaliyyət filtrləri";
}

body.page-id-136.as-event-catalog-active #finderSearch .finder-title h2 {
  font-size:0;
}

body.page-id-136.as-event-catalog-active #finderSearch .finder-title h2::before {
  font-size:18px;
}

/* Prevent old generic headline from leaving a gap. */
body.page-id-136.as-event-catalog-active .elementor-element-24db42f + .elementor-element,
body.page-id-136.as-event-catalog-active .elementor-element-f85d7ec {
  margin-top:0!important;
}

@media (max-width:900px) {
  body.page-id-136.as-event-catalog-active .as-event-catalog-hero {
    width:calc(100% - 28px);
    margin:16px auto 14px;
    padding:20px;
    border-radius:16px;
  }

  .as-event-catalog-tools__row {
    display:block;
    margin-bottom:16px;
  }

  .as-event-catalog-tools__label {
    display:block;
    padding:0;
    margin:0 0 8px;
  }

  .as-event-date-chips,
  .as-event-category-chips {
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:2px 2px 8px;
    margin:0 -2px;
    -webkit-overflow-scrolling:touch;
  }

  .as-event-date-chips::-webkit-scrollbar,
  .as-event-category-chips::-webkit-scrollbar { display:none; }

  .as-event-chip { flex:0 0 auto; }

  .as-event-catalog-tools__footer {
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:540px) {
  body.page-id-136.as-event-catalog-active .as-event-catalog-hero {
    width:calc(100% - 24px);
    padding:18px 16px;
  }

  .as-event-catalog-hero h1 { font-size:28px; }
  .as-event-catalog-hero__intro { font-size:13px; }
  .as-event-catalog-hero__stats { gap:6px; }

  body.page-id-136.as-event-catalog-active #finderListings .type-fealiyyetler .lf-contact li {
    min-height:30px;
    padding:5px 8px!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .as-event-chip { transition:none!important; }
}


/* 2026-09-30 refinement: keep the original Explore header/filter area.
   The event catalogue no longer renders a second hero/filter block. */
body.page-id-136 .as-event-catalog-hero {
  display:none!important;
}
body.page-id-136.as-event-catalog-active .elementor-element-24db42f {
  display:block!important;
}

/* In "Hamısı" mode, event cards must not force unrelated listing cards to
   stretch to the richer event-card height. Keep event enrichment compact here. */
body.page-id-136:not(.as-event-catalog-active) #finderListings .results-view {
  align-items:start!important;
}
body.page-id-136:not(.as-event-catalog-active) #finderListings .results-view > .grid-item {
  align-self:start!important;
}
body.page-id-136:not(.as-event-catalog-active) #finderListings .lf-item-container {
  height:auto!important;
}
body.page-id-136:not(.as-event-catalog-active) #finderListings .listing-preview.type-fealiyyetler .lf-background {
  background-size:cover!important;
}
body.page-id-136:not(.as-event-catalog-active) #finderListings .listing-preview.type-fealiyyetler .lf-contact li:nth-child(n+2) {
  display:none!important;
}
body.page-id-136:not(.as-event-catalog-active) #finderListings .listing-preview.type-fealiyyetler .event-host {
  display:none!important;
}

/* Native event mode keeps the richer facts without affecting other listing types. */
body.page-id-136.as-event-catalog-active #finderListings .listing-preview.type-fealiyyetler .lf-item-container,
body.page-id-136.as-event-catalog-active #finderListings .listing-preview.type-fealiyyetler {
  height:auto!important;
}