/* Infolaikas Orai - Orų žinynas (v1.3.0). Tik temos kintamieji: veikia šviesiai ir tamsiai. */
.iho-zin { --zin-warn: #c2410c; --zin-ok: var(--ih-up, #2F7A4A); --zin-bad: var(--ih-down, #B8452F); }
[data-ih-theme="dark"] .iho-zin, [data-ih-theme="dark"] .iho-zin-tips { --zin-warn: #f0a36b; }

/* Antraštė */
.iho-zin-head { position: relative; margin: 0 0 16px; }
.iho-zin-head h1 { font-size: 32px; line-height: 1.2; margin: 6px 0 0; color: var(--ih-ink); }
.iho-zin-cat { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: var(--iho-acc); text-decoration: none; background: color-mix(in srgb, var(--iho-acc) 10%, transparent); padding: 4px 12px; border-radius: 999px; }
.iho-zin-head .ih-admin-pencil { position: absolute; right: 0; top: 0; }

/* Trumpas atsakymas */
.iho-zin-lead { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: 18px; background: color-mix(in srgb, var(--iho-acc) 9%, var(--iho-card)); border: 1px solid color-mix(in srgb, var(--iho-acc) 30%, var(--iho-line)); margin: 0 0 18px; }
.iho-zin-lead i { color: var(--iho-acc); font-size: 22px; margin-top: 2px; }
.iho-zin-lead p { margin: 0; font-size: 17px; line-height: 1.65; color: var(--ih-ink); }

/* Ką daryti / ko nedaryti */
.iho-zin-dd { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; margin: 0 0 18px; }
.iho-zin-dd .iho-card { padding: 16px 20px; min-width: 0; }
.iho-zin-dd h2 { font-size: 18px; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.iho-zin-do h2 i { color: var(--zin-ok); }
.iho-zin-dont h2 i { color: var(--zin-bad); }
.iho-zin-do { border-top: 4px solid var(--zin-ok); }
.iho-zin-dont { border-top: 4px solid var(--zin-bad); }
.iho-zin-dd ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.iho-zin-dd li { position: relative; padding-left: 24px; line-height: 1.5; color: var(--ih-ink); }
.iho-zin-do li::before { content: "✓"; position: absolute; left: 2px; color: var(--zin-ok); font-weight: 800; }
.iho-zin-dont li::before { content: "✕"; position: absolute; left: 2px; color: var(--zin-bad); font-weight: 800; }

/* Dabar Lietuvoje */
.iho-zin-live { padding: 14px 18px; margin: 0 0 18px; }
.iho-zin-live-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 15px; }
.iho-zin-live-head a { margin-left: auto; font-size: 13px; color: var(--iho-acc); text-decoration: none; font-weight: 600; }
.iho-zin-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--zin-ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--zin-ok) 20%, transparent); }
.iho-zin-live-rows { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; margin-top: 12px; }
.iho-zin-live-rows a { display: flex; justify-content: space-between; gap: 8px; padding: 9px 12px; border: 1px solid var(--iho-line); border-radius: 12px; text-decoration: none; color: var(--ih-ink); background: var(--ih-bg-soft); min-width: 0; }
.iho-zin-live-rows a:hover { border-color: var(--iho-acc); }
.iho-zin-live-rows span { overflow-wrap: anywhere; }
.iho-zin-live-rows b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.iho-zin-live-note { margin: 10px 0 0; font-size: 13px; color: var(--iho-soft); }

/* Turinys */
.iho-zin-toc { padding: 12px 18px; margin: 0 0 18px; }
.iho-zin-toc summary { cursor: pointer; font-weight: 700; color: var(--ih-ink); }
.iho-zin-toc ol { margin: 10px 0 2px; padding-left: 22px; columns: 2; column-gap: 28px; }
.iho-zin-toc li { margin: 0 0 6px; break-inside: avoid; }
.iho-zin-toc a { color: var(--ih-ink); text-decoration: none; border-bottom: 1px dotted var(--ih-border-strong, var(--iho-line)); }
.iho-zin-toc a:hover { color: var(--iho-acc); }

/* Tekstas */
.iho-zin-body { max-width: 820px; font-size: 16.5px; line-height: 1.75; color: var(--ih-ink); }
.iho-zin-body h2 { font-size: 24px; margin: 34px 0 10px; line-height: 1.3; scroll-margin-top: 90px; }
.iho-zin-body h3 { font-size: 19px; margin: 24px 0 8px; scroll-margin-top: 90px; }
.iho-zin-body p { margin: 0 0 14px; }
.iho-zin-body ul, .iho-zin-body ol { margin: 0 0 16px; padding-left: 22px; }
.iho-zin-body li { margin: 0 0 7px; }
.iho-zin-body a { color: var(--iho-acc); text-decoration: underline; text-underline-offset: 3px; }
.iho-zin-body strong { color: var(--ih-ink); }
.iho-zin-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; margin: 18px 0; line-height: 1.6; }
.iho-zin-note i { font-size: 18px; margin-top: 3px; }
.iho-zin-note.is-warn { background: color-mix(in srgb, var(--zin-warn) 10%, var(--iho-card)); border-left: 4px solid var(--zin-warn); }
.iho-zin-note.is-warn i { color: var(--zin-warn); }
.iho-zin-note.is-info { background: color-mix(in srgb, var(--ih-sage, #3F5D3A) 10%, var(--iho-card)); border-left: 4px solid var(--ih-sage, #3F5D3A); }
.iho-zin-note.is-info i { color: var(--ih-sage, #3F5D3A); }
.iho-zin-table { overflow-x: auto; margin: 0 0 18px; border: 1px solid var(--iho-line); border-radius: 14px; }
.iho-zin-table table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 460px; }
.iho-zin-table th, .iho-zin-table td { padding: 9px 12px; border-bottom: 1px solid var(--iho-line); text-align: left; vertical-align: top; }
.iho-zin-table th { background: var(--ih-bg-soft); font-weight: 700; color: var(--ih-ink); }
.iho-zin-table tr:last-child td { border-bottom: 0; }

/* DUK */
.iho-zin-faq { max-width: 820px; margin: 30px 0 0; }
.iho-zin-faq h2 { font-size: 24px; margin: 0 0 12px; }
.iho-zin-faq details { padding: 13px 18px; margin: 0 0 8px; }
.iho-zin-faq summary { cursor: pointer; font-weight: 700; color: var(--ih-ink); line-height: 1.45; }
.iho-zin-faq details p { margin: 8px 0 0; line-height: 1.65; color: var(--iho-soft); }
.iho-zin-src { font-size: 13px; color: var(--iho-soft); margin: 22px 0 0; line-height: 1.6; max-width: 820px; }
.iho-zin-src i { margin-right: 5px; }

/* Kortelės (susiję, sezoniniai) */
.iho-zin-season { margin: 30px 0 0; }
.iho-zin-season-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0 0 10px; }
.iho-zin-season-head h2 { margin: 0; font-size: 20px; }
.iho-zin-season-head a { font-size: 14px; font-weight: 600; color: var(--iho-acc); text-decoration: none; }
.iho-zin-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.iho-zin-card { display: flex; flex-direction: column; gap: 6px; padding: 16px; text-decoration: none; color: var(--ih-ink); min-width: 0; transition: transform .15s, border-color .15s; }
.iho-zin-card:hover { transform: translateY(-2px); border-color: var(--iho-acc); }
.iho-zin-card i { font-size: 20px; color: var(--iho-acc); }
.iho-zin-card b { font-size: 15.5px; line-height: 1.35; overflow-wrap: anywhere; }
.iho-zin-card small { font-size: 12.5px; color: var(--iho-soft); }

/* Patarimai miesto puslapyje */
.iho-zin-tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; margin: 12px 0 0; }
.iho-zin-tip { display: flex; align-items: center; gap: 12px; padding: 12px 16px; text-decoration: none; color: var(--ih-ink); border-left: 4px solid var(--zin-warn, #c2410c); min-width: 0; }
.iho-zin-tip:hover { border-color: var(--iho-acc); }
.iho-zin-tip i { font-size: 20px; color: var(--zin-warn, #c2410c); }
.iho-zin-tip span:not(.iho-acc) { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.iho-zin-tip small { font-size: 12.5px; color: var(--iho-soft); }
.iho-zin-tip b { font-size: 15px; overflow-wrap: anywhere; }
.iho-zin-tips { --zin-warn: #c2410c; }

/* Pradžia: paieška, temos */
.iho-zin-search { position: relative; padding: 14px 16px; margin: 0 0 14px; }
.iho-zin-search > i { position: absolute; left: 30px; top: 28px; color: var(--iho-muted); }
.iho-zin-search input { width: 100%; padding: 12px 14px 12px 42px; border: 1.5px solid var(--iho-line); border-radius: 14px; font-size: 16px; background: var(--ih-bg-soft); color: var(--ih-ink); box-sizing: border-box; }
.iho-zin-search input:focus { outline: none; border-color: var(--iho-acc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--iho-acc) 15%, transparent); }
.iho-zin-res { display: flex; flex-wrap: wrap; gap: 8px; }
.iho-zin-res:not(:empty) { margin-top: 12px; }
.iho-zin-res a { padding: 7px 14px; border-radius: 999px; background: var(--ih-chip-bg, var(--ih-bg-soft)); border: 1px solid var(--ih-chip-border, var(--iho-line)); color: var(--ih-ink); text-decoration: none; font-weight: 600; font-size: 14px; }
.iho-zin-res a:hover { border-color: var(--iho-acc); color: var(--iho-acc); }
.iho-zin-res p { margin: 0; color: var(--iho-soft); }
.iho-zin-catnav { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 10px; margin: 0 0 6px; scrollbar-width: none; }
.iho-zin-catnav::-webkit-scrollbar { display: none; }
.iho-zin-catnav a { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--iho-line); background: var(--iho-card); color: var(--ih-ink); text-decoration: none; font-size: 13.5px; font-weight: 600; }
.iho-zin-catnav a i { color: var(--iho-acc); }
.iho-zin-catnav a:hover { border-color: var(--iho-acc); }
.iho-zin-group { padding: 18px 20px; margin: 18px 0 0; scroll-margin-top: 90px; }
.iho-zin-group-head { display: flex; gap: 14px; align-items: flex-start; margin: 0 0 12px; }
.iho-zin-group-head > i { flex: 0 0 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb, var(--iho-acc) 12%, transparent); color: var(--iho-acc); font-size: 18px; }
.iho-zin-group-head h2 { margin: 0; font-size: 21px; }
.iho-zin-group-head p { margin: 4px 0 0; color: var(--iho-soft); font-size: 14px; line-height: 1.5; }
.iho-zin-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.iho-zin-list a { display: flex; flex-direction: column; gap: 3px; height: 100%; box-sizing: border-box; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--iho-line); background: var(--ih-bg-soft); color: var(--ih-ink); text-decoration: none; }
.iho-zin-list a:hover { border-color: var(--iho-acc); }
.iho-zin-list b { font-size: 15px; }
.iho-zin-list small { font-size: 12.5px; color: var(--iho-soft); line-height: 1.45; }

/* Grįžimas į prognozę */
.iho-zin-back { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 16px 20px; margin: 28px 0 10px; }
.iho-zin-back > div:first-child { display: flex; flex-direction: column; }
.iho-zin-back small { color: var(--iho-soft); font-size: 13px; }
.iho-zin-back-links { display: flex; flex-wrap: wrap; gap: 8px; }
.iho-zin-back-links a { padding: 7px 13px; border-radius: 999px; border: 1px solid var(--iho-line); color: var(--ih-ink); text-decoration: none; font-weight: 600; font-size: 14px; background: var(--ih-bg-soft); }
.iho-zin-back-links a:hover, .iho-zin-back-links a.is-all { border-color: var(--iho-acc); color: var(--iho-acc); }

@media (max-width: 720px) {
    .iho-zin-head h1 { font-size: 26px; }
    .iho-zin-lead { padding: 14px 16px; }
    .iho-zin-lead p { font-size: 16px; }
    .iho-zin-body { font-size: 16px; }
    .iho-zin-body h2 { font-size: 21px; }
    .iho-zin-toc ol { columns: 1; }
    .iho-zin-dd { grid-template-columns: 1fr; }
}

/* v1.3.0: atnaujinimo data, plačios lentelės telefone kortelėmis */
.iho-zin-meta { margin: 8px 0 0; font-size: 13px; color: var(--iho-soft); }
.iho-zin-meta i { margin-right: 4px; }
@media (max-width: 640px) {
  .iho-zin-table.is-wide { overflow: visible; border: 0; border-radius: 0; }
  .iho-zin-table.is-wide table { min-width: 0; }
  .iho-zin-table.is-wide thead { display: none; }
  .iho-zin-table.is-wide tr { display: block; border: 1px solid var(--iho-line); border-radius: 14px; margin: 0 0 10px; background: var(--iho-card, var(--ih-card-bg)); overflow: hidden; }
  .iho-zin-table.is-wide td { display: grid; grid-template-columns: minmax(96px, 38%) 1fr; gap: 10px; border-bottom: 1px solid var(--iho-line); }
  .iho-zin-table.is-wide td:first-child { display: block; background: var(--ih-bg-soft); font-weight: 700; color: var(--ih-ink); }
  .iho-zin-table.is-wide td:last-child { border-bottom: 0; }
  .iho-zin-table.is-wide td::before { content: attr(data-label); font-weight: 600; color: var(--iho-soft); font-size: 13px; }
  .iho-zin-table.is-wide td:first-child::before { content: none; }
  .iho-zin-table.is-wide td:empty { display: none; }
}
/* v1.3.1: paveikslėliai straipsniuose */
.iho-zin-fig { margin: 4px 0 22px; }
.iho-zin-fig img { display: block; width: 100%; height: auto; border-radius: 16px; background: #fff; }
[data-ih-theme="dark"] .iho-zin-fig img { box-shadow: 0 0 0 1px var(--iho-line); }
.iho-zin-fig figcaption { margin-top: 8px; font-size: 13px; color: var(--iho-soft); line-height: 1.45; }
.iho-zin-fig-in { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px; }
.iho-zin-fig-in a { display: block; }
.iho-zin-fig-hint { display: none; }
@media (max-width: 640px) {
  .iho-zin-fig-in img { width: 760px; max-width: none; }
  .iho-zin-fig-hint { display: inline; }
  .iho-zin-fig figcaption::before { content: "← slinkite →  "; font-weight: 700; color: var(--iho-acc); }
}

.iho-zin-small { margin: -8px 0 18px; font-size: 13px; color: var(--iho-soft); }