/* BLOOOW Event Detail — page-only visual redesign. No changes to the gallery or interest JS. */
.event-detail-redesign-page {
  --ed-ink:#101a2b; --ed-muted:#475977; --ed-panel:#ffffff;
  --ed-soft:#f0f5ff; --ed-border:#c8d6eb; --ed-blue:#164df1;
  --ed-blue-soft:#e6edff; --ed-shadow:0 14px 36px rgba(21,43,79,.09);
  --ed-nav:rgba(255,255,255,.96);
}
:root[data-theme="dark"] .event-detail-redesign-page {
  --ed-ink:#f3f7ff; --ed-muted:#b7c8e5; --ed-panel:#17233b;
  --ed-soft:#223454; --ed-border:#53688d; --ed-blue:#b0c7ff;
  --ed-blue-soft:#203d77; --ed-shadow:0 14px 35px rgba(0,0,0,.27);
  --ed-nav:#192842;
}
/* LISTING DETAIL HEADER — compact scenic top bar, no search or onboarding CTA.
   The marketplace remains the canonical destination for searching/filtering.
   Reuse the homepage image if installed; fall back to the included city illustration. */
.event-detail-redesign-page .blooow-header {
  position: relative;
  isolation: isolate;
  z-index: 30;
  width: min(calc(100% - 28px), 1560px);
  min-height: 100px;
  margin: 12px auto 0;
  padding: 14px clamp(14px, 2.6vw, 36px);
  overflow: visible;
  border: 1.5px solid var(--ed-border);
  border-radius: 23px;
  background: var(--ed-panel);
  box-shadow: var(--ed-shadow);
  color: var(--ed-ink);
}
.event-detail-redesign-page .blooow-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(100deg, transparent, rgba(34,63,160,.17)), url("../images/home/events.935db977a6a1.webp");
  background-position: 72% 52%, 75% 55%;
  background-size: cover, cover;
  background-repeat: no-repeat;
  opacity: .64;
  -webkit-mask-image: linear-gradient(90deg, transparent 4%, transparent 38%, #000 91%);
  mask-image: linear-gradient(90deg, transparent 4%, transparent 38%, #000 91%);
}
:root[data-theme="dark"] .event-detail-redesign-page .blooow-header::before { opacity: .49; }
.event-detail-redesign-page .blooow-header-top,
.event-detail-redesign-page .blooow-header-frame {
  width: 100%;
  max-width: 100%;
  min-height: 70px;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(110px,145px) minmax(0,1fr) auto;
  align-items: center;
  gap: clamp(8px, 1.5vw, 22px);
}
.event-detail-redesign-page .blooow-header-brand {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  justify-self: start;
  width: clamp(108px, 10vw, 138px) !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 1134 / 780;
  margin: 0;
  padding: 0;
}
.event-detail-redesign-page .blooow-header-brand .blooow-brand-lockup { width:100%;height:100%; }
.event-detail-redesign-page .blooow-header-slogan { display: none !important; }
.event-detail-redesign-page .blooow-header-center {width:100%;min-width:0;}
.event-detail-redesign-page .blooow-main-nav-shell {width:100%;margin:0;padding:0;}
.event-detail-redesign-page .blooow-main-nav-desktop {
  display:flex;
  width:max-content;
  max-width:100%;
  min-height:46px;
  margin:0 auto;
  padding:4px;
  gap:1px;
  border:1px solid var(--ed-border);
  border-radius:999px;
  background:var(--ed-nav);
  box-shadow: 0 2px 10px rgba(14,31,68,.06);
}
.event-detail-redesign-page .blooow-main-nav-mobile {display:none;}
.event-detail-redesign-page .blooow-main-nav a,
.event-detail-redesign-page .blooow-nav-more summary {
  padding: 11px clamp(7px,.85vw,12px);
  font-size:clamp(.67rem,.78vw,.79rem);
  line-height:1.2;
  font-weight:800;
  color:var(--ed-ink);
  opacity:1;
}
.event-detail-redesign-page .blooow-main-nav a.active,
.event-detail-redesign-page .blooow-main-nav a:hover,
.event-detail-redesign-page .blooow-main-nav a:focus-visible,
.event-detail-redesign-page .blooow-nav-more.active > summary,
.event-detail-redesign-page .blooow-nav-more[open] > summary {
  color:var(--ed-blue);
  background:var(--ed-blue-soft);
}
.event-detail-redesign-page .blooow-header-actions {
  display:flex;
  width:auto;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.event-detail-redesign-page .home-language-switcher {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  min-height:40px;
  padding:3px;
  gap:1px;
  border:1px solid var(--ed-border);
  border-radius:999px;
  background:var(--ed-nav);
}
.event-detail-redesign-page .home-language-switcher form {display:flex;margin:0;}
.event-detail-redesign-page .home-language-choice {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 9px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--ed-ink);
  font:800 .72rem/1.2 Inter,"Noto Sans Sinhala","Noto Sans Tamil",system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.event-detail-redesign-page .home-language-choice.is-current {
  color:var(--ed-blue);
  background:var(--ed-blue-soft);
}
.event-detail-redesign-page .home-language-choice:not(.is-current):hover {background:var(--ed-soft);}
.event-detail-redesign-page .blooow-header-actions .blooow-theme-toggle {
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  overflow:hidden;
  border:1.5px solid #bd8529;
  border-radius:50%;
  background:linear-gradient(145deg,#fffefa,#ffedc9);
  box-shadow:0 2px 9px rgba(116,68,0,.12);
}
.event-detail-redesign-page .blooow-header-actions .blooow-theme-toggle::before {display:none;}
.event-detail-redesign-page .blooow-header-actions .blooow-theme-icon-stage,
:root[data-theme="dark"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-icon-stage,
:root[data-theme="light"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-icon-stage {
  position:absolute;
  inset:0;
  display:block;
  width:auto;
  height:auto;
  border-radius:50%;
  background:none;
  box-shadow:none;
  transform:none !important;
}
.event-detail-redesign-page .blooow-header-actions .blooow-theme-icon {
  position:absolute;
  inset:auto;
  top:50%; left:50%;
  width:22px; height:22px;
  margin:0;
  stroke-width:2.2;
  transform:translate(-50%,-50%) !important;
}
:root[data-theme="light"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-sun {display:block;opacity:1;color:#b46c00;}
:root[data-theme="light"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-moon {display:none;}
:root[data-theme="dark"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-toggle {
  border-color:#829ae7;
  background:linear-gradient(145deg,#26365e,#111f41);
  box-shadow:0 2px 11px rgba(0,0,0,.28);
}
:root[data-theme="dark"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-moon {display:block;opacity:1;color:#e0e9ff;}
:root[data-theme="dark"] .event-detail-redesign-page .blooow-header-actions .blooow-theme-sun {display:none;}
.event-detail-redesign-page .blooow-header-actions .blooow-theme-toggle:focus-visible {outline:3px solid var(--ed-blue);outline-offset:3px;}


/* Content stays in the correct natural reading order; no navigation sidebar. */
.event-detail-redesign-page .event-design-shell {
  width:min(calc(100% - 32px), 1310px);
  margin:0 auto;
  padding:18px 0 64px;
  color:var(--ed-ink);
}
.event-detail-redesign-page .event-return-link {
  display:inline-flex;opacity:1;color:var(--ed-muted);
  border-color:var(--ed-border);background:var(--ed-panel);font-weight:730;
  border-radius:12px;margin-bottom:18px;
}
.event-detail-redesign-page .event-design-grid {
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(16px,2.6vw,32px);align-items:start;
}
.event-detail-redesign-page .event-design-media-column,
.event-detail-redesign-page .event-design-information {min-width:0;}
.event-detail-redesign-page .event-design-media-column {
  padding:14px;background:var(--ed-panel);border:1.5px solid var(--ed-border);
  border-radius:22px;box-shadow:var(--ed-shadow);
}
.event-detail-redesign-page .event-design-information {
  background:var(--ed-panel);padding:clamp(18px,2.4vw,32px);
  border:1.5px solid var(--ed-border);border-radius:22px;
  box-shadow:var(--ed-shadow);
}
.event-detail-redesign-page .event-media-stage {
  border:1.5px solid var(--ed-border)!important;
  border-radius:15px;overflow:hidden;
}
.event-detail-redesign-page .event-media-thumbnails {margin-top:11px;}
.event-detail-redesign-page .event-media-thumbnail {
  border:2px solid var(--ed-border);border-radius:11px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.event-detail-redesign-page .event-media-thumbnail.is-active,
.event-detail-redesign-page .event-media-thumbnail[aria-pressed="true"] {
  border-color:#2457fc!important;box-shadow:0 0 0 2px rgba(80,135,255,.28);
}
.event-detail-redesign-page .event-media-nav {
  background:rgba(255,255,255,.96);color:#17243d;border:1px solid #c8d4e9;
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}
.event-detail-redesign-page .event-design-organizer {
  margin-top:14px;display:flex;align-items:center;gap:12px;
  padding:14px;background:var(--ed-soft);border:1px solid var(--ed-border);
  border-radius:14px;color:var(--ed-ink);
}
.event-detail-redesign-page .event-design-organizer-icon {
  display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;
  border:1px solid var(--ed-border);border-radius:13px;
  color:var(--ed-blue);background:var(--ed-panel);
}
.event-detail-redesign-page .event-design-organizer-icon svg,
.event-detail-redesign-page .event-design-calendar svg,
.event-detail-redesign-page .event-design-share svg {
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
.event-detail-redesign-page .event-design-organizer-text {min-width:0;display:grid;gap:3px;}
.event-detail-redesign-page .event-design-organizer-text strong {font-size:1rem;overflow-wrap:anywhere;}
.event-detail-redesign-page .event-design-eyebrow {
  color:var(--ed-muted);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
}
.event-detail-redesign-page .event-design-organizer-verified {color:#087c4c;font-size:.72rem;font-weight:800;}
:root[data-theme="dark"] .event-detail-redesign-page .event-design-organizer-verified {color:#76edb0;}
.event-detail-redesign-page .event-design-organizer-site {
  margin-left:auto;flex:0 0 auto;color:var(--ed-blue);font-weight:800;font-size:.78rem;
  padding:8px 10px;border:1px solid var(--ed-border);border-radius:10px;
}
.event-detail-redesign-page .event-design-badges {margin:0 0 14px;gap:8px;}
.event-detail-redesign-page .event-design-badges .detail-chip {
  min-height:29px;border:1.3px solid var(--ed-border);
  padding:6px 10px;background:var(--ed-soft);color:var(--ed-ink);
  font-size:.68rem;font-weight:760;letter-spacing:0;text-transform:none;
}
.event-detail-redesign-page .event-design-badges .detail-chip-strong {
  background:#e4f7eb;border-color:#6bbd8d;color:#086135;
}
:root[data-theme="dark"] .event-detail-redesign-page .event-design-badges .detail-chip-strong {
  background:#153f33;border-color:#439c73;color:#9dffd0;
}
.event-detail-redesign-page .event-design-information h1 {
  margin:0;font-size:clamp(1.85rem,3.2vw,3.15rem);
  line-height:1.09;font-weight:850;letter-spacing:-.04em;color:var(--ed-ink);
  overflow-wrap:anywhere;text-wrap:balance;
}
.event-detail-redesign-page .event-design-engagement {
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;
  padding:12px 0;margin-top:14px;border-top:1px solid var(--ed-border);
  border-bottom:1px solid var(--ed-border);
}
.event-detail-redesign-page .event-design-engagement .discovery-detail-engagement {
  display:flex;align-items:center;gap:14px;margin:0;flex-wrap:wrap;
}
.event-detail-redesign-page .event-design-engagement .discovery-detail-stat,
.event-detail-redesign-page .event-design-engagement .discovery-engagement-action {
  opacity:1;color:var(--ed-muted);font-size:.81rem;
}
.event-detail-redesign-page .event-design-engagement .discovery-engagement-action.is-active {color:#e63259;}
.event-detail-redesign-page .event-design-share {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:39px;padding:7px 13px;border-radius:11px;
  border:1.5px solid var(--ed-border);background:var(--ed-soft);
  color:var(--ed-ink);font-size:.78rem;font-weight:800;cursor:pointer;
}
.event-detail-redesign-page .event-design-share:hover {border-color:var(--ed-blue);color:var(--ed-blue);}
.event-detail-redesign-page .event-design-share-status:empty {display:none;}
.event-detail-redesign-page .event-design-share-status {margin:5px 0 0;font-size:.74rem;color:var(--ed-muted);}
.event-detail-redesign-page .event-design-facts {
  margin-top:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
.event-detail-redesign-page .event-design-facts .detail-info-card {
  min-width:0;min-height:105px;display:flex;align-items:flex-start;
  gap:10px;padding:14px;background:var(--ed-soft);
  border:1.5px solid var(--ed-border);border-radius:14px;color:var(--ed-ink);
}
.event-detail-redesign-page .event-design-facts .detail-info-icon {
  flex:0 0 36px;width:36px;height:36px;border-radius:10px;
  color:var(--ed-blue);background:var(--ed-panel);border-color:var(--ed-border);
}
.event-detail-redesign-page .event-design-facts .detail-info-label {
  opacity:1;color:var(--ed-muted);font-size:.65rem;letter-spacing:.045em;
}
.event-detail-redesign-page .event-design-facts strong,
.event-detail-redesign-page .event-design-facts .event-time-line span {
  color:var(--ed-ink);font-size:.83rem;line-height:1.45;
}
.event-detail-redesign-page .event-design-facts .event-time-secondary,
.event-detail-redesign-page .event-design-facts .detail-info-card > div > span:last-child:not(.detail-info-label) {
  color:var(--ed-muted);opacity:1;font-size:.74rem;
}
.event-detail-redesign-page .event-design-calendar {
  display:flex;justify-content:center;align-items:center;gap:11px;
  width:100%;min-height:51px;margin-top:13px;padding:12px 16px;
  border:1.5px solid #1144dc;border-radius:13px;
  background:#184cf1;color:#fff;font-weight:850;text-align:center;
  box-shadow:0 7px 18px rgba(24,76,241,.20);
}
.event-detail-redesign-page .event-design-calendar:hover {background:#0b3bd4;color:#fff;}
.event-detail-redesign-page .event-design-about {
  margin-top:19px;padding-top:18px;border-color:var(--ed-border);
}
.event-detail-redesign-page .event-design-about h2 {
  margin:0;color:var(--ed-ink);font-size:1.17rem;font-weight:830;
}
.event-detail-redesign-page .event-design-about .detail-description {
  margin-top:10px;color:var(--ed-muted);opacity:1;font-size:.89rem;line-height:1.72;overflow-wrap:anywhere;
}
.event-detail-redesign-page .event-design-links {margin-top:20px;gap:9px;}
.event-detail-redesign-page .event-design-links .detail-primary-action,
.event-detail-redesign-page .event-design-links .detail-secondary-action {
  min-height:43px;border-radius:11px;font-size:.79rem;font-weight:800;
}
.event-detail-redesign-page .event-design-links .detail-secondary-action {
  background:var(--ed-soft);border:1px solid var(--ed-border);color:var(--ed-ink);
}
.event-detail-redesign-page a:focus-visible,
.event-detail-redesign-page button:focus-visible {outline:3px solid #5782fa;outline-offset:3px;}
@media(max-width:1080px){
  .event-detail-redesign-page .event-design-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
  .event-detail-redesign-page .event-design-facts{grid-template-columns:1fr;}
}
@media(max-width:980px){
  .event-detail-redesign-page .blooow-header{min-height:0;padding:12px 15px;}
  .event-detail-redesign-page .blooow-header-top,.event-detail-redesign-page .blooow-header-frame {
    grid-template-columns:minmax(104px,1fr) auto;grid-template-areas:"brand actions" "nav nav";row-gap:8px;
  }
  .event-detail-redesign-page .blooow-header-brand{grid-area:brand;width:clamp(107px,17vw,130px)!important;}
  .event-detail-redesign-page .blooow-header-center{grid-area:nav;}
  .event-detail-redesign-page .blooow-header-actions{grid-area:actions;}
  .event-detail-redesign-page .blooow-main-nav-desktop{display:none;}
  .event-detail-redesign-page .blooow-main-nav-mobile{
    display:flex;justify-content:space-between;width:100%;min-height:41px;
    padding:3px;gap:2px;border:1px solid var(--ed-border);border-radius:999px;background:var(--ed-nav);
  }
  .event-detail-redesign-page .blooow-main-nav-mobile > a,
  .event-detail-redesign-page .blooow-main-nav-mobile > .blooow-nav-more{flex:1 1 0;min-width:0;text-align:center;}
  .event-detail-redesign-page .blooow-main-nav-mobile > a,
  .event-detail-redesign-page .blooow-main-nav-mobile > .blooow-nav-more > summary{
    display:flex;justify-content:center;align-items:center;min-height:32px;padding:6px 3px;font-size:.71rem;
  }
  .event-detail-redesign-page .blooow-header::before{
    background-position:75% 50%,75% 50%;opacity:.47;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,#000 100%);
  }
}
@media(max-width:800px){.event-detail-redesign-page .event-design-grid{grid-template-columns:1fr;}}
@media(max-width:640px){
  .event-detail-redesign-page .blooow-header{width:calc(100% - 16px);margin-top:8px;padding:10px 12px;border-radius:19px;}
  .event-detail-redesign-page .blooow-header-top,.event-detail-redesign-page .blooow-header-frame{grid-template-columns:minmax(88px,1fr) auto;gap:8px;}
  .event-detail-redesign-page .blooow-header-brand{width:clamp(104px,24vw,128px)!important;}
  .event-detail-redesign-page .home-language-switcher{min-height:35px;padding:2px;}
  .event-detail-redesign-page .home-language-choice{padding:5px 6px;min-height:30px;font-size:.67rem;}
  .event-detail-redesign-page .blooow-header-actions{gap:6px;}
  .event-detail-redesign-page .blooow-header-actions .blooow-theme-toggle{width:38px;height:38px;min-width:38px;flex-basis:38px;}
  .event-detail-redesign-page .blooow-header-actions .blooow-theme-icon{width:21px;height:21px;}
  .event-detail-redesign-page .event-design-shell{width:calc(100% - 16px);padding:12px 0 50px;}
  .event-detail-redesign-page .event-design-media-column{padding:9px;border-radius:17px;}
  .event-detail-redesign-page .event-design-information{padding:18px 15px;border-radius:17px;}
  .event-detail-redesign-page .event-design-information h1{font-size:clamp(1.75rem,8.5vw,2.6rem);}
  .event-detail-redesign-page .event-design-facts{grid-template-columns:1fr;}
  .event-detail-redesign-page .event-design-organizer{padding:11px;gap:9px;}
  .event-detail-redesign-page .event-design-organizer-site{padding:6px 8px;}
}
@media(max-width:355px){
  .event-detail-redesign-page .blooow-header{padding:10px 9px;}
  .event-detail-redesign-page .blooow-header-brand{width:96px!important;}
  .event-detail-redesign-page .home-language-choice{font-size:.60rem;padding:5px 4px;}
  .event-detail-redesign-page .blooow-header-actions .blooow-theme-toggle{width:35px;height:35px;min-width:35px;flex-basis:35px;}
  .event-detail-redesign-page .blooow-main-nav-mobile > a,
  .event-detail-redesign-page .blooow-main-nav-mobile > .blooow-nav-more > summary{font-size:.64rem;padding:6px 2px;}
}
@media(prefers-reduced-motion:reduce){
  .event-detail-redesign-page .event-media-thumbnail{transition:none;}
}
/* Global Experience V6 still defines a three-column detail header below
   390px; override it for this page's deliberate two-row compact design. */
@media(max-width:980px) {
  body.event-detail-redesign-page.discovery-detail-page .blooow-header-top,
  body.event-detail-redesign-page.discovery-detail-page .blooow-header-frame {
    grid-template-columns:minmax(104px,1fr) auto !important;
    grid-template-areas:"brand actions" "nav nav" !important;
  }
}
@media(max-width:640px) {
  body.event-detail-redesign-page.discovery-detail-page .blooow-header-top,
  body.event-detail-redesign-page.discovery-detail-page .blooow-header-frame {
    grid-template-columns:minmax(88px,1fr) auto !important;
  }
}
@media(max-width:360px) {
  .event-detail-redesign-page .event-design-engagement .event-design-share {
    width:100%;
  }
}

/* Light-mode detail-header image stays on the right, clear of the navigation. */
:root:not([data-theme="dark"]) .event-detail-redesign-page .blooow-header::before {
  opacity:.56;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 46%, rgba(0,0,0,.28) 68%, #000 100%);
  mask-image:linear-gradient(90deg, transparent 0%, transparent 46%, rgba(0,0,0,.28) 68%, #000 100%);
}