/*
 * Víkingur 26: the match day page (page-match-day-experience.php), after the
 * design's MatchDayPage (ui_kits/web/InfoPages.jsx). The hero is the shared
 * ClubHero (.vik-xhero) with the page's video in place of the photo; the
 * lightbox is shared.
 */

.vik-mde__title{margin:0;max-width:1000px;font-family:var(--font-display);font-weight:900;font-size:min(clamp(40px,5vw,80px),calc((100vw - 32px) / (var(--len,8) * .56)));line-height:.88;text-transform:uppercase;text-wrap:balance;hyphens:manual}

/* ── Hero ── */
.vik-mde-hero video.vik-xhero__img{background:var(--black)}

/* ── Tiers ── */
.vik-mde-tiers__grid{display:grid;gap:56px}
.vik-mde-tiers__grid.has-photos{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
.vik-mde-tiers__main{display:grid;gap:32px;justify-items:start}
.vik-mde-tiers__lede{margin:0;max-width:640px;font-size:clamp(19px,1.6vw,23px);line-height:1.5;font-weight:500}
.vik-mde-tiers__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:100%}
.vik-mde-tier{display:grid;gap:20px;align-content:start;padding:28px;border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--white)}
.vik-mde-tier.is-top{border-color:var(--black);background:var(--black);color:#fff}
.vik-mde-tier__name{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(36px,3.4vw,52px);line-height:.88;text-transform:uppercase}
.vik-mde-tier__list{margin:0;padding:0;list-style:none}
.vik-mde-tier__list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--border-hairline);font-size:15px;line-height:1.5}
.vik-mde-tier.is-top .vik-mde-tier__list li{border-top-color:rgba(255,255,255,.16)}
.vik-mde-tier__list .vik-icon{margin-top:2px;color:var(--vik-astrida)}
.vik-mde-tier.is-top .vik-mde-tier__list .vik-icon{color:var(--vik-orka)}
.vik-mde-tiers__photos{display:grid;gap:16px}
.vik-mde-tiers__photos a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-card);background:var(--gray-50)}
.vik-mde-tiers__photos img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease-strike)}
.vik-mde-tiers__photos a:hover img{transform:scale(1.03)}

/* ── Film ── */
.vik-mde-film{padding-bottom:96px}
.vik-mde-film__video{display:block;width:100%;height:auto;border-radius:var(--radius-card);background:var(--black);object-fit:cover}

/* ── Booking ── */
.vik-mde-book{background:var(--canvas);scroll-margin-top:100px}
.vik-mde-book__in{display:grid;gap:40px}
.vik-mde-book__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.vik-mde-info{display:grid;align-content:start}
.vik-mde-info__title{margin:0 0 16px;font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-mde-info__item{border-top:1px solid var(--border-strong)}
.vik-mde-info__item:last-child{border-bottom:1px solid var(--border-strong)}
.vik-mde-info__item summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;cursor:pointer;list-style:none;font-family:var(--font-condensed);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase}
.vik-mde-info__item summary::-webkit-details-marker{display:none}
.vik-mde-info__item summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.vik-mde-info__item summary .vik-icon{transition:transform var(--dur-fast)}
.vik-mde-info__item[open] summary .vik-icon{transform:rotate(180deg)}
.vik-mde-info__item p{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--text-secondary)}
.vik-mde-info__item ul{margin:0 0 18px;padding-left:20px;font-size:16px;line-height:1.6;color:var(--text-secondary)}
.vik-mde-info__item li+li{margin-top:6px}
.vik-mde-info__item strong,.vik-mde-info__item b{color:var(--ink)}
.vik-mde-book__widget{min-width:0;min-height:320px}
.vik-mde-book__widget iframe{max-width:100%}

/* ── Gallery and merch ── */
.vik-mde-gallery__in{display:grid;gap:32px;justify-items:start}
.vik-mde-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.vik-mde-gallery__grid a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-card);background:var(--gray-50)}
.vik-mde-gallery__grid img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease-strike)}
.vik-mde-gallery__grid a:hover img{transform:scale(1.03)}
.vik-mde-tiers__photos a:focus-visible,.vik-mde-gallery__grid a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.vik-mde-gallery__links{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:1180px){
	.vik-mde-book__grid{gap:40px}
}
@media (max-width:900px){
	.vik-mde-tiers__grid.has-photos,.vik-mde-book__grid{grid-template-columns:1fr;gap:32px}
	.vik-mde-tiers__photos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.vik-mde-tier{padding:20px}
	.vik-mde-tiers__cards{grid-template-columns:1fr}
	.vik-mde-tiers__photos,.vik-mde-gallery__grid{gap:8px}
	.vik-mde-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.vik-mde-film{padding-bottom:56px}
}
@media (prefers-reduced-motion:reduce){.vik-mde-tiers__photos img,.vik-mde-gallery__grid img{transition:none}}