/* Leikurinn.is 1.5 — editorial polish */

:root {
    --v15-green: #42ed83;
    --v15-deep: #061b11;
    --v15-paper: #f3f5f0;
    --v15-line: #d6ddd6;
}

/* Sterkara vörumerki og skýrari haus */
.v141-site-header .site-header-main,
.v141-site-header .site-header-row { height: 82px; }
.v141-site-header .site-header-row { gap: 30px; }
.v14-site-brand { min-width: 220px; gap: 13px; }
.v14-site-brand img { width: 46px; height: 46px; filter: none; }
.v14-brand-copy { gap: 5px; }
.v14-brand-copy b { font-size: 1.58rem; letter-spacing: -.06em; }
.v14-brand-copy small { color: #8fa397; font-size: .56rem; letter-spacing: .12em; }
.v141-site-header .v14-desktop-nav { margin-left: 0; }
.v141-site-header .v14-desktop-nav a { padding-inline: 13px; color: #bdcbc2; font-size: .76rem; }
.v141-site-header .v14-desktop-nav a::after { inset-inline: 13px; height: 3px; }
.v141-scores-link { min-height: 46px; border-left-color: rgba(255,255,255,.12); padding-left: 20px; font-size: .73rem; }
.v141-scores-link i { font-size: 1rem; }
.v14-subnav { border-bottom: 1px solid #e1e5df !important; }
.v14-subnav > div { min-height: 40px; }
.v14-subnav a { font-size: .66rem; }
.v141-site-header .v14-search { top: 82px; }

/* Laust auglýsingapláss verður snyrtilegur eigin kynningarflötur. */
.ad-slot-open {
    isolation: isolate;
    border: 0;
    border-radius: 16px;
    background:
        radial-gradient(circle at 84% 50%, transparent 0 70px, rgba(66,237,131,.16) 71px 73px, transparent 74px),
        linear-gradient(118deg,#06180f 0%,#0b2c1b 58%,#104126 100%);
    box-shadow: 0 18px 48px rgba(5,22,14,.12);
}
.ad-slot-open::before {
    inset: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background:
        linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.09) 50%,transparent 50.15%);
}
.ad-slot-open::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 7%;
    top: 50%;
    width: 88px;
    height: 88px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
    transform: translateY(-50%);
}
.ad-slot-open-copy { color: #a8b9ae; }
.ad-slot-wide .ad-slot-open-copy {
    justify-items: start;
    width: min(100% - 120px,520px);
    margin-right: auto;
    padding-left: clamp(40px,7vw,82px);
    text-align: left;
}
.ad-slot-tall .ad-slot-open-copy { max-width: 235px; padding: 30px 20px; }
.ad-slot-open-copy > span { color: var(--v15-green); font-size: .58rem; letter-spacing: .16em; }
.ad-slot-open-copy > strong { color: #fff; font-size: clamp(1.35rem,3vw,2.35rem); line-height: 1.02; letter-spacing: -.055em; }
.ad-slot-tall .ad-slot-open-copy > strong { font-size: 1.72rem; }
.ad-slot-open-copy > p { max-width: 420px; margin: 0; font-size: .72rem; line-height: 1.55; }
.ad-slot-open-copy > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    border: 0;
    border-radius: 8px;
    background: var(--v15-green);
    padding: 10px 13px;
    color: #06180f;
    font-size: .65rem;
}
.ad-slot-open-copy > a:hover { border: 0; background: #a8ff4f; }
.ad-slot-open-copy > small { color: #70867a; font-size: .52rem; font-weight: 700; letter-spacing: .08em; }

/* Forsíða */
.v14-lead-story { min-height: 570px; }
.v14-lead-content h1 { max-width: 820px; font-size: clamp(2.55rem,4.65vw,4.35rem); }
.v14-section-head { border-top-width: 3px; }
.v14-category-sections { gap: 58px; margin-top: 64px; }
.v14-category-grid.v150-items-1 { grid-template-columns: minmax(0,760px); }
.v150-items-1 .featured {
    display: grid;
    grid-template-columns: minmax(0,1.18fr) minmax(260px,.82fr);
    overflow: hidden;
    border: 1px solid var(--v15-line);
    border-radius: 17px;
    background: #fff;
}
.v150-items-1 .featured .v14-category-image { aspect-ratio: 16/10; border-radius: 0; }
.v150-items-1 .featured > div { align-self: center; padding: 26px; }
.v150-items-1 .featured > div > span { margin-top: 0; }
.v14-category-grid.v150-items-2 { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 920px; }
.v14-category-grid.v150-items-3 { grid-template-columns: 1.32fr repeat(2,minmax(0,1fr)); }
.v150-items-2 .featured h3,
.v150-items-3 .featured h3 { font-size: clamp(1.3rem,2vw,1.85rem); }

/* Flokkasíður */
.v141-category-header h1 { font-size: clamp(3rem,4.6vw,4.35rem); }
.v141-category-lead { grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); }
.v141-category-lead-image { min-height: 400px; }
.v141-category-lead-copy { padding: clamp(30px,3.2vw,46px); }
.v141-category-lead-copy h2 { font-size: clamp(2rem,2.7vw,3rem); line-height: 1.02; }
.v141-category-sidebar .sidebar-panel { border: 1px solid var(--v15-line); }

/* Fréttasíður */
.v14-article-heading { max-width: 1180px; }
.v14-article-heading h1 { max-width: 1040px; font-size: clamp(2.7rem,5.4vw,4.85rem); }
.v14-article-image-wrap { max-width: 1180px; }
.v14-article-grid {
    width: min(calc(100% - 48px),1180px);
    grid-template-columns: minmax(0,820px) 310px;
    justify-content: normal;
    gap: 50px;
    padding-block: 46px 58px;
}
.v14-article-body { font-size: clamp(1.08rem,1.45vw,1.22rem); }
.v150-article-bottom-ad { margin-block: 0 72px; }
.v14-related { padding-block: 54px 60px; }
.v14-related-grid .lk-news-card { transition: transform .2s ease,box-shadow .2s ease; }
.v14-related-grid .lk-news-card:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(5,22,14,.1); }
.v14-related-grid .lk-news-card-image { display: block; overflow: hidden; background: #163526; }
.v14-related-grid .image-fallback { background: linear-gradient(145deg,#0a2216,#17452b); color: rgba(66,237,131,.52); }
.v14-related-grid .lk-news-card-body { min-height: 132px; }
.v14-related-grid .lk-card-meta { display: flex; justify-content: space-between; gap: 8px; }
.v14-related-grid .lk-card-meta a { color: #08783d; font-size: .57rem; font-weight: 800; text-transform: uppercase; }
.v14-related-grid .lk-card-meta time { color: #89938c; font-size: .55rem; }
.v14-related-grid .lk-card-link { margin-top: 10px; }

.v14-footer-brand img { width: 42px; height: 42px; }

@media (max-width: 1180px) {
    .v14-site-brand { min-width: 190px; }
    .v141-site-header .v14-desktop-nav a { padding-inline: 9px; font-size: .71rem; }
    .v141-category-lead { grid-template-columns: 1fr; }
    .v141-category-lead-image { min-height: 0; aspect-ratio: 16/9; }
    .v141-category-lead-copy { padding: 30px; }
}

@media (max-width: 980px) {
    .v141-site-header .site-header-main,
    .v141-site-header .site-header-row { height: 70px; }
    .v141-site-header .v14-search { top: 70px; }
    .v14-site-brand { min-width: 0; }
    .v14-article-grid { width: min(calc(100% - 36px),1180px); grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
    .v14-category-grid.v150-items-1,
    .v14-category-grid.v150-items-2,
    .v14-category-grid.v150-items-3 { max-width: none; }
    .v150-items-1 .featured { grid-template-columns: 1fr; }
    .v150-items-1 .featured > div { padding: 22px; }
}

@media (max-width: 640px) {
    .v141-site-header .site-header-main,
    .v141-site-header .site-header-row { height: 66px; }
    .v141-site-header .v14-search { top: 66px; }
    .v14-site-brand img { width: 38px; height: 38px; }
    .v14-brand-copy b { font-size: 1.3rem; }
    .v14-brand-copy small { display: none; }
    .ad-slot-open { border-radius: 11px; }
    .ad-slot-open::before { inset: 8px; }
    .ad-slot-wide .ad-slot-open-copy { width: calc(100% - 38px); padding-left: 24px; }
    .ad-slot-wide .ad-slot-open-copy > span { font-size: .45rem; }
    .ad-slot-wide .ad-slot-open-copy > strong { font-size: 1.05rem; }
    .ad-slot-wide .ad-slot-open-copy > p,
    .ad-slot-wide .ad-slot-open-copy > small { display: none; }
    .ad-slot-wide .ad-slot-open-copy > a { margin-top: 2px; padding: 7px 9px; font-size: .54rem; }
    .ad-slot-open::after { display: none; }
    .v14-lead-story { min-height: 480px; }
    .v14-category-grid.v150-items-1,
    .v14-category-grid.v150-items-2,
    .v14-category-grid.v150-items-3 { grid-template-columns: 1fr 1fr; }
    .v150-items-1 .featured,
    .v150-items-2 .featured,
    .v150-items-3 .featured { grid-column: 1 / -1; }
    .v14-article-grid { width: min(calc(100% - 24px),1180px); padding-block: 30px 48px; }
    .v150-article-bottom-ad { margin-bottom: 48px; }
}