/* e76 DACH v3 „old school PHP” predložak (iz merginaiesko.lt 3.11.2026), paleta po sajtu (dach-setup/tools/recolor.py).
   Fiksna širina 1000 px, bordo zaglavlje i traka izbornika, lijevi stupac s okvirima, tablični popis oglasa, Verdana 12 px.
   Ispod 1020 px puna širina, ispod 760 px stupac ide ispod sadržaja, izbornik u 3 stupca. */

:root {
    --red: #1244a8; --red2: #0e398e; --text: #222; --text2: #444; --text3: #777; --bg: #fff; --bg2: #fff; --bg3: #f7eff2; --rose: #1244a8;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #dde0e6; color: #222; font: 12px/1.5 Verdana, Tahoma, Arial, sans-serif; }
a { color: #1244a8; text-decoration: none; }
a:hover { color: #1559e0; text-decoration: underline; }
img { border: 0; max-width: 100%; }
h1, h2, h3, h4 { margin: 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }
p { margin: 0 0 10px; }
input, select, textarea, button { font: 12px Verdana, Tahoma, Arial, sans-serif; color: #222; }
input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=url], select, textarea { padding: 3px 4px; border: 1px solid #a99aa1; border-radius: 0; background: #fff; }
input:focus, select:focus, textarea:focus { outline: 1px solid #1559e0; }

#page { width: 1000px; margin: 12px auto; background: #fff; border: 1px solid #b0b7c4; box-shadow: 0 0 10px rgba(60, 15, 20, .18); }

/* ---------- zaglavlje ---------- */
#hdr { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #164ab3 linear-gradient(#2c63d2, #0e3d9a); border-bottom: 1px solid #0a2b6e; color: #fff; }
.logo { display: block; color: #fff !important; text-decoration: none !important; font: bold 31px/1.05 "Trebuchet MS", Arial, sans-serif; letter-spacing: -1px; text-shadow: 1px 2px 0 #06235c; }
.logo span { color: #b3ccff; margin: 0 1px; }
.logo i { font-style: normal; color: #d3e2ff; }
.logo-s { display: block; margin-top: 4px; font: italic 11px Verdana, sans-serif; letter-spacing: 0; color: #dbe7ff; text-shadow: none; }
.hdr-r { text-align: right; font-size: 11px; color: #e2ecff; }
.hdr-r .st { margin-bottom: 4px; }
.hdr-r .lnk { display: block; margin-bottom: 7px; }
.hdr-r .lnk a { color: #fff; font-weight: bold; }
.btn-post { display: inline-block; padding: 5px 14px; border: 1px solid #b3000c; border-radius: 3px; background: #fc2f3d linear-gradient(#ff7c85, #f50010); color: #4a0005 !important; font: bold 13px "Trebuchet MS", Verdana, sans-serif; text-decoration: none !important; text-shadow: 0 1px 0 #ffa8ae; box-shadow: inset 0 1px 0 #ffc2c6, 0 1px 2px rgba(0, 0, 0, .25); white-space: nowrap; }
.btn-post:hover { background: #ff606b linear-gradient(#ffa8ae, #ff1c2b); }
.btn-post .s { display: none; }

#nav { display: flex; flex-wrap: wrap; background: #09204e linear-gradient(#102f6d, #071b43); border-bottom: 3px solid #3a72e3; }
#nav a { padding: 8px 13px; border-right: 1px solid #1b3c7d; box-shadow: 1px 0 0 #041536; color: #fff; font-weight: bold; white-space: nowrap; }
#nav a:hover { background: #143b8a; text-decoration: none; }
#nav a.on { background: #3a72e3; box-shadow: none; }
#nav .s { display: none; }

#hot { padding: 5px 18px; background: #ffcfd2; border-bottom: 1px solid #e8878d; font-size: 11px; color: #5b0006; }
#hot a { margin-left: 10px; color: #17702a; font-weight: bold; text-decoration: underline; }
#hot a::before { content: "\25CF\00A0"; color: #22b545; text-decoration: none; display: inline-block; }

/* ---------- stupci ---------- */
#cols { display: grid; grid-template-columns: 196px minmax(0, 1fr); grid-template-areas: "side main"; gap: 18px; padding: 14px 18px 18px; }
#cols.noside { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main"; }
#main { grid-area: main; min-width: 0; }
#side { grid-area: side; }

.sb { margin-bottom: 14px; border: 1px solid #c5ccdb; background: #fdf8fa; }
.sb h3 { padding: 5px 8px; background: #d6dff2 linear-gradient(#e8eefa, #cad5ec); border-bottom: 1px solid #c5ccdb; color: #0e398e; font: bold 12px Verdana, sans-serif; }
.sb ul { list-style: none; margin: 0; padding: 4px 8px 6px; }
.sb li { padding: 3px 0; border-bottom: 1px dotted #cdd4e3; }
.sb li:last-child { border-bottom: 0; }
.sb li a::before { content: "\00BB\00A0"; color: #8a9fc9; }
.sb li span { color: #888; font-size: 11px; }
.sb form { padding: 8px; }
.sb label { display: block; margin-bottom: 6px; font-size: 11px; color: #555; }
.sb input[type=text], .sb select { display: block; width: 100%; margin-top: 2px; }
.sb .pair { display: flex; gap: 4px; margin-top: 2px; }
.sb .pair select { margin: 0; }
.sb-hot li a { color: #17702a; font-weight: bold; }
.sb-hot li a::before { content: "\25CF\00A0"; color: #22b545; }
.sb-post p { margin: 0; padding: 7px 8px 6px; font-size: 11px; color: #444; }
.sb-post .btn-post { display: block; margin: 0 8px 9px; text-align: center; }

.btn, .filter-btn { padding: 4px 12px; border: 1px solid #0b307a; border-radius: 3px; background: #164ab3 linear-gradient(#2961d0, #0e3d9a); color: #fff !important; font-weight: bold; cursor: pointer; text-decoration: none !important; }
.btn:hover, .filter-btn:hover { background: #1d55c4 linear-gradient(#366fe0, #1346ab); }

/* ---------- naslovi, mrvice, okviri ---------- */
.bc { margin-bottom: 8px; font-size: 11px; color: #777; }
.bc a { color: #555; text-decoration: underline; }
.pt { margin: 0 0 10px; padding-bottom: 5px; border-bottom: 2px solid #d3ddf0; color: #0e398e; font-size: 20px; line-height: 1.25; }
.pt .cnt { color: #999; font-size: 14px; font-weight: normal; }
.intro { margin: 0 0 14px; color: #333; }
.intro .stat { padding: 5px 8px; background: #fbf3f6; border: 1px solid #d9dfec; font-size: 11px; }
.subs { margin: -2px 0 10px; font-size: 11px; color: #777; }
.subs a { text-decoration: underline; }
.subs a.on, .subs .on { color: #222; font-weight: bold; text-decoration: none; }

.box { margin-bottom: 16px; border: 1px solid #c5ccdb; background: #fff; }
.box-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 10px; background: #d6dff2 linear-gradient(#e8eefa, #cad5ec); border-bottom: 1px solid #c5ccdb; }
.box-h h1, .box-h h2, .box-h h3 { color: #0e398e; font-size: 14px; }
.box-h a { font-size: 11px; font-weight: bold; white-space: nowrap; }
.box-b { padding: 10px; }
.box-f { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; padding: 5px 10px; border-top: 1px solid #dce1ea; background: #fbf6f8; font-size: 11px; font-weight: bold; }
.box-f .pag { margin: 0; }
.box > .lst, .box > .tool, .box > .fp, .box > .af { margin: 0; border-left: 0; border-right: 0; }
.box-h + .tool { border-top: 0; }
.box > .lst { border-bottom: 0; }
.empty { padding: 18px; margin-bottom: 12px; border: 1px solid #e8878d; background: #ffcfd2; text-align: center; }
.empty a { font-weight: bold; text-decoration: underline; }

/* ---------- traka filtera (JS: #qs-filter, #filter-panel.open) ---------- */
.tool { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; padding: 5px 8px; background: #eef0f5; border: 1px solid #cfd5e0; border-bottom: 0; font-size: 11px; color: #555; }
.tool-r { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tool select { font-size: 11px; padding: 1px 2px; }
.qs-filter { padding: 2px 8px; border: 1px solid #a99aa1; border-radius: 2px; background: #fff linear-gradient(#fff, #dde0e6); font-size: 11px; cursor: pointer; }
.qs-filter span { color: #0044cc; font-weight: bold; }
.fp { display: none; padding: 8px 10px; background: #fbf6f8; border: 1px solid #cfd5e0; border-bottom: 0; }
.fp.open { display: block; }
.ft { border-collapse: collapse; }
.ft th { padding: 3px 8px 3px 0; text-align: right; font-weight: normal; color: #555; white-space: nowrap; }
.ft td { padding: 3px 0; }
.ft input[type=text] { width: 220px; }
.ft .checks label { margin-right: 10px; white-space: nowrap; }
.ft .checks input { vertical-align: -2px; }
.af { padding: 4px 8px; background: #ffcfd2; border: 1px solid #e8878d; border-bottom: 0; font-size: 11px; }
.af a { margin-left: 6px; font-weight: bold; }

/* ---------- popis oglasa (ad-card.php .it, tpNativeCard .it-x) ---------- */
.lst { margin-bottom: 12px; border: 1px solid #cfd5e0; }
.lst-h, .it { display: grid; grid-template-columns: 104px minmax(0, 1fr) 88px; }
.lst-h { background: #0e398e linear-gradient(#1747a8, #0b327f); color: #fff; font-size: 11px; font-weight: bold; }
.lst-h span { padding: 4px 8px; }
.lst-h span:last-child { text-align: center; }
.it { border-top: 1px solid #dfe3ec; background: #fff; }
.lst > .it:first-child { border-top: 0; }
.it:nth-child(even) { background: #fbf5f8; }
.it:hover { background: #ffdcde; }
.it-ph { display: block; width: 90px; height: 90px; margin: 7px; padding: 2px; border: 1px solid #b5bcc9; background: #fff; overflow: hidden; }
.it-ph img { display: block; width: 84px; height: 84px; object-fit: cover; }
.it-ph.no { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #eaecf1; color: #9a8790; text-align: center; text-decoration: none !important; }
.it-ph.no svg { width: 44px; height: 44px; }
.it-ph.no small { font-size: 9px; line-height: 1.2; }
.it-b { min-width: 0; padding: 7px 8px 7px 2px; }
.it-b h3 { margin-bottom: 3px; font: bold 13px/1.35 Verdana, Tahoma, sans-serif; overflow-wrap: anywhere; }
.it-b h3 a { text-decoration: underline; }
.it-b h3 small { font-size: 12px; font-weight: normal; color: #555; }
.lbl-new, .lbl-top { display: inline-block; padding: 0 4px; font: bold 9px/14px Verdana, sans-serif; text-transform: uppercase; vertical-align: 2px; }
.lbl-new { background: #004de8; color: #fff; }
.lbl-top { background: #f70010; color: #3d0004; }
.it-top { background: #ffe8ea !important; }
.it-b p { margin: 0 0 4px; color: #333; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.it-m { font-size: 11px; color: #888; }
.it-m a { color: #555; text-decoration: underline; }
.it-m .loc { color: #1244a8; font-weight: bold; }
.it-dm { display: none; }
.it-d { padding: 8px 6px; border-left: 1px solid #e6eaf1; font-size: 11px; color: #555; text-align: center; }
.it-d small { color: #999; }
.it-x .on { font: normal 11px Verdana, sans-serif; color: #17702a; }
.it-x .on::before { content: "\25CF\00A0"; color: #22b545; }
.it-x .it-d a { font-weight: bold; text-decoration: underline; }

/* paginacija (functions.php: .pag, a.on, .pag-dots, .pg-next) */
.pag { display: flex; flex-wrap: wrap; align-items: center; gap: 3px; margin: 8px 0 16px; font-size: 11px; font-weight: normal; }
.pag::before { content: "Puslapiai:"; margin-right: 4px; color: #666; }
.pag a { padding: 1px 7px; border: 1px solid #bec5d3; background: #fff; }
.pag a:hover { background: #e6edfb; text-decoration: none; }
.pag a.on { background: #1244a8; border-color: #1244a8; color: #fff; font-weight: bold; }
.pag-dots { padding: 0 2px; color: #999; }

/* tablice (naslovnica, miestai) */
.tbl { width: 100%; margin-bottom: 16px; border-collapse: collapse; border: 1px solid #cfd5e0; }
.box > .tbl { margin: 0; border: 0; }
.tbl th { padding: 4px 8px; background: #0e398e linear-gradient(#1747a8, #0b327f); color: #fff; font-size: 11px; text-align: left; }
.tbl td { padding: 6px 8px; border-top: 1px solid #dfe3ec; vertical-align: top; }
.tbl tr:nth-child(odd) td { background: #fbf5f8; }
.tbl .n { width: 80px; text-align: center; white-space: nowrap; }
.tbl td a b { text-decoration: underline; }
.tbl small { color: #666; }
.tbl .sm { margin-top: 3px; font-size: 11px; color: #666; }
.cols3 { list-style: none; margin: 0; padding: 8px 10px; columns: 3; column-gap: 20px; }
.cols3 li { padding: 2px 0; break-inside: avoid; }
.cols3 li::before { content: "\00BB\00A0"; color: #8a9fc9; }
.cols3 a { text-decoration: underline; }
.cols3 span { color: #888; font-size: 11px; }

/* SEO tekst + FAQ */
.seo { margin: 16px 0 6px; padding: 12px 14px; border: 1px solid #c5ccdb; background: #fdfafb; color: #333; line-height: 1.65; }
.seo h2 { margin: 16px 0 6px; color: #0e398e; font-size: 16px; }
.seo h2:first-child { margin-top: 0; }
.seo h3 { margin: 12px 0 4px; color: #333; font-size: 13px; }
.seo ul, .seo ol { margin: 0 0 10px 20px; padding: 0; }
.seo li { margin: 2px 0; }
.seo a { text-decoration: underline; }
.seo-links { margin: 4px 0 10px; }
.seo-links a { display: inline-block; margin: 0 12px 3px 0; }
.seo-links a::before { content: "\00BB\00A0"; color: #8a9fc9; }
.seo-links a span { color: #888; }
.seo-cta { padding: 6px 10px; background: #ffcfd2; border: 1px solid #e8878d; }

/* ---------- stranica oglasa ---------- */
.adw { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
@media (min-width: 1000px) { .adw { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; } }
/* 4.11. v3b oglas: jedan okvir „Skelbimo Nr.”, tablica fotka | podaci + opis, siva traka Kontaktai, red radnji tekstom */
.ad1 .box-h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.ad1 .box-h h1 { font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
.adno { flex-shrink: 0; color: #0e398e; font-size: 11px; font-weight: normal; white-space: nowrap; }
.adt { width: 100%; border-collapse: collapse; }
.adt-ph { width: 272px; padding: 10px; vertical-align: top; border-right: 1px dotted #cdd4e3; }
.adt-in { padding: 8px 12px 10px; vertical-align: top; }
.adt-txt { margin-top: 2px; padding: 8px 10px; border: 1px solid #dfe3ec; background: #fdfafb; }
.adt-meta { margin-top: 8px; color: #888; font-size: 11px; }
.ad-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 10px; border-top: 1px solid #cfd5e0; background: #e8eaef; }
.ad-cl { margin-right: 4px; color: #444; font-weight: bold; }
.ad-contact .c-btn { display: inline-block; width: auto; padding: 5px 14px; }
.ad-act { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 6px 10px; border-top: 1px solid #cfd5e0; font-size: 11px; color: #666; }
.ad-act > a { color: #555; text-decoration: underline; }
.gallery { position: relative; }
.gallery-main { position: relative; padding: 3px; border: 1px solid #b5bcc9; background: #fff; cursor: zoom-in; }
.gallery-main img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 25%; }
.img-wa-btn { position: absolute; right: 10px; bottom: 10px; z-index: 5; padding: 4px 10px; border: 1px solid #13813a; border-radius: 3px; background: #25b04f linear-gradient(#3cc867, #1d9a45); color: #fff !important; font-weight: bold; text-decoration: none !important; }
.gallery-thumbs { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.gallery-thumbs img { width: 54px; height: 54px; padding: 1px; border: 1px solid #b5bcc9; object-fit: cover; cursor: pointer; opacity: .7; }
.gallery-thumbs img:hover, .gallery-thumbs img.active { opacity: 1; border-color: #1244a8; }
.noph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: 240px; border: 1px solid #b5bcc9; background: #eaecf1; color: #9a8790; }
.noph svg { width: 90px; height: 90px; }
.kv { width: 100%; margin-bottom: 10px; border-collapse: collapse; }
.kv th { width: 100px; padding: 4px 8px 4px 0; border-bottom: 1px dotted #cdd4e3; color: #666; font-weight: normal; text-align: left; vertical-align: top; }
.kv td { padding: 4px 0; border-bottom: 1px dotted #cdd4e3; font-weight: bold; overflow-wrap: anywhere; }
.kv td a { text-decoration: underline; }
.kv td.tags { font-weight: normal; }
.c-btn { display: block; width: 100%; padding: 7px 10px; border: 1px solid #0b307a; border-radius: 3px; background: #164ab3 linear-gradient(#2961d0, #0e3d9a); color: #fff !important; font: bold 13px Verdana, sans-serif; text-align: center; text-decoration: none !important; cursor: pointer; }
.c-btn:hover { filter: brightness(1.08); }
.c-wa, .c-phone { border-color: #13813a; background: #25b04f linear-gradient(#3cc867, #1d9a45); }
.c-email { border-color: #a99aa1; background: #fff linear-gradient(#fff, #e1e4e9); color: #333 !important; overflow-wrap: anywhere; }
.lc-btn { border-color: #0b307a; }
.vote-bar { position: relative; display: inline-flex; align-items: center; gap: 4px; }
.vote-btn { padding: 0; border: 0; background: none; color: #0e398e; font: 11px Verdana, sans-serif; text-decoration: underline; cursor: pointer; }
.vote-like.voted { color: #17702a; font-weight: bold; text-decoration: none; }
.vote-dislike.voted { color: #0044cc; font-weight: bold; text-decoration: none; }
.vote-bar.flash::after { content: attr(data-msg); position: absolute; left: 0; top: calc(100% + 4px); font-size: 11px; color: #17702a; white-space: nowrap; }
.rep-link { margin-left: auto; color: #999 !important; }
.detail-text { font-size: 13px; line-height: 1.65; color: #222; overflow-wrap: anywhere; }
.services-grid .svc-tag { display: inline-block; margin: 0 4px 4px 0; padding: 1px 6px; border: 1px solid #c5ccdb; background: #fbf5f8; font-size: 11px; }
.th-btns { margin-bottom: 16px; }
.th-btns a { display: block; padding: 2px 0; font-weight: bold; text-decoration: underline; }
.th-btns a::before { content: "\00BB\00A0"; color: #8a9fc9; }
.side-box { padding: 10px; border: 1px solid #c5ccdb; background: #fdf8fa; }
.side-box h3 { margin-bottom: 8px; color: #0e398e; font-size: 13px; }
.sim-ads .box-f { justify-content: flex-end; }
.m-contact { display: none; }

/* lightbox (main.js) */
.lightbox { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .9); cursor: pointer; }
.lightbox img { max-width: 92vw; max-height: 88vh; object-fit: contain; border: 4px solid #fff; cursor: default; }
.lb-close { position: absolute; top: 10px; right: 16px; z-index: 1002; font-size: 36px; line-height: 1; color: #fff; cursor: pointer; }
.lb-nav { position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; transform: translateY(-50%); pointer-events: none; }
.lb-prev, .lb-next { pointer-events: all; padding: 4px 12px; background: rgba(0, 0, 0, .5); font-size: 34px; color: #fff; cursor: pointer; user-select: none; }
.lb-cta { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 1001; }
.lb-msg, .lb-call { padding: 7px 18px; border-radius: 3px; color: #fff; font-weight: bold; }
.lb-msg { background: #25b04f; }
.lb-call { background: #164ab3; }

/* upozorenje, 3 pitanja, pouzdanost (trust.php) */
.fake-warn { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; padding: 8px 10px; border: 1px solid #e8878d; background: #ffcfd2; font-size: 11px; line-height: 1.5; }
.fake-warn .fw-i { font-size: 18px; line-height: 1; color: #c4000d; flex-shrink: 0; }
/* anketa (rtPoll): mala tablica pitanje | Taip/Ne | rezultat */
.poll .box-h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
.rate-intro { margin: 0; padding: 6px 10px 2px; font-size: 11px; color: #666; }
.poll-t { width: 100%; border-collapse: collapse; }
.poll-t td { padding: 5px 10px; border-top: 1px dotted #cdd4e3; vertical-align: middle; }
.poll-t tr:first-child td { border-top: 0; }
.rate-q { font-weight: bold; }
.rate-yn { width: 128px; white-space: nowrap; }
.rv { padding: 1px 8px; border: 1px solid #a99aa1; border-radius: 2px; background: #fff linear-gradient(#fff, #dde0e6); font: 11px Verdana, sans-serif; cursor: pointer; }
.rv b { margin-left: 2px; font-weight: normal; color: #777; }
.rv-da:hover, .rv-da.voted { border-color: #17702a; color: #17702a; font-weight: bold; }
.rv-ne:hover, .rv-ne.voted { border-color: #0044cc; color: #0044cc; font-weight: bold; }
.rate-res { width: 210px; white-space: nowrap; }
.rate-bar { display: inline-block; width: 60px; height: 7px; margin-right: 6px; border: 1px solid #bec5d3; background: #e3e9f6; vertical-align: middle; overflow: hidden; }
.rate-bar i { display: block; height: 100%; background: #2fae52; }
.rate-row.empty .rate-bar { background: #eaecf1; }
.poll-t .empty { margin: 0; padding: 0; border: 0; border-top: 1px dotted #cdd4e3; background: none; text-align: left; }   /* generičko .empty (okvir „nema rezultata”) ne smije na prazan red ankete */
.rate-pct { font-size: 10px; color: #888; }
.rate-row.done .rate-q::after { content: ' \2713'; color: #17702a; font-weight: normal; }
.rate-note { margin: 0; padding: 4px 10px 7px; border-top: 1px dotted #cdd4e3; font-size: 10px; color: #999; }
.rate-own { margin: 4px 10px; padding: 5px 8px; border: 1px solid #e8878d; background: #ffcfd2; font-size: 11px; }
.rate-box.own .rv { opacity: .5; cursor: not-allowed; }
.trust { display: inline-block; padding: 0 6px; border: 1px solid; background: #fff; font: bold 11px/16px Verdana, sans-serif; white-space: nowrap; }
.trust small { font-weight: normal; font-size: 10px; }
.tr-good { color: #17702a; border-color: #8fcc9f; }
.tr-mid { color: #a6000b; border-color: #e57a81; }
.tr-bad { color: #0044cc; border-color: #a2b9e7; }
.tr-none { color: #888; border-color: #bec5d3; font-weight: normal; }
.tq { font-size: 10px; font-weight: bold; }
.tq-ok { color: #17702a; }
.tq-no { color: #0044cc; }

/* TrafficPartner (tpdating.php): banneri, desni stupac */
.aff-banner { position: relative; margin: 0 auto 16px; text-align: center; }
.aff-banner > a { display: block; text-decoration: none !important; }
.aff-banner.tp-wide { max-width: 728px; }
.aff-banner.tp-sq { max-width: 300px; }
.tp-b-btn { display: inline-block; flex-shrink: 0; padding: 5px 12px; border: 1px solid #b3000c; border-radius: 3px; background: #fc2f3d linear-gradient(#ff7c85, #f50010); color: #4a0005; font: bold 12px Verdana, sans-serif; }
.tp-wide > a { display: flex; align-items: center; gap: 14px; min-height: 90px; padding: 0 0 0 16px; overflow: hidden; text-align: left; border: 1px solid #0a2b6e; background: #164ab3 linear-gradient(#2c63d2, #0b378e); }
.tp-b7-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.tp-b7-txt b { font: bold 16px/1.2 "Trebuchet MS", Verdana, sans-serif; color: #fff; text-shadow: 1px 1px 0 #06235c; }
.tp-b7-txt small { font-size: 11px; color: #dbe7ff; }
.tp-b7-faces { display: flex; align-self: stretch; flex-shrink: 0; }
.tp-b7-faces i { width: 72px; border-left: 2px solid #fff; background: center / cover no-repeat; }
.tp-sq > a { position: relative; display: block; width: 300px; max-width: 100%; height: 250px; margin: 0 auto; overflow: hidden; border: 1px solid #0a2b6e; text-align: left; }
.tp-b3-img { position: absolute; inset: 0; background: center 20% / cover no-repeat; }
.tp-b3-txt { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 1px; padding: 10px 12px 12px; background: rgba(110, 10, 46, .9); }
.tp-b3-txt b { font: bold 20px/1.1 "Trebuchet MS", Verdana, sans-serif; color: #fff; }
.tp-b3-txt em { font: bold 17px/1.15 "Trebuchet MS", Verdana, sans-serif; font-style: normal; color: #c2d6ff; }
.tp-b3-txt small { margin: 3px 0 6px; font-size: 11px; color: #e3ebfb; }
.tp-b3-txt .tp-b-btn { align-self: flex-start; }
.detail-aside { display: none; }
@media (min-width: 1000px) {
    .detail-aside { display: block; }
    .da-box { border: 1px solid #c5ccdb; background: #fdf8fa; }
    .da-head { padding: 5px 8px; background: #d6dff2 linear-gradient(#e8eefa, #cad5ec); border-bottom: 1px solid #c5ccdb; color: #0e398e; font-weight: bold; }
    .da-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #22b545; }
    .da-card { display: flex; gap: 8px; padding: 6px 8px; border-bottom: 1px dotted #cdd4e3; text-decoration: none !important; }
    .da-card:last-child { border-bottom: 0; }
    .da-card:hover { background: #ffdcde; }
    .da-card img { width: 56px; height: 56px; padding: 1px; border: 1px solid #b5bcc9; object-fit: cover; flex-shrink: 0; }
    .da-card span { display: flex; flex-direction: column; min-width: 0; }
    .da-card b { color: #1244a8; text-decoration: underline; }
    .da-card small { font-size: 11px; color: #777; }
    .da-card em { font-style: normal; font-size: 11px; font-weight: bold; color: #17702a; }
    .detail-aside .aff-banner { margin: 14px 0; }
    .da-kw { border: 1px solid #c5ccdb; background: #fdf8fa; padding: 4px 8px; }
    .da-kw a { display: block; padding: 3px 0; border-bottom: 1px dotted #cdd4e3; font-weight: bold; text-decoration: underline; }
    .da-kw a:last-child { border-bottom: 0; }
    .da-kw a::before { content: "\00BB\00A0"; color: #8a9fc9; }
}

/* kamere (livecams.php, ako se uključe) */
.lc-strip { margin-bottom: 16px; padding: 8px; border: 1px solid #c5ccdb; background: #fff; }
.lc-head { margin-bottom: 6px; font-weight: bold; color: #0e398e; }
.lc-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #22b545; }
.lc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.lc-cell { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid #b5bcc9; }
.lc-cell img { width: 100%; height: 100%; object-fit: cover; }
.lc-name { position: absolute; left: 0; right: 0; bottom: 0; padding: 2px 5px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-cta { display: block; margin-top: 6px; font-weight: bold; text-align: center; text-decoration: underline; }
.lc-live { position: absolute; top: 3px; left: 3px; padding: 0 4px; background: #004de8; color: #fff; font-size: 9px; font-weight: bold; }

/* sticky traka (tpBar #lc-bar.cpx, barv2.php je preoblikuje) */
#lc-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 8990; }
#lc-bar a { display: flex; align-items: center; justify-content: center; gap: 12px; color: #fff; text-decoration: none; }
#lc-bar.cpx { padding: 8px 12px; background: #0b378e; }
#lc-bar .cpx-dot { width: 9px; height: 9px; border-radius: 50%; background: #2ee66b; }
#lc-bar .cpx-t small { display: block; font-size: 10px; }
#lc-bar .cpx-b { padding: 4px 10px; background: #fc2f3d; color: #4a0005; font-weight: bold; }
.lc-bar-x { position: absolute; top: -10px; right: 8px; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-size: 14px; line-height: 19px; padding: 0; cursor: pointer; }
body.lc-bar-on { padding-bottom: 70px; }
body:has(.m-contact) #lc-bar { display: none !important; }

/* traka kolačića */
#ck-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9100; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); background: #eef0f5; border-top: 2px solid #0e398e; font-size: 11px; color: #333; text-align: center; }
#ck-bar button { padding: 3px 14px; border: 1px solid #0b307a; border-radius: 3px; background: #164ab3 linear-gradient(#2961d0, #0e3d9a); color: #fff; font-weight: bold; cursor: pointer; }
#ck-bar a { text-decoration: underline; }
body.ck-on #lc-bar { bottom: 44px; }

/* ---------- podnožje ---------- */
#ftr { padding: 12px 18px 14px; background: #ebeef3; border-top: 3px solid #0e398e; font-size: 11px; color: #666; text-align: center; line-height: 1.7; }
#ftr a { color: #0e398e; text-decoration: underline; }
.ftr-l { font-weight: bold; }
.ftr-c, .ftr-t { margin-top: 6px; }
.ftr-t b { color: #444; }
.ftr-lang { margin-top: 6px; }
.ftr-b { margin-top: 8px; padding-top: 8px; border-top: 1px solid #cbd1dc; color: #888; }
.ftr-b .age { display: inline-block; margin: 0 3px 0 6px; padding: 0 3px; border: 1px solid #0044cc; color: #0044cc; font-weight: bold; }

/* ---------- forme i ostale stranice (paskelbti, prisijungti, mano-paskyra, taisyklės…) ---------- */
.wrap { max-width: none; }
.form-sec { padding: 0; }
.form-wrap { max-width: 640px; margin: 0 0 16px; padding: 0 12px 12px; border: 1px solid #c5ccdb; background: #fff; }
.form-wrap h1 { margin: 0 -12px 12px; padding: 6px 12px; background: #d6dff2 linear-gradient(#e8eefa, #cad5ec); border-bottom: 1px solid #c5ccdb; color: #0e398e; font-size: 16px; }
.form-wrap h2 { margin: 16px 0 6px; color: #0e398e; font-size: 14px; }
.form-wrap p { color: #333; }
.form-wrap a { text-decoration: underline; }
.fg { margin-bottom: 10px; }
.fg label { display: block; margin-bottom: 2px; font-size: 11px; font-weight: bold; color: #444; }
.fg input, .fg select, .fg textarea { width: 100%; padding: 4px 5px; }
.fg input[type=checkbox], .fg input[type=radio] { width: auto; }
.fg textarea { min-height: 120px; resize: vertical; }
.fg-note { margin-top: 2px; font-size: 10px; color: #888; }
.fg-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.filter-check { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; cursor: pointer; }
.form-err, .error { margin-bottom: 10px; padding: 6px 10px; border: 1px solid #a2b9e7; background: #fdecec; color: #0039aa; }
.form-ok, .success { margin-bottom: 10px; padding: 6px 10px; border: 1px solid #8fcc9f; background: #eaf8ee; color: #17702a; }
.img-prev { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.img-prev img { width: 64px; height: 64px; padding: 1px; border: 1px solid #b5bcc9; object-fit: cover; }
.submit-btn { padding: 6px 22px; border: 1px solid #0b307a; border-radius: 3px; background: #164ab3 linear-gradient(#2961d0, #0e3d9a); color: #fff; font: bold 13px Verdana, sans-serif; cursor: pointer; }
.submit-btn:hover { background: #1d55c4 linear-gradient(#366fe0, #1346ab); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.post-lead { margin: 0 0 12px; color: #444; }
.post-del { margin-top: 16px; padding: 8px 10px; border: 1px solid #e8878d; background: #ffcfd2; font-size: 11px; }
.post-del input { width: 100%; margin-top: 6px; }
.terms, .note { color: #333; line-height: 1.65; }
.terms h2, .terms h3 { margin: 14px 0 4px; color: #0e398e; }
.terms ul, .terms ol { margin: 0 0 10px 20px; padding: 0; }
.toc { margin: 0 0 12px; padding: 8px 12px; border: 1px solid #d9dfec; background: #fbf3f6; }
.posts-title { margin: 6px 0 10px; color: #0e398e; font-size: 15px; }
.mg-404 { padding: 30px 10px; text-align: center; }
.mg-404 h1 { color: #0e398e; font-size: 22px; }
.mg-404 p { margin-top: 8px; }
.mg-404 a { font-weight: bold; text-decoration: underline; }

/* ---------- uži ekrani ---------- */
@media (max-width: 1019px) {
    body { background: #fff; }
    #page { width: auto; margin: 0; border: 0; box-shadow: none; }
}
@media (max-width: 760px) {
    body { font-size: 13px; }
    input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea { font-size: 16px; }
    .tool select { font-size: 13px; }
    #hdr { padding: 10px 12px; }
    .logo { font-size: 23px; }
    .logo-s { font-size: 10px; }
    .hdr-r .st, .hdr-r .lnk { display: none; }
    .btn-post .l { display: none; }
    .btn-post .s { display: inline; }
    #nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom-width: 2px; }
    #nav a { padding: 8px 4px; border-bottom: 1px solid #1b3c7d; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
    #nav .l { display: none; }
    #nav .s { display: inline; }
    #hot { padding: 6px 12px; font-size: 12px; }
    #cols, #cols.noside { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "side"; gap: 6px; padding: 10px 10px 14px; }
    .pt { font-size: 18px; }
    .lst-h { display: none; }
    .it { grid-template-columns: 86px minmax(0, 1fr); }
    .it-ph { width: 76px; height: 76px; margin: 6px 4px 6px 6px; }
    .it-ph img { width: 70px; height: 70px; }
    .it-ph.no svg { width: 36px; height: 36px; }
    .it-d { display: none; }
    .it-dm { display: inline; }
    .it-b h3 { font-size: 14px; }
    .it-b p { font-size: 12px; -webkit-line-clamp: 2; }
    .it-m { font-size: 11px; }
    .pag a { padding: 4px 10px; font-size: 13px; }
    .cols3 { columns: 2; }
    .ft, .ft tbody, .ft tr, .ft th, .ft td { display: block; }
    .ft th { padding: 4px 0 0; text-align: left; }
    .ft input[type=text] { width: 100%; }
    .adt, .adt > tbody, .adt > tbody > tr, .adt > tbody > tr > td { display: block; width: auto; }
    .adt-ph { padding: 8px; border-right: 0; border-bottom: 1px dotted #cdd4e3; }
    .adt-in { padding: 8px; }
    .ad1 .box-h { flex-wrap: wrap; }
    .noph { height: 170px; }
    .kv th { width: 90px; }
    .ad-contact .c-btn { flex: 1 1 100%; padding: 10px; }
    .ad-act { gap: 2px 14px; font-size: 12px; }
    .vote-btn { padding: 6px 2px; font-size: 12px; }
    .poll-t, .poll-t tbody, .poll-t tr, .poll-t td { display: block; width: auto; }
    .poll-t tr.rate-row { padding: 6px 10px; border-top: 1px dotted #cdd4e3; }
    .poll-t tr.rate-row:first-child { border-top: 0; }
    .poll-t td { padding: 2px 0; border: 0; }
    .rv { padding: 6px 14px; font-size: 13px; }
    .c-btn { padding: 10px; font-size: 15px; }
    .fg-row { grid-template-columns: 1fr; }
    .tp-wide > a { gap: 8px; padding-left: 10px; min-height: 76px; }
    .tp-b7-txt b { font-size: 14px; }
    .tp-b7-faces i:nth-child(n+2) { display: none; }
    .tp-b7-faces i { width: 62px; }
    .tp-wide .tp-b-btn { padding: 4px 8px; font-size: 11px; }
    .lc-grid { grid-template-columns: repeat(2, 1fr); }
    .m-contact { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; padding: 6px 10px calc(6px + env(safe-area-inset-bottom)); background: #eef0f5; border-top: 2px solid #0e398e; }
    .m-contact a { flex: 1; padding: 10px 6px; border: 1px solid #13813a; border-radius: 3px; background: #25b04f linear-gradient(#3cc867, #1d9a45); color: #fff; font-weight: bold; font-size: 15px; text-align: center; }
    body:has(.m-contact) { padding-bottom: 64px; }
    /* 3.11. dodir: cijeli red oglasa klikabilan (naslov preko reda), ostali linkovi iznad; ciljevi ~32 px, tekst min 10–11 px, select 16 px (iOS zoom) */
    .it { position: relative; }
    .it-b h3 a::after { content: ""; position: absolute; inset: 0; }
    .it-ph, .it-m a, .it-m .loc { position: relative; z-index: 1; }
    .it-m { line-height: 24px; }
    .it-m a { display: inline-block; padding: 2px 0; }
    .lbl-new, .lbl-top { font-size: 10px; }
    .it-ph.no small { font-size: 10px; }
    .logo-s, .rate-note, .trust small { font-size: 11px; }
    .tool { padding: 6px 8px; font-size: 12px; }
    .tool select { font-size: 16px; padding: 4px 4px; }
    .qs-filter { padding: 7px 10px; font-size: 13px; }
    #hot a { display: inline-block; padding: 6px 0; }
    .bc, .subs { font-size: 12px; }
    .bc a, .subs a { display: inline-block; padding: 6px 1px; }
    .sb li { padding: 0; }
    .sb li a { display: inline-block; padding: 8px 0; }
    .sb label { font-size: 12px; }
    .cols3 li { padding: 0; }
    .cols3 a, .seo-links a { display: inline-block; padding: 6px 0; }
    .tbl td > a { display: inline-block; padding: 4px 0; }
    .kv td a { display: inline-block; padding: 3px 0; }
    #ftr a { display: inline-block; padding: 5px 0; }
    .pag a { padding: 7px 12px; }
}

/* CH (de_ch.py): crveni gumb „Inserat aufgeben” s bijelim tekstom */
.btn-post { color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.25); }