/* ========================================
   Shared "sponsored content" badge, used
   across Video, Events, Webinars, Magazines,
   Fibres, Resins and Prepregs. One file so
   every section looks and behaves the same.
   ======================================== */

.sponsor-badge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .18rem .55rem;
  border-radius: 20px;
  background: #fff6e0;
  color: #8a5a06;
  border: 1px solid #eec574;
  font-size: .66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap;
  line-height: 1.3;
}
.sponsor-badge i {
  font-size: .68rem;
}

[data-bs-theme="dark"] .sponsor-badge {
  background: #352a0f;
  color: #f0c674;
  border-color: #6b5220;
}

/* Slightly more visible border + faint background tint on the card/row
   itself -- deliberately subtle, never a strong colour or animation. */
.sponsor-card {
  border-color: #eec574 !important;
  background: linear-gradient(180deg, #fffaf0 0%, var(--bs-body-bg, #fff) 65%) !important;
}
[data-bs-theme="dark"] .sponsor-card {
  background: linear-gradient(180deg, #26200e 0%, var(--bs-body-bg, #111) 65%) !important;
}

/* Discount-code banner (Events, Webinars, Magazines) */
.sponsor-discount {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
  margin-top: .6rem;
  padding: .5rem .7rem;
  border: 1px dashed #eec574;
  border-radius: 8px;
  background: #fffaf0;
  font-size: .78rem;
  color: #6b5220;
}
[data-bs-theme="dark"] .sponsor-discount {
  background: #241d0c;
  border-color: #6b5220;
  color: #f0c674;
}
.sponsor-discount code {
  padding: .1rem .45rem;
  border-radius: 5px;
  background: #f0c674;
  color: #3a2a05;
  font-weight: 700;
  letter-spacing: .02em;
}
[data-bs-theme="dark"] .sponsor-discount code {
  background: #6b5220;
  color: #fff3d6;
}
.sponsor-discount button.sponsor-copy-btn {
  border: 1px solid #eec574;
  background: transparent;
  color: inherit;
  border-radius: 5px;
  padding: .15rem .5rem;
  font-size: .72rem;
  cursor: pointer;
}
.sponsor-discount button.sponsor-copy-btn:hover {
  background: #f0c674;
  color: #3a2a05;
}