/*
Theme Name: AUTOCENTER Blocksy Child
Theme URI: https://autocenter.kyiv.ua/
Description: AUTOCENTER Blocksy child theme. v1.4.8 Blog runtime language-link cleanup; keeps Native Service v1, frozen runtime handoff, and H1 ownership safeguards.
Author: AUTOCENTER KYIV
Template: blocksy
Version: 1.4.17
Text Domain: autocenter-blocksy-child
*/

:root {
  --ac-red: #e31b23;
  --ac-red-dark: #b70f16;
  --ac-graphite: #2f2f30;
  --ac-graphite-deep: #202224;
  --ac-graphite-soft: #3a3b3d;
  --ac-text: #f3f4f5;
  --ac-muted: #b8bcc2;
  --ac-line-dark: rgba(255,255,255,.12);
  --ac-bg: #fff;
  --ac-soft: #f6f7f8;
}


/* AUTOCENTER P008 — USA customs calculator pair spacing fix
 * Scope: only calculator Page IDs 46269 (RU) and 46286 (UA).
 * Keeps the rebuilt calculator in normal document flow below its intro copy.
 */
body.page-id-46269 .ac-article .ac-calculator,
body.page-id-46286 .ac-article .ac-calculator {
  margin-top: 28px;
}
/* AUTOCENTER P010 — visible internal architecture navigation.
 * Runtime source only; no stored Page content is mutated.
 */
.ac-inlink-architecture {
  width: min(1180px, calc(100% - 40px));
  margin: 34px auto 42px;
  padding: 26px;
  background: #f6f7f8;
  border: 1px solid #e1e4e7;
  border-radius: 16px;
}
.ac-inlink-architecture__head {
  max-width: 820px;
  margin-bottom: 18px;
}
.ac-inlink-architecture__head h2 {
  margin: 0 0 8px;
  color: #202224;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.15;
}
.ac-inlink-architecture__head p {
  margin: 0;
  color: #5f656b;
  font-size: 15px;
  line-height: 1.6;
}
.ac-inlink-architecture__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.ac-inlink-architecture__link {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 10px 13px;
  background: #fff;
  border: 1px solid #dfe2e5;
  border-radius: 10px;
  color: #202224 !important;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none !important;
}
.ac-inlink-architecture__link:hover,
.ac-inlink-architecture__link:focus-visible {
  border-color: #c7cbd0;
  color: #d91820 !important;
  box-shadow: 0 5px 16px rgba(20,25,30,.06);
}
@media (max-width: 900px) {
  .ac-inlink-architecture__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .ac-inlink-architecture {
    width: min(100% - 24px, 1180px);
    margin: 26px auto 32px;
    padding: 18px;
  }
  .ac-inlink-architecture__grid { grid-template-columns: 1fr; }
}


/* P018 — public language switcher label: display UA while Polylang slug remains uk.
   Polylang supplies the technical slug "uk"; shell.php uppercases it to "UK".
   The public shell uses .ac-lang directly, so no .ac-header ancestor is required. */
.ac-lang__link[href*="/uk/"] {
  font-size: 0 !important;
}
.ac-lang__link[href*="/uk/"]::after {
  content: "UA";
  font-size: 12px;
  line-height: 1.2;
}