/* RentMama blog — TASK-5 quick UX wins (static copy). One file per language prefix, identical content,
   linked LAST in <head> on every page (after the inline theme <style>). Remove the <link> to revert.
   Scope: post body / sidebar / list pages / category bar / images / focus. Header and footer are NOT touched. */

/* §1 Lasāmība — raksta teksts 17–18 px, rindstarpa 1.6, #222 uz #fff = 15.91:1 (WCAG), rinda ≤ ~70 rakstzīmes (620 px saturs:
   18 px → ~67 rakstz.). Sarakstu izvilkumi 17 px. Sānjoslas «Kas ir RentMama?» teksts tā pati krāsa, 15 px. */
.post-entry p, .post-entry li, .post-entry blockquote {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #222 !important;
}
.post-list-text p {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #222 !important;
}
#sidebar .textwidget {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #222 !important;
}

/* §2 Saišu kontrasts — tēmas #64b6f3 uz #fff = 2.20:1 (< 4.5). → #1a5a85 = 7.38:1 (--brand-900 #11374d saime).
   Tikai raksta/saraksta/sānjoslas saites; virsraksti (#11374d), lapošanas pogas (balts uz fona), galvene, kājene — neaiztiek.
   Raksta tekstā saites pasvītrotas (attēlu saites — nē). */
.post-entry a, .post-list-text a, .post-heading .meta a, .post-related a, .post-pagination a, #sidebar .side-popular > a {
  color: #1a5a85 !important;
}
.post-entry a:not(:has(img)) {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

/* §3 Saraksta lapas īsākas — «You Might Also Like» / «Līdzīgi raksti» / PL bloks zem katra izvilkuma paslēpts visur, kur body
   nav .single (sākumlapa + /page/N/; kategorijās/birkās bloka nav). Rakstu lapās (body.single) paliek. */
body:not(.single) .post-related {
  display: none !important;
}

/* §4 Mobilā kategoriju josla — ≤ 767 px pogas vienā horizontāli ritināmā rindā (bija 3–4 rindas, 108–144 px virs satura).
   Tikai .category (kategoriju pogas); galvenes izvēlne (.menu) neaiztikta. */
@media screen and (max-width: 767px) {
  .category .category-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    max-width: 100%;
    padding-bottom: 4px !important;
  }
  .category .category-wrapper > .cat-item {
    flex: 0 0 auto !important;
    margin: 0 6px 0 0 !important;
  }
}

/* §6 Fokusa stāvokļi — redzams :focus-visible (tastatūra) saitēm un pogām satura daļā, sānjoslā un kategoriju joslā.
   Tumšs gredzens #11374d (12.52:1 uz #fff) + balta josla iekšpusē → redzams arī uz tumša/attēla fona. Galvene/kājene neaiztiktas. */
#main :is(a, button, input, select, textarea, [tabindex]):focus-visible,
#sidebar :is(a, button, input, select, textarea, [tabindex]):focus-visible,
.category .category-wrapper a:focus-visible {
  outline: 3px solid #11374d !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #fff !important;
  border-radius: 2px;
}

/* §5 Attēli — width/height atribūti (HTML, tools/imgattrs.py) + šis noteikums: platums nepārsniedz kolonnu, augstums no proporcijas
   (bez tā height atribūts sašaurinātam attēlam dotu izstieptu bildi). */
.post-entry img, .post-img img {
  max-width: 100%;
  height: auto;
}