/*
 * Víkingur 26: the ticket page (page-midasala.php), after the design's
 * TicketsPage (ui_kits/web/Pages.jsx). PageHero and FixtureCard are shared.
 */

.vik-tix{padding-top:24px}
.vik-tix__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,4fr);gap:40px;align-items:start}
.vik-tix__step{margin:0 0 16px;font-family:var(--font-condensed);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.vik-tix__games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vik-tix__pick{border-radius:var(--radius-card);cursor:pointer;outline:2px solid transparent;outline-offset:4px;transition:outline-color var(--dur-fast)}
.vik-tix__pick .vik-fixture{height:100%}
.vik-tix__pick.is-active{outline-color:var(--vik-astrida)}
.vik-tix__pick:focus-visible{outline-color:var(--focus-ring)}
.vik-tix__none{margin:0;max-width:560px;font-size:17px;line-height:1.6;color:var(--text-secondary)}

/* ── Summary ── */
.vik-tix__aside{position:sticky;top:100px;display:grid;gap:16px}
.vik-tix-sum{border:1px solid var(--black);background:var(--white)}
.vik-tix-sum__head{display:grid;gap:16px;padding:24px;border-bottom:1px solid var(--border-hairline)}
.vik-tix-sum__label{font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-tix-sum__marks{display:flex;align-items:center;gap:12px}
.vik-tix-sum__marks>span{font-family:var(--font-condensed);font-weight:700;font-size:14px;color:var(--text-secondary)}
.vik-tix-sum__title{font-family:var(--font-display);font-weight:900;font-size:40px;line-height:.9;text-transform:uppercase;text-wrap:balance}
.vik-tix-sum__when,.vik-tix-sum__comp{font-size:14px;color:var(--text-secondary)}
.vik-tix-sum__body{display:grid;gap:16px;padding:24px}
.vik-tix-sum__body p{margin:0;font-size:15px;line-height:1.55}
.vik-tix-sum__buy{justify-content:center;width:100%;box-sizing:border-box}
.vik-tix-season{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:20px 24px;border:1px solid var(--border-hairline);color:var(--ink);text-decoration:none;transition:border-color var(--dur-fast),background var(--dur-fast)}
.vik-tix-season:hover{border-color:var(--ink);background:var(--canvas)}
.vik-tix-season .vik-icon:first-child{color:var(--vik-astrida)}
.vik-tix-season>span{display:grid;gap:2px}
.vik-tix-season b{font-family:var(--font-condensed);font-size:20px;text-transform:uppercase}
.vik-tix-season>span>span{font-size:14px;color:var(--text-secondary)}

@media (max-width:1180px){.vik-tix__games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1060px){
	.vik-tix__grid{grid-template-columns:1fr}
	.vik-tix__aside{position:static}
}
@media (max-width:640px){
	.vik-tix__games{grid-template-columns:1fr;gap:16px}
	.vik-tix-sum__title{font-size:32px}
}