/*
 * Víkingur 26: the news archive (page-frettasafn.php). PageHero, Tag and
 * MediaCard are shared components, in components.css.
 */

.vik-archive{padding-top:8px}
/* One row of department chips; on a phone it scrolls sideways rather than
   wrapping into a wall of pills. */
.vik-archive__filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.vik-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.vik-archive__grid>.is-new{animation:vik-archive-in 500ms var(--ease-strike) both}
@keyframes vik-archive-in{from{opacity:0;transform:translateY(16px)}}
.vik-archive__more{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:56px}
.vik-archive__more .w-btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.vik-archive__empty{display:grid;justify-items:start;gap:20px;padding:24px 0 40px;font-size:19px}
.vik-archive__empty p{margin:0}

@media (max-width:1060px){.vik-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
	.vik-archive__filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 28px;padding:2px 16px 6px;scrollbar-width:none}
	.vik-archive__filter::-webkit-scrollbar{display:none}
	.vik-archive__grid{grid-template-columns:1fr;gap:32px}
}
@media (prefers-reduced-motion:reduce){.vik-archive__grid>.is-new{animation:none}}