/* Additions to the Evente template, each one validated by Sami for a block the template does not have.
   Nothing here restyles the template: it only extends its own components. */

/* 2026-10-15 — the template's vertical section name (.td-team-bigtext, used once on its team block) on any
   home section: centred vertically in its section, and also on the left side, mirrored. */
.td-team-bigtext.evz-bigtext {
  top: 50%;
}
.td-team-bigtext.evz-bigtext-left {
  right: auto;
  left: -15px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .td-team-bigtext.evz-bigtext-left {
    right: auto;
    left: -50px;
  }
}

/* 2026-10-15 — the credit a photo's licence requires (CC BY-SA cover of an event): small, bottom right of its block.
   Legal requirement, the template has no element for it. */
.evz-photo-credit {
  position: absolute;
  right: 16px;
  bottom: 12px;
  z-index: 2;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.evz-photo-credit:hover {
  color: #fff;
}
.evz-photo-credit-below {
  position: static;
  display: block;
  margin-top: 10px;
  color: var(--td-grey-1, #6c6c6c);
  text-shadow: none;
}
.evz-photo-credit-card {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 18px 12px 6px;
  font-size: 11px;
  text-align: right;
  color: rgba(255, 255, 255, 0.75);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
}

/* ATOP navy veil over a real event photo in a banner (the template's own banners are dark pictures; a sunny photo
   dissolves the white title and pill). Designer's spec, validated by Sami 2026-10-15; not on the fallback picture. */
.evz-photo-overlay { position: relative; }
.evz-photo-overlay::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(0,30,49,.78) 0%, rgba(0,30,49,.55) 40%, rgba(0,30,49,.12) 72%, rgba(0,30,49,0) 100%),
    linear-gradient(0deg, rgba(0,30,49,.55) 0%, rgba(0,30,49,0) 22%);
}
.evz-photo-overlay > .container { position: relative; z-index: 1; }
.evz-photo-overlay .td-banner-title-wrap .td-section-subtitle { background: rgba(0,30,49,.55); }