/* Additions for the static EBTA 2015 archive. */

/* Places (formerly a Google map): one card per place. */
#explore .ebta-places {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 1.5rem;
  max-width: 1170px;
  margin: 0 auto;
  padding: 2rem 1rem;
  height: auto !important;
}
#explore .ebta-place { text-align: left; }
#explore .ebta-place h3 { margin: 0 0 0.5rem; }

/* The place list used to float over the map; it now stands above the cards. */
#explore .poi {
  position: static;
  float: none;
  width: auto;
  max-width: 30rem;
  margin: 0 auto;
}

/* Headings moved up one level for a correct outline (scripts/clean.mjs); values = the original look. */
h3.ebta-was-h4 { font-size: 16px; margin-top: 21.28px; margin-bottom: 21.28px; }
h2.ebta-was-h4 { line-height: 28px; font-family: Muli, Arial, Helvetica, sans-serif; color: #6d6d6d; margin-bottom: 0; }
h2.ebta-was-h3 { font-size: 18.72px; line-height: 28px; font-family: Muli, Arial, Helvetica, sans-serif; color: #6d6d6d; margin-top: 18.72px; margin-bottom: 18.72px; }

/* WCAG AA: inactive days of the program day picker, nearest compliant grey (#898989 on #f1f1f1 was 3.1:1). */
#schedule .date-picker a:not(.active) { color: #6e6e6e; }

/* Links inside running text must not rely on colour alone. */
main p a:not(.btn),
main li a:not(.btn),
main td a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

/* "Vienna Impressions": local thumbnail linking to YouTube (no request to YouTube on page load). */
/* #event-description p sets margin: 0 0 30px; the id is needed to win over it. */
#event-description .ebta-video { max-width: 556px; margin: 0 auto 30px; }
.ebta-video a { display: block; text-decoration: none; }
.ebta-video-thumb { position: relative; display: block; }
.ebta-video-thumb img { display: block; width: 100%; height: auto; border-radius: 3px; }
.ebta-video-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 48px;
  margin: -24px 0 0 -34px;
  border-radius: 12px;
  background: #f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M27 14v20l18-10z' fill='%23fff'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  opacity: 0.9;
}
.ebta-video a:hover .ebta-video-thumb::after,
.ebta-video a:focus-visible .ebta-video-thumb::after { opacity: 1; }
.ebta-video-title { display: block; margin-top: 0.5em; }

/* Logo links: a rectangular focus ring instead of one wrapped around the inline image line. */
#sponsors a { display: inline-block; }

/* "The registration is closed!" centred under the heading. */
#registration .container > p.abt { text-align: center; }