/*
 * Víkingur 26: department pages (page-department.php), after the design's
 * DepartmentPage (ui_kits/web/Department.jsx). QuickLinks, PromoTile,
 * EventRow and MediaCard are shared components.
 */

/* ── Sections ── */
.vik-dept-teams__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vik-dept-teams__grid .vik-promo{min-height:clamp(280px,26vw,380px)}
.vik-dept-games.is-after{padding-top:0}
.vik-dept-games__list{border-top:1px solid var(--border-hairline)}
.vik-dept-news{background:var(--canvas)}
.vik-dept-news__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* ── Vertu með ── */
.vik-dept-join__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.vik-dept-join__text{display:grid;gap:18px;align-content:start}
.vik-dept-join__title{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(44px,4.6vw,68px);line-height:.88;text-transform:uppercase}
.vik-dept-join__text p{margin:0;max-width:480px;font-size:17px;line-height:1.55;color:var(--text-secondary)}
.vik-dept-join__actions{display:flex;gap:8px;flex-wrap:wrap}
.vik-dept-join__facts{display:grid;align-content:start;margin:0;border-top:1px solid var(--border-hairline)}
.vik-dept-join__facts>div{display:grid;grid-template-columns:24px 140px minmax(0,1fr);align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--border-hairline)}
.vik-dept-join__facts dt{font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-dept-join__facts dd{margin:0;font-size:16px;overflow-wrap:anywhere}
.vik-dept-join__facts a{color:var(--ink)}
.vik-dept-join__facts a:hover{color:var(--vik-astrida)}

/* ── Other departments ── */
.vik-dept-others{border-top:1px solid var(--border-hairline)}
.vik-dept-others__in{display:grid;gap:20px;justify-items:center;padding-top:40px;padding-bottom:56px}
.vik-dept-others__label{font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}

@media (max-width:1060px){.vik-dept-teams__grid,.vik-dept-news__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.vik-dept-join__grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){
	.vik-dept-teams__grid,.vik-dept-news__grid{grid-template-columns:1fr}
	.vik-dept-join__facts>div{grid-template-columns:24px minmax(0,1fr)}
	.vik-dept-join__facts dd{grid-column:2}
}

/* Phones: the sub-menu is one scrolling row, not a stack of pills. */
@media (max-width:640px){
	.vik-dept-quick .w-wrap{padding-left:0;padding-right:0}
	.vik-dept-quick .vik-quick__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.vik-dept-quick .vik-quick__list::-webkit-scrollbar{display:none}
}