/* Taste-skill: preserve Parea's blue, Montserrat/Rubik and existing controls.
   DESIGN_VARIANCE 7, MOTION_INTENSITY 3, VISUAL_DENSITY 3.
   Priority: browse, a short explanation, useful answers, then business enquiries.
   Scope these rules to discovery pages; individual listings retain their layout. */
.parea-discovery #events { padding-bottom: 1.5rem; }
.parea-discovery #events .listing-intro { margin-bottom: 1rem; }
.parea-discovery #events #listingHeading { font-weight: 800; letter-spacing: -.035em; }
.parea-discovery #events #listingSubheading { font-weight: 500; line-height: 1.55; max-width: 34rem; }
.parea-discovery .listing-empty {
  grid-column: 1 / -1; background: var(--colour-surface-strong);
  border-radius: 16px; padding: 1.5rem; text-align: left;
  color: var(--colour-page-text); margin-top: .25rem;
}
.parea-discovery .listing-empty h2 { font-size: 1rem; font-weight: 700; line-height: 1.4; }
.parea-discovery .listing-empty p { margin-top: .4rem; font-size: .875rem; line-height: 1.55; font-weight: 500; }
.parea-discovery .listing-retry {
  display: inline-flex; align-items: center; min-height: 44px; margin-top: .65rem;
  font-size: .875rem; font-weight: 700; color: var(--colour-primary); text-decoration: underline;
  text-underline-offset: 4px;
}
.parea-discovery .listing-retry:focus-visible { outline: 2px solid var(--colour-focus); outline-offset: 4px; }
.parea-discovery #why-parea { padding: 2rem 1.25rem 0; }
.parea-discovery #why-parea > div {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 0; box-shadow: none !important;
}
.parea-discovery #why-parea h2,
.parea-discovery #answers h2 {
  font-family: Montserrat, ui-sans-serif, system-ui, sans-serif; font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800; letter-spacing: -.035em; line-height: 1.2; margin: 0;
  color: var(--colour-page-text) !important;
}
.parea-discovery #why-parea .discovery-about-copy { max-width: 38rem; margin-top: .75rem; font-size: .9375rem; font-weight: 500; line-height: 1.65; color: var(--colour-muted-text) !important; }
.parea-discovery .discovery-about-notes { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; padding: 0; margin-top: .85rem; font-size: .75rem; font-weight: 600; color: var(--colour-primary); list-style: none; }
.parea-discovery #submit { padding: 1.25rem 1.25rem 2.25rem; }
.parea-discovery #submit .discovery-features { gap: .65rem; }
.parea-discovery #submit .discovery-features article,
.parea-discovery #submit .discovery-features article:nth-child(even) {
  display: flex; align-items: center; gap: .65rem; text-align: left; padding: .85rem;
  background: var(--colour-surface) !important; border: 1px solid var(--colour-border-soft) !important;
  border-radius: 14px !important;
}
.parea-discovery #submit .discovery-features article > div:first-child {
  flex: 0 0 auto; margin: 0; width: 32px; height: 32px; border-radius: 9px;
  background: var(--colour-surface-strong) !important; color: var(--colour-primary) !important;
}
.parea-discovery #submit .discovery-features svg { width: 18px; height: 18px; }
.parea-discovery #submit .discovery-features h3 { margin: 0; font-size: .8125rem; font-weight: 700; line-height: 1.4; }
.parea-discovery #submit .discovery-features article > p { display: none; }
.parea-discovery #answers { padding: 0 1.25rem 2rem; }
.parea-discovery #answers > div {
  display: block; padding: 1.75rem 0 0; border: 0 !important;
  border-top: 1px solid var(--colour-border-soft) !important; border-radius: 0 !important;
  background: transparent !important; overflow: visible;
}
.parea-discovery #answers .discovery-answers-heading { min-height: 0; }
.parea-discovery #answers .discovery-answers-heading > p { margin-top: .6rem; max-width: none; font-size: .875rem; font-weight: 500; line-height: 1.5; color: var(--colour-muted-text) !important; }
.parea-discovery #answers .discovery-answers-list { margin-top: 1rem; }
.parea-discovery #answers .faq-item {
  margin: 0 !important; padding: 0; background: transparent !important; border: 0 !important;
  border-bottom: 1px solid var(--colour-border-soft) !important; border-radius: 0;
}
.parea-discovery #answers .faq-trigger { min-height: 52px; padding: .8rem 0; gap: 1rem; font-size: .875rem; line-height: 1.4; font-weight: 650; }
.parea-discovery #answers .faq-icon { width: 24px; height: 24px; font-size: 1.1rem; background: var(--colour-surface-strong) !important; color: var(--colour-primary) !important; }
.parea-discovery #answers .faq-panel p { padding: 0 0 1rem; font-size: .875rem; font-weight: 400; line-height: 1.65; color: var(--colour-muted-text) !important; }
.parea-discovery #answers .faq-more { margin-top: 1rem; }
.parea-discovery #answers .faq-more > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: .65rem .85rem; border-radius: 12px; background: var(--colour-surface-strong); color: var(--colour-primary); font-size: .875rem; font-weight: 650; cursor: pointer; list-style: none; }
.parea-discovery #answers .faq-more > summary::-webkit-details-marker { display: none; }
.parea-discovery #answers .faq-more > summary span { font-size: 1.25rem; }
.parea-discovery #answers .faq-more[open] > summary span { transform: rotate(45deg); }
.parea-discovery #answers .faq-business-answers { padding: .25rem .85rem 0; }
.parea-discovery #answers .faq-trigger:focus-visible,
.parea-discovery #answers .faq-more > summary:focus-visible { outline: 2px solid var(--colour-focus); outline-offset: 4px; }
.parea-discovery #for-venues { padding: 0 1.25rem 2rem; }
.parea-discovery #for-venues > div { background: var(--colour-surface-strong); border: 0; border-radius: 16px; padding: 1.25rem; gap: 1rem; }
.parea-discovery #for-venues h2 { font-size: 1.25rem; line-height: 1.3; font-weight: 800; letter-spacing: -.025em; }
.parea-discovery #for-venues p.uppercase { font-size: .6875rem; letter-spacing: .04em; }
.parea-discovery #for-venues p:last-child { max-width: 36rem; font-weight: 400; line-height: 1.6; color: var(--colour-muted-text); }
.parea-discovery .venue-invitation-cta { min-height: 44px; padding: .7rem 1rem; font-size: .8125rem; }
.parea-discovery .public-footer-main { padding: 1.75rem 1.25rem 1.25rem; }
.parea-discovery .public-footer-inner { gap: 1.5rem; }
.parea-discovery .public-footer-intro { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .5rem; }
.parea-discovery .public-footer-summary { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: .8125rem; font-weight: 400; }
.parea-discovery .public-footer-instagram { margin: 0; font-size: .75rem; }
.parea-discovery .public-footer-links a { font-size: .875rem; font-weight: 600; }
.parea-discovery .public-footer-bottom-inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .35rem 1rem; font-weight: 500; }
.parea-discovery .public-footer-legal { grid-column: 1 / -1; grid-row: 2; gap: .25rem 1.25rem; }
@media (min-width: 768px) {
  .parea-discovery #events { padding-bottom: 2rem; }
  .parea-discovery #why-parea { padding-top: 2.5rem; }
  .parea-discovery #submit { padding-bottom: 3rem; }
  .parea-discovery #answers { padding-bottom: 3rem; }
  .parea-discovery #answers > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 3rem; padding-top: 2.5rem; }
  .parea-discovery #answers .discovery-answers-list { margin-top: 0; }
  .parea-discovery #for-venues { padding-bottom: 3rem; }
  .parea-discovery .public-footer-intro { display: block; }
  .parea-discovery .public-footer-summary { margin-top: .75rem; }
  .parea-discovery .public-footer-instagram { margin-top: .5rem; }
}
@media (max-width: 767px) {
  .parea-discovery > header { padding-top: .75rem; padding-bottom: .75rem; }
  .parea-discovery #events .mobile-view-card { margin-bottom: 1rem; }
  .parea-discovery #events #listingHeading { font-size: clamp(1.65rem, 6.8vw, 2rem) !important; line-height: 1.13 !important; max-width: 17ch; }
  .parea-discovery #events #listingSubheading { font-size: .875rem; }
  .parea-discovery #events .listing-toolbar { margin-top: .75rem; }
  .parea-discovery #events .listing-toolbar .mobile-list-controls { margin-left: 0; }
  .parea-discovery #events #listingCountLabel:not([hidden]) + .listing-updated + .mobile-list-controls { margin-left: auto; }
  .parea-discovery #events #listingCountLabel[hidden] { display: none; }
  .parea-discovery .listing-empty { padding: 1.25rem; }
  .parea-discovery #for-venues > div { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 359px) {
  .parea-discovery #submit .discovery-features article { padding: .75rem .6rem; gap: .5rem; }
  .parea-discovery #submit .discovery-features h3 { font-size: .75rem; }
  .parea-discovery .public-footer-bottom-inner { grid-template-columns: 1fr; }
  .parea-discovery .public-footer-legal { grid-row: auto; }
}

/* Restore Parea's social, playful character without lengthening the page. */
.parea-discovery #why-parea > div {
  position: relative; overflow: hidden; isolation: isolate;
  background: #dce9ff !important; border-radius: 26px !important; padding: 1.5rem;
}
.parea-discovery #why-parea > div::after {
  content: ""; position: absolute; right: -12px; bottom: -24px;
  width: 120px; height: 148px; background: #1c286e; opacity: .07; z-index: -1;
  -webkit-mask: url("../../img/LogoNewest-11.png") center / contain no-repeat;
  mask: url("../../img/LogoNewest-11.png") center / contain no-repeat;
  pointer-events: none;
}
.parea-discovery #why-parea h2 {
  font-size: clamp(1.85rem, 5.5vw, 2.6rem); font-weight: 900;
  letter-spacing: -.045em; line-height: 1.05; color: #1c286e !important;
}
.parea-discovery #why-parea .discovery-about-copy { color: #343348 !important; line-height: 1.55; }
.parea-discovery .discovery-about-notes { color: #1c286e; font-weight: 700; gap: .35rem 1rem; }
.parea-discovery #submit .discovery-features article { border: 0 !important; border-radius: 18px !important; padding: 1rem .85rem; }
.parea-discovery #submit .discovery-features article:nth-child(1) { background: #dce9ff !important; }
.parea-discovery #submit .discovery-features article:nth-child(2) { background: #c8ddff !important; }
.parea-discovery #submit .discovery-features article:nth-child(3) { background: #e9f1fd !important; }
.parea-discovery #submit .discovery-features article:nth-child(4) { background: #d4e4ff !important; }
.parea-discovery #submit .discovery-features article > div:first-child {
  background: var(--colour-primary) !important; color: #fff !important;
  border-radius: 11px; width: 36px; height: 36px;
}
.parea-discovery #submit .discovery-features article:nth-child(odd) > div:first-child { transform: rotate(-6deg); }
.parea-discovery #submit .discovery-features article:nth-child(even) > div:first-child { transform: rotate(6deg); }
.parea-discovery #submit .discovery-features h3 { color: #1c286e !important; font-weight: 800; }
.parea-discovery #answers > div {
  background: var(--colour-primary) !important; border: 0 !important;
  border-radius: 26px !important; padding: 1.5rem;
}
.parea-discovery #answers h2 { color: #fff !important; font-weight: 900; font-size: clamp(1.65rem, 4vw, 2.2rem); }
.parea-discovery #answers .discovery-answers-heading > p { color: #e4edff !important; }
.parea-discovery #answers .faq-item { border-bottom-color: rgb(255 255 255 / 25%) !important; }
.parea-discovery #answers .faq-trigger { color: #fff !important; font-weight: 700; }
.parea-discovery #answers .faq-icon { background: #fff !important; color: var(--colour-primary) !important; }
.parea-discovery #answers .faq-panel p { color: #e4edff !important; }
.parea-discovery #answers .faq-more > summary { background: #fff; color: var(--colour-primary); }
.parea-discovery #answers .faq-trigger:focus-visible,
.parea-discovery #answers .faq-more > summary:focus-visible { outline-color: #fff; }
@media (min-width: 768px) {
  .parea-discovery #why-parea > div { padding: 2rem; }
  .parea-discovery #answers > div { padding: 2rem; }
}
@media (max-width: 359px) {
  .parea-discovery #why-parea > div,
  .parea-discovery #answers > div { padding: 1.15rem; }
  .parea-discovery #submit .discovery-features article { padding: .75rem .6rem; }
  .parea-discovery #submit .discovery-features article > div:first-child { width: 30px; height: 30px; }
}

/* Food and coffee guides share the existing discovery palette and typography. */
.parea-discovery .discovery-guide-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .25rem 0 1.25rem; }
.parea-discovery .discovery-guide-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 0; padding: .65rem 1rem; border: 1px solid var(--colour-border-soft); border-radius: 999px; background: var(--colour-surface-strong); color: var(--colour-primary); font-size: .8125rem; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.parea-discovery .discovery-guide-links a:hover { background: #d4e4ff; border-color: var(--colour-primary); }
.parea-discovery .discovery-guide-links a[aria-current="page"] { background: var(--colour-primary); border-color: var(--colour-primary); color: var(--colour-primary-text); }
.discovery-guide-label-short { display: none; }
@media (max-width: 600px) {
  .parea-discovery .discovery-guide-links--browse { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .375rem; margin-top: .1rem; margin-bottom: 1rem; }
  .parea-discovery .discovery-guide-links--browse a { width: 100%; padding: .65rem .35rem; font-size: .75rem; }
  .discovery-guide-links--browse .discovery-guide-label-full { display: none; }
  .discovery-guide-links--browse .discovery-guide-label-short { display: inline; }
}
@media (prefers-reduced-motion: reduce) { .parea-discovery .discovery-guide-links a { transition: none; } }
.discovery-guide-links a:focus-visible, .collection-guide a:focus-visible { outline: 2px solid var(--colour-focus); outline-offset: 4px; }
.collection-guide { margin-top: 2rem; border-top: 1px solid var(--colour-border-soft); padding-top: 1.5rem; }
.collection-guide[hidden] { display: none; }
.collection-guide h2 { font-family: Montserrat, sans-serif; font-size: clamp(1.4rem, 3vw, 1.8rem); line-height: 1.3; font-weight: 800; letter-spacing: -.025em; }
.collection-guide h3 { margin-top: 1.5rem; font-size: 1rem; font-weight: 700; }
.collection-guide p { max-width: 65ch; margin-top: .65rem; font-size: .9375rem; line-height: 1.7; color: var(--colour-muted-text); }


/* The description is part of the choice: show the full short summary on place cards. */
.parea-discovery #eventGrid .place-card .ticket-description,
.parea-discovery #eventGrid .venue-card-description { display: block; -webkit-line-clamp: unset; max-height: none; overflow: visible; line-height: 1.55; }

.discovery-guide-links[hidden] { display: none !important; }