/* Leikurinn.is 1.4.2 — fastir hliðardálkar og skýr auglýsingapláss */

.ad-slot-open {
    display: grid;
    width: 100%;
    aspect-ratio: var(--ad-ratio);
    place-items: center;
    border: 1px solid #d9dfd9;
    background: #edf1ec;
    box-shadow: none;
}

.ad-slot-open::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.6), transparent 48%);
    pointer-events: none;
}

.ad-slot-open-copy {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 8px;
    color: #6f7972;
    text-align: center;
}

.ad-slot-open-copy > span {
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ad-slot-open-copy > strong {
    color: #28362d;
    font-size: clamp(.95rem,1.8vw,1.25rem);
    line-height: 1;
    letter-spacing: -.035em;
}

.ad-slot-open-copy > a {
    margin-top: 4px;
    border-bottom: 1px solid #87a792;
    padding-bottom: 2px;
    color: #08783d;
    font-size: .64rem;
    font-weight: 800;
}

.ad-slot-open-copy > a:hover { border-color: #08783d; }

.v14-leaderboard .ad-frame { width: min(100%,1018px); }
.v14-sidebar-ad .ad-frame,
.v14-article-ad .ad-frame,
.pressbox-sidebar-ad .ad-frame { width: min(100%,310px); }

.v14-article-ad,
.pressbox-sidebar-ad { display: flex; justify-content: center; }

.v142-category-leaderboard { margin-block: 34px 44px; }
.v142-category-leaderboard + .v141-category-layout { margin-top: 0; }
.v142-article-leaderboard { margin-block: 52px 0; }
.v142-article-leaderboard + .v14-article-grid { padding-top: 52px; }

/* Þrír eðlilegir fréttadálkar nýta breiða flokkssíðuna þrátt fyrir sidebar. */
.v141-category-layout.has-sidebar .v141-category-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

@media (max-width: 1180px) {
    .v141-category-layout.has-sidebar .v141-category-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 980px) {
    .v141-category-layout.has-sidebar .v141-category-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .v141-category-sidebar .pressbox-sidebar-ad {
        align-self: start;
    }
}

@media (max-width: 800px) {
    .v141-category-layout.has-sidebar .v141-category-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 640px) {
    .v141-category-layout.has-sidebar .v141-category-grid {
        grid-template-columns: 1fr;
    }
}