/* Connect Music Events - Brasa Dey Summer Edition, v10.
   Combined Suriname + Netherlands flag palette.
   Strictly page-specific: no .related selectors and no changes to other event cards. */
body[data-page="brasa-dey-summer-edition.html"] {
  --brasa-green: #377E3F;
  --brasa-forest: #174B28;
  --brasa-red: #B40A2D;
  --brasa-yellow: #ECC81D;
  --brasa-blue: #21468B;
  --brasa-blue-deep: #17306B;
  --brasa-cream: #fffdf8;
  background:
    radial-gradient(circle at top left, rgba(33,70,139,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(55,126,63,.08), transparent 24%),
    var(--brasa-cream);
}

/* Header and mobile menu. Keep the supplied logo unchanged. */
body[data-page="brasa-dey-summer-edition.html"] .topbar {
  background: linear-gradient(90deg,var(--brasa-green) 0 30%, var(--brasa-red) 30% 68%, var(--brasa-blue) 68% 100%);
  color: #fff;
  box-shadow: inset 0 -3px var(--brasa-yellow);
}
body[data-page="brasa-dey-summer-edition.html"] .topbar a { color: #ffef96; }
body[data-page="brasa-dey-summer-edition.html"] .header {
  background: rgba(255,255,255,.98);
  border-bottom-color: rgba(33,70,139,.16);
  color: #1d2920;
}
body[data-page="brasa-dey-summer-edition.html"] .header .nav,
body[data-page="brasa-dey-summer-edition.html"] .header .dropdown-panel { color: #1d2920; }
body[data-page="brasa-dey-summer-edition.html"] .header :is(.nav a:not(.btn):hover,.nav a[aria-current=page],.dropdown>summary:hover,.dropdown.is-current>summary) {
  color: var(--brasa-red);
}
body[data-page="brasa-dey-summer-edition.html"] .header .dropdown-panel {
  background: #fff;
  border-color: rgba(33,70,139,.18);
  box-shadow: 0 18px 60px rgba(23,48,107,.12);
}
body[data-page="brasa-dey-summer-edition.html"] .header .dropdown-panel a:hover,
body[data-page="brasa-dey-summer-edition.html"] .header .dropdown-panel a[aria-current=page] {
  color: var(--brasa-blue-deep);
  background: #eef4ff;
}
body[data-page="brasa-dey-summer-edition.html"] :is(.header,.detail-main) .btn-primary,
body[data-page="brasa-dey-summer-edition.html"] .menu-toggle {
  background: var(--brasa-red);
  color: #fff;
  border-color: var(--brasa-red);
}
body[data-page="brasa-dey-summer-edition.html"] :is(.header,.detail-main) .btn-primary:hover,
body[data-page="brasa-dey-summer-edition.html"] .menu-toggle:hover {
  background: #910723;
  color: #fff;
  border-color: #910723;
}
body[data-page="brasa-dey-summer-edition.html"] :is(.header,.detail-main) :is(a,button,summary):focus-visible {
  outline-color: var(--brasa-red);
}
body[data-page="brasa-dey-summer-edition.html"] :is(.detail-hero,.footer,.topbar) :is(a,button,summary):focus-visible {
  outline-color: var(--brasa-yellow);
}
body[data-page="brasa-dey-summer-edition.html"] .skip {
  background: var(--brasa-yellow);
  color: #222;
}

/* Festival hero: green-red-blue mix inspired by both flags. */
body[data-page="brasa-dey-summer-edition.html"] .detail-hero {
  background:
    radial-gradient(circle at 18% 15%, rgba(236,200,29,.20), transparent 18%),
    linear-gradient(90deg, rgba(255,255,255,.10) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, #174B28 0%, #2a6a37 32%, #b40a2d 58%, #21468b 100%);
  color: #fff;
  position: relative;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-copy h1 { color: #fff; }
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .breadcrumb { color: #f2f5fb; }
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .eyebrow { color: #ffef96; }
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .lead { color: #f3f6fb; }
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .btn-primary {
  background: var(--brasa-yellow);
  color: #202019;
  border-color: var(--brasa-yellow);
}
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .btn-primary:hover {
  background: #ffe35a;
  color: #202019;
  border-color: #ffe35a;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .btn-light-outline {
  color: #fff;
  border-color: rgba(255,255,255,.7);
  background: rgba(255,255,255,.05);
}
body[data-page="brasa-dey-summer-edition.html"] .detail-copy .btn-light-outline:hover {
  background: rgba(255,255,255,.15);
}
/* v13: one continuous flag composition inside the existing hero banner.
   Suriname on the left, the Netherlands on the right. A feathered mask joins
   the two palettes without a hard diagonal stripe or a detached round badge.
   Deliberately scoped to .detail-art: event tiles are not affected. */
body[data-page="brasa-dey-summer-edition.html"] .detail-art .poster-brasa {
  background: linear-gradient(180deg,
    #377E3F 0% 19.5%, #fff 20.5% 29.5%, #B40A2D 30.5% 69.5%,
    #fff 70.5% 79.5%, #377E3F 80.5% 100%);
  color: #fff;
  box-shadow: inset 1px 0 rgba(255,255,255,.14);
  isolation: isolate;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-art .poster-brasa::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  transform: none;
  clip-path: none;
  opacity: 1;
  background:
    radial-gradient(ellipse at 65% 4%,rgba(255,255,255,.10),transparent 65%),
    linear-gradient(180deg,#AE1C28 0% 32.8%,#fff 33.8% 66.2%,#21468B 67.2% 100%);
  -webkit-mask-image: linear-gradient(105deg,transparent 0% 32%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.42) 53%,rgba(0,0,0,.84) 65%,#000 80% 100%);
  mask-image: linear-gradient(105deg,transparent 0% 32%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.42) 53%,rgba(0,0,0,.84) 65%,#000 80% 100%);
  z-index: 0;
  pointer-events: none;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-art .poster-brasa::after {
  content: '';
  display: block;
  position: absolute;
  width: clamp(38px,12cqw,84px);
  height: auto;
  aspect-ratio: 1;
  top: 50%;
  left: 53%;
  right: auto;
  bottom: auto;
  transform: translate(-50%,-50%);
  background: var(--brasa-yellow);
  clip-path: polygon(50% 0%,61.8% 35.5%,100% 35.5%,69% 58%,80.9% 94.5%,50% 72%,19.1% 94.5%,31% 58%,0% 35.5%,38.2% 35.5%);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-art .poster-title {
  top: 50%;
  bottom: auto;
  left: clamp(24px,7cqw,52px);
  right: 29%;
  transform: translateY(-50%);
  max-width: none;
  font-size: clamp(30px,10cqw,72px);
  line-height: .96;
  font-style: normal;
  letter-spacing: -.05em;
  text-shadow: none;
  color: #fff;
  z-index: 1;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-art .poster-title small {
  font-size: clamp(9px,2.1cqw,12px);
  letter-spacing: .13em;
  margin-top: 10px;
  line-height: 1.3;
  opacity: 1;
  color: #fff;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-art .poster-brand {
  color: #fff;
  top: 7%;
  left: clamp(24px,7cqw,52px);
  opacity: 1;
}

/* Practical information and article colours do not propagate into .related. */
body[data-page="brasa-dey-summer-edition.html"] .facts-strip {
  background: linear-gradient(90deg,#fff 0 33%, #fff7eb 33% 66%, #eef4ff 66% 100%);
  border-bottom-color: rgba(33,70,139,.18);
  color: #1d2920;
  box-shadow: inset 0 4px var(--brasa-yellow);
}
body[data-page="brasa-dey-summer-edition.html"] .facts-strip .fact { border-right-color: #e3e9df; }
body[data-page="brasa-dey-summer-edition.html"] .facts-strip .fact small { color: #5c675b; }
body[data-page="brasa-dey-summer-edition.html"] .facts-strip .fact:nth-child(1) .icon { color: var(--brasa-green); }
body[data-page="brasa-dey-summer-edition.html"] .facts-strip .fact:nth-child(2) .icon { color: var(--brasa-red); }
body[data-page="brasa-dey-summer-edition.html"] .facts-strip .fact:nth-child(3) .icon { color: var(--brasa-blue); }
body[data-page="brasa-dey-summer-edition.html"] .facts-strip .fact:nth-child(4) .icon { color: #9a7b00; }
body[data-page="brasa-dey-summer-edition.html"] .detail-main {
  --ink: #1d2920;
  --muted: #566151;
  --line: #e1e8dc;
  --purple: #B40A2D;
  color: var(--ink);
}
body[data-page="brasa-dey-summer-edition.html"] .detail-main .article-copy h2 { color: var(--brasa-forest); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .article-copy p { color: #53604f; }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .article-section>.eyebrow { color: var(--brasa-red); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .notice {
  background: linear-gradient(90deg,#fff7d6 0%,#fff8e8 55%,#eef4ff 100%);
  border-left-color: var(--brasa-yellow);
  color: #4f4b31;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-main .notice strong { color: var(--brasa-forest); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .topic-number { color: var(--brasa-red); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .topic:nth-child(2) .topic-number { color: var(--brasa-green); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .topic:nth-child(3) .topic-number { color: var(--brasa-blue); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .booking-box {
  border-color: rgba(33,70,139,.18);
  background: linear-gradient(155deg,#fff 45%,#f0f6ff 72%,#f1f7e9 100%);
  box-shadow: inset 0 5px var(--brasa-red),0 16px 40px rgba(23,48,107,.07);
}
body[data-page="brasa-dey-summer-edition.html"] .detail-main .booking-box .eyebrow { color: var(--brasa-green); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .booking-box .badge { background: #f9e784; color: #34320e; }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .btn-outline {
  background: #16263e;
  color: #fff;
  border-color: #16263e;
}
body[data-page="brasa-dey-summer-edition.html"] .detail-main .btn-outline:hover { background: var(--brasa-blue-deep); border-color: var(--brasa-blue-deep); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .text-link:hover { color: var(--brasa-red); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .faq-item>summary:after { color: var(--brasa-red); }
body[data-page="brasa-dey-summer-edition.html"] .detail-main .faq-item[open] { border-bottom-color: var(--brasa-green); }

/* Footer keeps its structure, original transparent logo and white lettering. */
body[data-page="brasa-dey-summer-edition.html"] .cta-band {
  background: linear-gradient(90deg,var(--brasa-green) 0 35%, var(--brasa-red) 35% 68%, var(--brasa-blue) 68% 100%);
  color:#fff;
}
body[data-page="brasa-dey-summer-edition.html"] .footer {
  background: linear-gradient(130deg,#153D23 0%, #255C2F 33%, #9e102e 68%, #17306B 100%);
  color: #f4f5eb;
  box-shadow: inset 0 4px var(--brasa-yellow);
}
body[data-page="brasa-dey-summer-edition.html"] .footer :is(h3,p,span,a,.footer-links,.footer-contact,.footer-bottom,.footer-legal) { color: #f4f5eb; }
body[data-page="brasa-dey-summer-edition.html"] .footer a:hover,
body[data-page="brasa-dey-summer-edition.html"] .footer .text-link { color: #ffef96; }
body[data-page="brasa-dey-summer-edition.html"] .footer-bottom { border-color: rgba(255,255,255,.2); }
@media(max-width:900px) {
  body[data-page="brasa-dey-summer-edition.html"] .header .nav { background: #fff; }
}
@media print {
  body[data-page="brasa-dey-summer-edition.html"] .detail-hero { background: #fff; color: #000; }
  body[data-page="brasa-dey-summer-edition.html"] .detail-copy :is(h1,.lead,.eyebrow,.breadcrumb) { color: #000; }
}