/* FÍF Veður — forsíðu-bjálki + spjaldri. Alt skorað undir .fif-vedur. Ljóst (sum tema). */
.fif-vedur{
  --fv-sea:#e3ecf9; --fv-land:#ffffff; --fv-land-line:#a9c0e2;
  --fv-grad:linear-gradient(140deg,#16368f 0%,#1d4ed8 60%,#3b6fe8 100%);
  --fv-fd:"Avenir Next Condensed","Arial Narrow","Roboto Condensed",sans-serif;
  --fv-fb:"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --fv-shadow:0 1px 2px rgba(13,27,51,.06), 0 12px 30px rgba(13,27,51,.10);
  font-family:var(--fv-fb); color:var(--ink);
}
.fif-vedur *{box-sizing:border-box;}

/* ---------- bjálki ---------- */
.fif-vedur .fv-band{width:100%; max-width:340px; background:var(--surface); border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:var(--fv-shadow);}
.fif-vedur .fv-stripes{position:relative; overflow:hidden;}
.fif-vedur .fv-stripes::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(115deg, transparent 0 70px, rgba(255,255,255,.07) 70px 73px); pointer-events:none;}
.fif-vedur .fv-stripes>*{position:relative; z-index:1;}
.fif-vedur .fv-head{padding:26px 24px 6px;}
.fif-vedur .fv-head b{display:block; font-family:var(--fv-fd); font-weight:800; text-transform:uppercase; font-size:1.25rem; letter-spacing:.01em; color:var(--ink); margin:0 0 4px;}
.fif-vedur .fv-head .fv-sub{display:block; font-size:.8rem; color:var(--ink-faint); margin:0 0 8px;}
.fif-vedur .fv-map{position:relative; width:100%; aspect-ratio:775.198/1000; background:var(--fv-sea); padding:10px 6px;}
.fif-vedur .faroe-map{display:block; width:100%; height:100%;}
.fif-vedur .fv-dot{position:absolute; transform:translate(-50%,-50%); display:flex; align-items:center; gap:5px; background:none; border:0; padding:0; cursor:pointer; z-index:2;}
.fif-vedur .fv-dot i{width:13px; height:13px; border-radius:999px; background:var(--blue); border:2.5px solid #fff; box-shadow:0 1px 4px rgba(13,27,51,.4); display:block; transition:transform .15s;}
.fif-vedur .fv-dot .dl{font-size:10.5px; font-weight:700; color:var(--ink); white-space:nowrap; text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 6px #fff;}
.fif-vedur .fv-dot.left{flex-direction:row-reverse;}
.fif-vedur .fv-dot:hover i, .fif-vedur .fv-dot:focus-visible i{transform:scale(1.35); background:#dc3a2c;}
.fif-vedur .fv-dot:focus-visible{outline:none;}
.fif-vedur .fv-foot{display:flex; justify-content:space-between; align-items:center; padding:10px 20px; border-top:1px solid var(--line); font-size:.72rem;}
.fif-vedur .fv-foot .src{color:var(--ink-faint);}

/* ---------- spjaldra-kort (wc) ---------- */
.fif-vedur .wc{width:100%; max-width:100%; background:var(--surface); border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:var(--fv-shadow);}
.fif-vedur .wc-top{background:var(--fv-grad); color:#fff; padding:16px 18px 18px;}
.fif-vedur .wc-loc{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.fif-vedur .wc-loc .eyebrow{color:rgba(255,255,255,.8); display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;}
.fif-vedur .wc-loc b{font-family:var(--fv-fd); font-weight:800; text-transform:uppercase; font-size:1.1rem;}
.fif-vedur .wc-upd{font-size:.66rem; color:rgba(255,255,255,.7); font-variant-numeric:tabular-nums;}
.fif-vedur .wc-now{display:flex; align-items:center; gap:13px; margin-top:11px;}
.fif-vedur .wc-now .ic{width:52px; height:52px; flex:0 0 auto;}
.fif-vedur .wc-now .ic svg{width:100%; height:100%; stroke:#fff; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.fif-vedur .wc-temp{display:flex; flex-direction:column; line-height:1.1;}
.fif-vedur .wc-temp .t{font-family:var(--fv-fd); font-weight:800; font-size:2.8rem; line-height:.9;}
.fif-vedur .wc-temp .c{font-size:.9rem; color:rgba(255,255,255,.92); margin-top:3px;}
.fif-vedur .wc-temp .f{display:inline-flex; align-items:center; gap:6px; align-self:flex-start; margin-top:8px; font-size:.82rem; font-weight:700; color:#fff; background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.34); padding:4px 11px; border-radius:999px;}
.fif-vedur .wc-temp .f svg{width:14px; height:14px; stroke:#fff; fill:none; stroke-width:2;}

.fif-vedur .wc-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line);}
.fif-vedur .wc-stat{background:var(--surface); padding:12px 6px; text-align:center;}
.fif-vedur .wc-stat .k{display:block; font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-faint);}
.fif-vedur .wc-stat .v{display:block; font-family:var(--fv-fd); font-weight:800; font-size:1.45rem; line-height:1; color:var(--ink); margin-top:5px; font-variant-numeric:tabular-nums;}
.fif-vedur .wc-stat .u{display:block; font-size:.62rem; color:var(--ink-faint); margin-top:3px;}
.fif-vedur .wc-stat.wind .v{display:flex; justify-content:center; align-items:center; gap:5px; color:var(--blue);}
.fif-vedur .wc-arrow{width:16px; height:16px; display:inline-block;} .fif-vedur .wc-arrow svg{width:100%; height:100%; fill:var(--blue);}

/* í dag, tíma fyri tíma (skrullar sídlangt) */
.fif-vedur .wc-hours-h{font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:var(--ink-faint); padding:11px 14px 0;}
.fif-vedur .wc-hours{display:flex; padding:8px 12px 13px; gap:5px; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--line) transparent;}
.fif-vedur .wc-hours::-webkit-scrollbar{height:6px;} .fif-vedur .wc-hours::-webkit-scrollbar-thumb{background:var(--line); border-radius:999px;} .fif-vedur .wc-hours::-webkit-scrollbar-track{background:transparent;}
.fif-vedur .wc-h{flex:0 0 auto; width:47px; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; gap:4px; padding:5px 2px; border-radius:10px;}
.fif-vedur .wc-h.now{background:var(--blue-tint);}
.fif-vedur .wc-h .hh{font-size:.66rem; color:var(--ink-faint); font-variant-numeric:tabular-nums;}
.fif-vedur .wc-h .hic{width:21px; height:21px;} .fif-vedur .wc-h .hic svg{width:100%;height:100%;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.fif-vedur .wc-h .ht{font-weight:700; font-size:.84rem; font-variant-numeric:tabular-nums;}
.fif-vedur .wc-h .hw{display:inline-flex; align-items:center; gap:2px; font-size:.58rem; color:var(--ink-faint); font-variant-numeric:tabular-nums;}
.fif-vedur .wc-h .harr{width:9px; height:9px; fill:var(--blue); opacity:.8; flex:0 0 auto;}
.fif-vedur .wc-h .hp{font-size:.56rem; font-weight:700; color:var(--blue); font-variant-numeric:tabular-nums;}
.fif-vedur .wc-h .hp.z{color:var(--line); font-weight:400;}

/* komandi dagar */
.fif-vedur .wc-days{border-top:1px solid var(--line); padding:6px 14px 10px;}
.fif-vedur .wc-days-h{font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:var(--ink-faint); margin:6px 2px 2px;}
.fif-vedur .wc-day{padding:7px 2px 8px; border-bottom:1px solid var(--line);}
.fif-vedur .wc-day:last-child{border-bottom:0;}
.fif-vedur .wc-day-top{display:flex; align-items:center; gap:10px;}
.fif-vedur .wc-day-top .dn{flex:0 0 38px; font-family:var(--fv-fd); font-weight:800; text-transform:uppercase; font-size:.82rem; letter-spacing:.03em; color:var(--ink-soft);}
.fif-vedur .wc-day-top .dic{width:22px; height:22px; flex:0 0 auto;} .fif-vedur .wc-day-top .dic svg{width:100%;height:100%;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.fif-vedur .wc-day-right{margin-left:auto; display:inline-flex; align-items:baseline; gap:12px;}
.fif-vedur .wc-day-top .dp{font-size:.72rem; font-weight:700; color:var(--blue); font-variant-numeric:tabular-nums;}
.fif-vedur .wc-day-top .dhl{display:inline-flex; gap:9px; align-items:baseline; font-variant-numeric:tabular-nums;}
.fif-vedur .wc-day-top .dhl b{font-weight:700; font-size:.92rem;} .fif-vedur .wc-day-top .dhl i{font-style:normal; color:var(--ink-faint); font-size:.85rem;}
.fif-vedur .wc-day-wind{display:flex; gap:2px; margin-top:6px;}
.fif-vedur .wc-dw{flex:1; display:flex; flex-direction:column; align-items:center; gap:1px; font-variant-numeric:tabular-nums;}
.fif-vedur .wc-dw .dwt{font-size:.54rem; color:var(--ink-faint);}
.fif-vedur .wc-dw .harr{width:11px; height:11px; fill:var(--blue); opacity:.8;}
.fif-vedur .wc-dw .dws{font-size:.62rem; font-weight:700; color:var(--ink-soft);}

.fif-vedur .wc-foot{display:flex; align-items:center; justify-content:space-between; padding:10px 18px; border-top:1px solid var(--line); font-size:.72rem;}
.fif-vedur .wc-foot .src{color:var(--ink-faint);}

/* ---------- spjaldri (lightbox) ---------- */
.fif-vedur .fv-lb[hidden]{display:none;}
.fif-vedur .fv-lb{position:fixed; inset:0; z-index:1000; display:flex; align-items:flex-start; justify-content:center; padding:16px; overflow-y:auto;}
/* halt spjaldran undir WP-ritstjórnar-bjálkanum (innritaðir brúkarar) */
body.admin-bar .fif-vedur .fv-lb{padding-top:48px;}
@media screen and (max-width:782px){ body.admin-bar .fif-vedur .fv-lb{padding-top:62px;} }
.fif-vedur .fv-lb-back{position:fixed; inset:0; background:rgba(9,18,40,.55); backdrop-filter:blur(2px);}
.fif-vedur .fv-lb-card{position:relative; z-index:1; margin:auto; width:100%; max-width:360px; animation:fvpop .18s ease;}
@keyframes fvpop{from{transform:scale(.96); opacity:0;} to{transform:scale(1); opacity:1;}}
.fif-vedur .fv-lb-x{position:absolute; top:-14px; right:-14px; z-index:3; width:34px; height:34px; border-radius:999px; border:0; background:#fff; color:var(--ink); box-shadow:var(--fv-shadow); cursor:pointer; font-size:20px; line-height:1;}
@media (prefers-reduced-motion:reduce){ .fif-vedur .fv-lb-card{animation:none;} .fif-vedur .fv-dot i{transition:none;} }