/* [G] Telefon v glavi (U-06) in blagajna (U-14). Tokeni iz kovinar.css / theme.json. */

/* ---- Telefon v glavi ---- */
.kv-tel .kv-tel__txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kv-tel__num { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kv-tel__ure { font-size: 12px; font-weight: 400; color: var(--kv-text-2); white-space: nowrap; }
@media (min-width: 1024px) {
  .kv-tel { margin-right: 8px; }
  .kv-tel .kv-tel__txt { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: flex; flex-direction: column; line-height: 1.25; }
}
/* 320–359 px: v vrstici so gumb Oddelki, logotip in 3 ikone — besedilo »Oddelki« ostane samo za bralnik zaslona. */
@media (max-width: 359px) {
  .kv-menu-btn > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .kv-hdr__row { column-gap: 8px; }
  .kv-hdr__actions .kv-icon-link { padding-inline: 6px; }
}

/* ---- Facebook v glavi (od 768 px) ---- */
.kv-hdr-fb { display: none; color: #1877f2; }
.kv-hdr-fb:hover { color: #1877f2; }
@media (min-width: 768px) { .kv-hdr-fb { display: inline-flex; } }

/* ---- Glava blagajne ---- */
.kv-hdr--co { border-bottom: 3px solid var(--kv-blue); }
.kv-co-hdr { display: flex; align-items: center; gap: 8px 12px; min-height: 56px; padding-block: 6px; }
.kv-co-hdr .kv-logo { flex: none; margin-right: auto; }
.kv-co-hdr__help { display: flex; align-items: center; gap: 12px; }
.kv-co-hdr__q { display: none; font-size: var(--wp--preset--font-size--sm); color: var(--kv-text-2); }
.kv-co-hdr .kv-tel { margin-right: 0; }
@media (min-width: 768px) {
  .kv-co-hdr__q { display: inline; }
  .kv-co-hdr .kv-tel .kv-tel__txt { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: flex; flex-direction: column; line-height: 1.25; }
}

/* ---- Blagajna: naslov, napake, izbire ---- */
.kv-co-title { margin: 0 0 var(--wp--preset--spacing--40); }
.woocommerce form .form-row.woocommerce-invalid :is(input.input-text, select, textarea),
.woocommerce form .form-row.woocommerce-invalid .select2-selection { border: 2px solid var(--wp--preset--color--danger); background-color: var(--wp--preset--color--danger-bg); }
.woocommerce form .form-row.woocommerce-invalid label { color: var(--wp--preset--color--danger); }
.woocommerce form .form-row .checkout-inline-error-message {
  display: flex; align-items: flex-start; gap: 6px; margin: 6px 0 0; font-size: var(--wp--preset--font-size--sm); font-weight: 600; line-height: 1.4; color: var(--wp--preset--color--danger);
}
.woocommerce form .form-row .checkout-inline-error-message::before {
  content: "!"; flex: none; display: grid; place-items: center; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%;
  background: var(--wp--preset--color--danger); color: #fff; font-size: 12px; font-weight: 700; line-height: 1;
}
.woocommerce-checkout :is(#shipping_method, .wc_payment_methods) input[type=radio],
.woocommerce-checkout .woocommerce-form__input-checkbox { accent-color: var(--kv-blue); width: 20px; height: 20px; }
.woocommerce-checkout #shipping_method li { display: flex; align-items: center; gap: 8px; min-height: var(--kv-tap); margin: 0; }
.woocommerce-checkout #shipping_method li label { margin: 0; }