/* ==========================================================================
   KRASTA 89 — komponenti (kopīgi publiskajai lapai un admin)
   Nosaukumi: .bloks, .bloks__elements, .bloks--variants
   ========================================================================== */

/* ---------- Logo ---------- */
.logo { display: inline-flex; align-items: center; color: var(--c-text); text-decoration: none; }
.logo svg { height: 1.75rem; width: auto; aspect-ratio: 480.8 / 96.6; }
.logo--lg svg { height: 3rem; }
.logo--inverse { color: #FFFFFF; }

/* ---------- Pogas ---------- */
.btn {
  --btn-bg: var(--c-surface);
  --btn-fg: var(--c-text);
  --btn-bd: var(--c-border-strong);
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
  min-height: var(--control-h); min-width: var(--tap);
  padding: 0 var(--s-5);
  border: 2px solid var(--btn-bd); border-radius: var(--r-2);
  background: var(--btn-bg); color: var(--btn-fg);
  font-weight: var(--fw-semibold); font-size: var(--fs-base); line-height: 1.1;
  text-decoration: none; white-space: nowrap;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.btn:hover { --btn-bd: var(--c-text); color: var(--btn-fg); text-decoration: none; }
.btn:active { transform: translateY(1px); }
.btn--primary { --btn-bg: var(--c-primary); --btn-fg: var(--c-on-primary); --btn-bd: var(--c-primary); }
.btn--primary:hover { --btn-bg: var(--c-primary-hover); --btn-bd: var(--c-primary-hover); }
.btn--accent { --btn-bg: var(--c-accent); --btn-fg: var(--c-on-accent); --btn-bd: var(--c-accent); }
.btn--accent:hover { --btn-bg: var(--c-accent-hover); --btn-bd: var(--c-accent-hover); }
.btn--ghost { --btn-bg: transparent; --btn-bd: transparent; color: var(--c-primary); --btn-fg: var(--c-primary); }
.btn--ghost:hover { --btn-bg: var(--c-primary-soft); --btn-bd: transparent; }
.btn--danger { --btn-bg: var(--c-surface); --btn-fg: var(--c-danger); --btn-bd: var(--c-danger); }
.btn--danger:hover { --btn-bg: var(--c-danger-soft); --btn-bd: var(--c-danger); }
.btn--sm { min-height: 36px; padding: 0 var(--s-3); font-size: var(--fs-sm); }
.btn--lg { min-height: 56px; padding: 0 var(--s-6); font-size: var(--fs-md); }
.btn--block { width: 100%; }
.btn--icon { padding: 0; width: var(--control-h); }
.btn[disabled], .btn[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }
.btn .icon { width: 1.25em; height: 1.25em; }

/* ---------- Formas ---------- */
.field { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
.field__label { font-weight: var(--fw-semibold); font-size: var(--fs-sm); }
.field__label .req { color: var(--c-danger); }
.field__hint { font-size: var(--fs-sm); color: var(--c-text-muted); }
.field__error { display: flex; gap: var(--s-2); align-items: flex-start; font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--c-danger); }
.input, .select, .textarea {
  width: 100%; min-height: var(--control-h);
  padding: var(--s-2) var(--s-3);
  background: var(--c-surface); color: var(--c-text);
  border: 2px solid var(--c-border-strong); border-radius: var(--r-2);
  font-size: max(16px, var(--fs-base)); /* ≥16 px — iOS netuvina */
  transition: border-color var(--dur-fast) var(--ease);
}
.textarea { min-height: 8rem; resize: vertical; line-height: var(--lh-body); }
.select {
  appearance: none; padding-right: 2.75rem;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: right 1.25rem center, right 0.9rem center;
  background-size: 0.4rem 0.4rem; background-repeat: no-repeat;
}
.input:hover, .select:hover, .textarea:hover { border-color: var(--c-text-muted); }
.input:focus-visible, .select:focus-visible, .textarea:focus-visible { outline: 3px solid var(--c-focus); outline-offset: 1px; border-color: var(--c-focus); }
.input::placeholder, .textarea::placeholder { color: var(--c-text-muted); opacity: 0.8; }
.field--error .input, .field--error .select, .field--error .textarea, .input[aria-invalid="true"] { border-color: var(--c-danger); }
.input-group { display: flex; align-items: stretch; }
.input-group .input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -2px; }
.input--search { padding-left: 2.75rem; background-image: none; }
.search-wrap { position: relative; }
.search-wrap > .icon { position: absolute; left: 0.85rem; top: 50%; translate: 0 -50%; color: var(--c-text-muted); pointer-events: none; }

.check { display: flex; align-items: flex-start; gap: var(--s-3); min-height: var(--tap); padding-block: var(--s-2); cursor: pointer; }
.check input { appearance: none; flex: none; width: 1.5rem; height: 1.5rem; margin: 0.05rem 0 0; border: 2px solid var(--c-border-strong); border-radius: var(--r-1); background: var(--c-surface); display: grid; place-content: center; cursor: pointer; }
.check input[type="radio"] { border-radius: 50%; }
.check input::before { content: ""; width: 0.8rem; height: 0.8rem; transform: scale(0); transition: transform var(--dur-fast) var(--ease); background: var(--c-on-primary); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
.check input[type="radio"]::before { clip-path: circle(50%); }
.check input:checked { background: var(--c-primary); border-color: var(--c-primary); }
.check input:checked::before { transform: scale(1); }
.check input:focus-visible { outline: 3px solid var(--c-focus); outline-offset: 2px; }

.form-grid { display: grid; gap: var(--s-4); grid-template-columns: 1fr; }
@media (min-width: 40rem) { .form-grid--2 { grid-template-columns: 1fr 1fr; } .form-grid .span-2 { grid-column: 1 / -1; } }
fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
legend { font-weight: var(--fw-semibold); padding: 0; margin-bottom: var(--s-2); }

/* Segmentēta izvēle (statusa maiņa, režīms) */
.segmented { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.segmented input { position: absolute; opacity: 0; pointer-events: none; }
.segmented label { display: inline-flex; align-items: center; gap: var(--s-2); min-height: var(--control-h); padding: 0 var(--s-4); border: 2px solid var(--c-border-strong); border-radius: var(--r-2); background: var(--c-surface); font-weight: var(--fw-semibold); cursor: pointer; }
.segmented input:checked + label { background: var(--c-primary); border-color: var(--c-primary); color: var(--c-on-primary); }
.segmented input:focus-visible + label { outline: 3px solid var(--c-focus); outline-offset: 2px; }

/* ---------- Kartītes ---------- */
.card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-3); padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.card--flush { padding: 0; overflow: hidden; }
.card--raised { box-shadow: var(--shadow-2); border-color: transparent; }
.card--link { position: relative; transition: border-color var(--dur-fast) var(--ease); }
.card--link:hover { border-color: var(--c-primary); }
.card--link a.card__stretch::after { content: ""; position: absolute; inset: 0; }
.card__title { font-size: var(--fs-lg); }
.card__title a { color: inherit; text-decoration: none; }
.card__meta { font-size: var(--fs-sm); color: var(--c-text-muted); }
.card__body { padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-3); }
.card__footer { margin-top: auto; padding-top: var(--s-3); display: flex; gap: var(--s-3); flex-wrap: wrap; align-items: center; }

/* ---------- Statusa atzīmes ---------- */
.badge {
  --b-fg: var(--c-neutral); --b-bg: var(--c-neutral-soft);
  display: inline-flex; align-items: center; gap: 0.35em;
  padding: 0.2em 0.6em; border-radius: var(--r-1);
  background: var(--b-bg); color: var(--b-fg);
  border: 1px solid color-mix(in srgb, var(--b-fg) 35%, transparent);
  font-size: var(--fs-xs); font-weight: var(--fw-semibold); line-height: 1.4;
  text-transform: uppercase; letter-spacing: var(--tracking-caps); white-space: nowrap;
}
.badge::before { content: ""; width: 0.5em; height: 0.5em; border-radius: 50%; background: currentColor; }
.badge--plain::before { display: none; }
.badge--success { --b-fg: var(--c-success); --b-bg: var(--c-success-soft); }
.badge--warning { --b-fg: var(--c-warning); --b-bg: var(--c-warning-soft); }
.badge--danger  { --b-fg: var(--c-danger);  --b-bg: var(--c-danger-soft); }
.badge--info    { --b-fg: var(--c-info);    --b-bg: var(--c-info-soft); }
.badge--lg { font-size: var(--fs-sm); padding: 0.35em 0.8em; }

/* ---------- Tabulas ---------- */
.table-wrap { overflow-x: auto; border: 1px solid var(--c-border); border-radius: var(--r-3); background: var(--c-surface); }
.table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.table caption { text-align: left; padding: var(--s-3) var(--s-4); font-weight: var(--fw-semibold); }
.table th, .table td { padding: var(--s-3) var(--s-4); text-align: left; vertical-align: top; border-bottom: 1px solid var(--c-border); }
.table thead th { background: var(--c-surface-2); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: var(--tracking-caps); color: var(--c-text-muted); font-weight: var(--fw-semibold); white-space: nowrap; }
.table tbody tr:last-child > * { border-bottom: 0; }
.table tbody tr:hover { background: color-mix(in srgb, var(--c-primary-soft) 50%, transparent); }
.table .num { text-align: right; white-space: nowrap; }
.table tfoot td, .table tfoot th { font-weight: var(--fw-bold); border-top: 2px solid var(--c-text); border-bottom: 0; }
/* Mobilā tabula: < 40rem rindas kļūst par kartītēm. Šūnām data-label="…" */
@media (max-width: 39.99rem) {
  .table--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .table--stack, .table--stack caption, .table--stack tbody, .table--stack tr, .table--stack td, .table--stack th { display: block; width: 100%; }
  .table--stack tr { padding: var(--s-3) var(--s-4); border-bottom: 1px solid var(--c-border); }
  .table--stack td, .table--stack tbody th { display: grid; grid-template-columns: minmax(7rem, 40%) 1fr; gap: var(--s-3); padding: var(--s-1) 0; border: 0; text-align: left; }
  .table--stack td::before, .table--stack tbody th::before { content: attr(data-label); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: var(--tracking-caps); color: var(--c-text-muted); font-weight: var(--fw-semibold); padding-top: 0.15em; }
  .table--stack .num { text-align: left; }
  .table--stack td.no-label { display: block; } .table--stack td.no-label::before { display: none; }
}

/* ---------- Cilnes ---------- */
.tabs__list { display: flex; gap: var(--s-1); border-bottom: 2px solid var(--c-border); overflow-x: auto; scrollbar-width: none; }
.tabs__tab {
  flex: none; min-height: var(--tap); padding: var(--s-2) var(--s-4);
  background: none; border: 0; border-bottom: 3px solid transparent; margin-bottom: -2px;
  color: var(--c-text-muted); font-weight: var(--fw-semibold); white-space: nowrap;
}
.tabs__tab:hover { color: var(--c-text); }
.tabs__tab[aria-selected="true"] { color: var(--c-text); border-bottom-color: var(--c-accent); }
.tabs__tab .count { display: inline-block; margin-left: 0.35em; padding: 0 0.45em; border-radius: var(--r-pill); background: var(--c-surface-2); font-size: var(--fs-xs); font-variant-numeric: tabular-nums; }
.tabs__panel { padding-top: var(--s-5); }
.tabs__panel:focus-visible { outline-offset: 4px; }

/* ---------- Modālais logs (<dialog>) ---------- */
.modal { width: min(36rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 0; border-radius: var(--r-3); background: var(--c-surface); color: var(--c-text); box-shadow: var(--shadow-3); }
.modal::backdrop { background: var(--c-overlay); }
.modal__header { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding: var(--s-4) var(--s-5); border-bottom: 1px solid var(--c-border); }
.modal__header h2 { font-size: var(--fs-lg); }
.modal__body { padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-4); }
.modal__footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--s-3); padding: var(--s-4) var(--s-5); border-top: 1px solid var(--c-border); background: var(--c-surface-2); }
.modal--wide { width: min(64rem, calc(100% - 2rem)); }
.modal--image { background: #0B1016; color: #FFFFFF; width: min(72rem, calc(100% - 1rem)); }
.modal--image .modal__header { border-color: #2A3642; }
.modal--image .btn { --btn-bg: transparent; --btn-fg: #FFFFFF; --btn-bd: #5D6B78; }

/* ---------- Paziņojumi ---------- */
.alert {
  --a-fg: var(--c-info); --a-bg: var(--c-info-soft);
  display: grid; grid-template-columns: auto 1fr auto; gap: var(--s-3); align-items: start;
  padding: var(--s-4); border-radius: var(--r-2); background: var(--a-bg); color: var(--c-text);
  border: 1px solid color-mix(in srgb, var(--a-fg) 40%, transparent); border-left: 6px solid var(--a-fg);
}
.alert > .icon { color: var(--a-fg); margin-top: 0.1rem; }
.alert__title { font-weight: var(--fw-bold); }
.alert__body { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
.alert--success { --a-fg: var(--c-success); --a-bg: var(--c-success-soft); }
.alert--warning { --a-fg: var(--c-warning); --a-bg: var(--c-warning-soft); }
.alert--danger  { --a-fg: var(--c-danger);  --a-bg: var(--c-danger-soft); }
.toast-region { position: fixed; z-index: var(--z-toast); left: 50%; translate: -50% 0; bottom: calc(var(--s-4) + env(safe-area-inset-bottom, 0px)); width: min(28rem, calc(100% - 2rem)); display: flex; flex-direction: column; gap: var(--s-2); }
.toast { display: flex; align-items: center; gap: var(--s-3); padding: var(--s-3) var(--s-4); border-radius: var(--r-2); background: var(--brand-graphite-900); color: #FFFFFF; box-shadow: var(--shadow-3); animation: toast-in var(--dur) var(--ease); }
.toast .icon { color: var(--brand-signal-400); }
@keyframes toast-in { from { opacity: 0; translate: 0 8px; } }

/* ---------- Laika līnija ---------- */
.timeline { list-style: none; padding: 0; display: flex; flex-direction: column; }
.timeline__item { position: relative; display: grid; grid-template-columns: 2.25rem 1fr; gap: var(--s-3); padding-bottom: var(--s-5); }
.timeline__item::before { content: ""; position: absolute; left: calc(1.125rem - 1px); top: 2.25rem; bottom: 0; width: 2px; background: var(--c-border); }
.timeline__item:last-child::before { display: none; }
.timeline__dot { width: 2.25rem; height: 2.25rem; border-radius: 50%; display: grid; place-items: center; background: var(--c-surface-2); color: var(--c-text-muted); border: 2px solid var(--c-border); }
.timeline__dot .icon { width: 1.1rem; height: 1.1rem; }
.timeline__item--service .timeline__dot { background: var(--c-primary-soft); color: var(--c-primary); border-color: var(--c-primary); }
.timeline__item--repair .timeline__dot { background: var(--c-warning-soft); color: var(--c-warning); border-color: var(--c-warning); }
.timeline__card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-3); padding: var(--s-4); display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.timeline__item--repair .timeline__card { border-color: color-mix(in srgb, var(--c-warning) 55%, transparent); box-shadow: inset 4px 0 0 var(--c-warning); }
.timeline__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s-2) var(--s-4); align-items: baseline; }
.timeline__date { font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.timeline__meta { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-4); font-size: var(--fs-sm); color: var(--c-text-muted); }
.timeline__meta b { color: var(--c-text); font-weight: var(--fw-semibold); }
.worklist { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--s-1); font-size: var(--fs-sm); }
.worklist li { display: flex; gap: var(--s-2); align-items: flex-start; }
.worklist li .icon { width: 1rem; height: 1rem; margin-top: 0.2rem; color: var(--c-success); }
.worklist li.extra { background: var(--c-highlight); border-radius: var(--r-1); padding: 0.15rem 0.4rem; margin-inline: -0.4rem; font-weight: var(--fw-medium); }
.worklist li.extra .icon { color: var(--c-warning); }

/* ---------- Filtri ---------- */
.filters { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: flex-end; }
.filters > .field { flex: 1 1 12rem; }
.chips { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.chip { display: inline-flex; align-items: center; gap: var(--s-2); min-height: var(--tap); padding: 0 var(--s-4); border: 2px solid var(--c-border-strong); border-radius: var(--r-pill); background: var(--c-surface); color: var(--c-text); font-weight: var(--fw-semibold); font-size: var(--fs-sm); text-decoration: none; }
.chip:hover { border-color: var(--c-text); color: var(--c-text); text-decoration: none; }
.chip[aria-pressed="true"], .chip[aria-current="true"] { background: var(--c-text); border-color: var(--c-text); color: var(--c-bg); }
.chip .count { font-variant-numeric: tabular-nums; opacity: 0.75; }

/* ---------- Lapošana ---------- */
.pagination { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; justify-content: center; list-style: none; padding: 0; }
.pagination a, .pagination span { display: inline-grid; place-items: center; min-width: var(--tap); min-height: var(--tap); padding: 0 var(--s-3); border: 2px solid var(--c-border); border-radius: var(--r-2); text-decoration: none; color: var(--c-text); font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.pagination a:hover { border-color: var(--c-text); }
.pagination [aria-current="page"] { background: var(--c-text); border-color: var(--c-text); color: var(--c-bg); }
.pagination .gap { border-color: transparent; }
.pagination__step { display: inline-flex !important; gap: var(--s-1); }
@media (max-width: 30rem) { .pagination .hide-sm { display: none; } }

/* ---------- Ceļa norādes ---------- */
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-2); list-style: none; padding: 0; font-size: var(--fs-sm); color: var(--c-text-muted); }
.breadcrumbs li + li::before { content: "/"; margin-right: var(--s-2); color: var(--c-border-strong); }
.breadcrumbs a { color: var(--c-text-muted); }

/* ---------- Bildes vietturis ---------- */
/* Aizstāt ar <img srcset> — skat. README „Bildes”. Teksts apraksta vajadzīgo foto. */
.ph {
  position: relative; aspect-ratio: var(--ar, 4 / 3); max-width: 100%; width: 100%;
  display: grid; place-items: center; padding: var(--s-4); text-align: center;
  background:
    repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--c-text) 5%, transparent) 14px 15px),
    var(--c-surface-2);
  color: var(--c-text-muted); border-radius: var(--r-3); overflow: hidden;
  font-size: var(--fs-sm); line-height: var(--lh-snug);
}
.ph > span { max-width: 28ch; display: flex; flex-direction: column; align-items: center; gap: var(--s-2); }
.ph > span::before { content: "FOTO"; font-size: var(--fs-xs); font-weight: var(--fw-bold); letter-spacing: 0.12em; padding: 0.1em 0.5em; border: 1px solid currentColor; border-radius: var(--r-1); }
.ph--dark { background: repeating-linear-gradient(135deg, transparent 0 14px, rgb(255 255 255 / 0.05) 14px 15px), #12293A; color: #B9C7D3; }

/* ---------- Definīciju saraksts (dati kartītē) ---------- */
.dl { display: grid; grid-template-columns: minmax(8rem, max-content) 1fr; gap: var(--s-2) var(--s-4); font-size: var(--fs-sm); }
.dl dt { color: var(--c-text-muted); }
.dl dd { margin: 0; font-weight: var(--fw-medium); min-width: 0; }

/* ---------- Soļu saraksts ---------- */
.steps { list-style: none; padding: 0; counter-reset: step; display: flex; flex-direction: column; gap: var(--s-4); }
.steps > li { counter-increment: step; display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--s-3); }
.steps > li::before { content: counter(step); display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: var(--r-2); background: var(--c-text); color: var(--c-bg); font-weight: var(--fw-black); font-stretch: var(--stretch-display); font-size: var(--fs-md); font-variant-numeric: tabular-nums; }
.steps > li > div { min-width: 0; padding-top: 0.35rem; }

/* ---------- Autocomplete ---------- */
.combo { position: relative; }
.combo__list { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 20rem; overflow-y: auto; margin: 0; padding: var(--s-1); list-style: none; background: var(--c-surface); border: 2px solid var(--c-border-strong); border-radius: var(--r-2); box-shadow: var(--shadow-3); }
.combo__opt { display: grid; grid-template-columns: 1fr auto; gap: var(--s-1) var(--s-3); padding: var(--s-3); border-radius: var(--r-1); cursor: pointer; min-height: var(--tap); }
.combo__opt small { grid-column: 1; color: var(--c-text-muted); font-family: var(--font-mono); }
.combo__opt .price { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-variant-numeric: tabular-nums; font-weight: var(--fw-semibold); }
.combo__opt[aria-selected="true"], .combo__opt:hover { background: var(--c-primary-soft); }
.combo__opt mark { background: var(--c-highlight); color: inherit; border-radius: 2px; }
.combo__empty { padding: var(--s-3); color: var(--c-text-muted); }

/* ---------- Tukšais stāvoklis ---------- */
.empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--s-3); padding: var(--s-7) var(--s-4); border: 2px dashed var(--c-border); border-radius: var(--r-3); color: var(--c-text-muted); }

/* ---------- Augšupielādes zona ---------- */
.dropzone { display: flex; flex-direction: column; align-items: center; gap: var(--s-2); padding: var(--s-6) var(--s-4); border: 2px dashed var(--c-border-strong); border-radius: var(--r-3); background: var(--c-surface); text-align: center; cursor: pointer; }
.dropzone:hover, .dropzone.is-over { border-color: var(--c-primary); background: var(--c-primary-soft); }
.dropzone input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.dropzone:focus-within { outline: 3px solid var(--c-focus); outline-offset: 2px; }

/* ---------- Tēmas pārslēgs ---------- */
.theme-toggle .i-moon { display: none; }
:root[data-theme="dark"] .theme-toggle .i-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .i-moon { display: block; }

/* ==========================================================================
   PHP ieviešanas papildinājumi (nav dizaina maketos)
   ========================================================================== */

/* Īstās bildes `.ph` vietā (helpers.php → picture()) */
.media { display: block; width: 100%; height: auto; object-fit: cover; border-radius: var(--r-3); background: var(--c-surface-2); }
.service-card .media, .post-card .media { border-radius: 0; }
.cert-thumb .media { aspect-ratio: 3 / 4; border: 1px solid var(--c-border); transition: border-color var(--dur-fast) var(--ease); }
.cert-thumb:hover .media { border-color: var(--c-primary); }
.lightbox__img img { max-height: 75dvh; width: auto; margin-inline: auto; border-radius: var(--r-2); background: #FFFFFF; }
.prose figure .media { border-radius: var(--r-3); }
.prose code { font-family: var(--font-mono); font-size: 0.92em; padding: 0 0.25em; background: var(--c-surface-2); border-radius: var(--r-1); }