/*
Theme Name: АвтоПорт
Theme URI: https://autoport33.ru
Description: Тёмная тема АвтоТехЦентра «Авто Порт». Дочерняя от Twenty Twenty-Five.
Author: AutoPort33
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: autoport
*/

/* ============ База ============ */

body {
  background: var(--ap-ink);
  color: var(--ap-text-2);
  font-family: "Golos Text", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ============ Заголовки ============ */

h1, h2, h3, h4 {
  font-family: Unbounded, system-ui, sans-serif;
  color: var(--ap-white);
  text-wrap: balance;
}

h1 {
  font-weight: 800;
  font-size: clamp(28px, 5vw, 46px);
  line-height: 1.05;
  letter-spacing: -.02em;
}

h2 {
  font-weight: 600;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.15;
  margin-top: var(--ap-s7);
}

h3 {
  font-weight: 600;
  font-size: 19px;
  line-height: 1.25;
  margin-top: var(--ap-s6);
}

/* ============ Текст ============ */

p, li { max-width: var(--ap-measure); }

strong { color: var(--ap-white); font-weight: 600; }

a {
  color: var(--ap-accent);
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
}
a:hover { color: var(--ap-accent-hover); }

:focus-visible {
  outline: 2px solid var(--ap-accent);
  outline-offset: 2px;
}

/* ============ Служебные классы ============ */

/* Надзаголовок разрядкой — приём из логотипа «А В Т О Т Е Х Ц Е Н Т Р» */
.ap-eyebrow {
  font-family: "Golos Text", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--ap-text-3);
  margin: 0 0 var(--ap-s3);
}

.ap-measure { max-width: var(--ap-measure); }

/* ============ Таблицы ============ */

table { border-collapse: collapse; width: 100%; }
th, td {
  padding: var(--ap-s3) var(--ap-s4);
  border-bottom: 1px solid var(--ap-line);
  text-align: left;
}
th { color: var(--ap-white); font-weight: 600; }
td { font-variant-numeric: tabular-nums; }

/* ============ Разделители ============ */

hr, .wp-block-separator {
  border: 0;
  border-top: 1px solid var(--ap-line);
  margin: var(--ap-s7) 0;
}