/* ================================================================
   ПрофПошив — защита дизайн-системы от переопределений Tilda
   Файл: tilda-global-overrides.css
   Куда: Настройки сайта → Дополнительный CSS
   ================================================================ */

/* ── 0. Переменные (дубль на случай, если Tilda срежет ) ── */
:root {
  --c-black:       #0f0f0f;
  --c-dark:        #1a1a1a;
  --c-panel:       #242424;
  --c-border:      #333333;
  --c-steel:       #8a9099;
  --c-light:       #d4d6d9;
  --c-white:       #f0ede8;
  --c-amber:       #e8820c;
  --c-amber-light: #f5a030;
  --c-amber-dim:   #c46a08;
  --font-head: 'Oswald', sans-serif;
  --font-body: 'PT Sans', sans-serif;
}

/* ── 1. Глобальный сброс — нейтрализуем базовые стили Tilda ──── */
a,
a:link,
a:visited,
a:active {
  color: inherit !important;
  text-decoration: none !important;
}
a:hover,
a:focus {
  text-decoration: none !important;
}

/* ── 2. Навигационные ссылки ──────────────────────────────────── */
.nav-links a,
.nav-links a:link,
.nav-links a:visited {
  color: var(--c-steel, #8a9099) !important;
}
.nav-links a:hover,
.nav-links a:focus {
  color: var(--c-white, #f0ede8) !important;
}

/* Телефон в шапке */
.nav-phone,
.nav-phone:link,
.nav-phone:visited {
  color: var(--c-white, #f0ede8) !important;
}
.nav-phone:hover {
  color: var(--c-amber-light, #f5a030) !important;
}

/* Логотип */
.logo,
.logo:link,
.logo:visited,
.logo:hover {
  color: var(--c-white, #f0ede8) !important;
}

/* ── 3. Кнопки ────────────────────────────────────────────────── */
.btn,
.btn:link,
.btn:visited,
.btn:active {
  color: #ffffff !important;
  text-decoration: none !important;
}
.btn:hover {
  color: #ffffff !important;
}

.btn.btn-outline,
.btn-outline,
.btn-outline:link,
.btn-outline:visited {
  color: var(--c-amber, #e8820c) !important;
}
.btn.btn-outline:hover,
.btn-outline:hover {
  color: #ffffff !important;
}

/* ── 4. Мобильное меню ────────────────────────────────────────── */
.mobile-menu-links a,
.mobile-menu-links a:link,
.mobile-menu-links a:visited {
  color: var(--c-white, #f0ede8) !important;
}
.mobile-menu-links a:hover,
.mobile-menu-links a:focus {
  color: var(--c-amber, #e8820c) !important;
}

.mobile-menu-phone,
.mobile-menu-phone:link,
.mobile-menu-phone:visited,
.mobile-menu-phone:hover {
  color: var(--c-white, #f0ede8) !important;
}

/* ── 5. Хлебные крошки ────────────────────────────────────────── */
.breadcrumbs .crumb,
.breadcrumbs a.crumb:link,
.breadcrumbs a.crumb:visited {
  color: var(--c-steel, #8a9099) !important;
}
.breadcrumbs a.crumb:hover,
.breadcrumbs a.crumb:focus {
  color: var(--c-amber, #e8820c) !important;
}

/* ── 6. Hero-карточки (ссылки-продукты) ──────────────────────── */
a.product-card-hero,
a.product-card-hero:link,
a.product-card-hero:visited {
  color: inherit !important;
  text-decoration: none !important;
}
a.product-card-hero:hover .pch-name {
  color: var(--c-amber-light, #f5a030) !important;
}

/* ── 7. Карточки быстрых контактов (contact-actions) ─────────── */
a.contact-action-card,
a.contact-action-card:link,
a.contact-action-card:visited {
  color: inherit !important;
  text-decoration: none !important;
}
.contact-action-title {
  color: var(--c-white, #f0ede8) !important;
}
.contact-action-kicker {
  color: var(--c-steel, #8a9099) !important;
}
.contact-action-arrow {
  color: var(--c-amber, #e8820c) !important;
}

/* ── 8. Inline-контакт кнопки (.custom-contact-link) ─────────── */
.custom-contact-link,
.custom-contact-link:link,
.custom-contact-link:visited {
  color: var(--c-white, #f0ede8) !important;
}
.custom-contact-link:hover {
  color: var(--c-amber, #e8820c) !important;
}

/* ── 9. Inline-ссылки в SEO / текстовых блоках ───────────────── */
.seo-card p a,
.seo-card p a:link,
.seo-card p a:visited {
  color: var(--c-amber, #e8820c) !important;
}
.seo-card p a:hover {
  color: var(--c-amber-light, #f5a030) !important;
}

/* ── 10. Футер ────────────────────────────────────────────────── */
.footer-links a,
.footer-links a:link,
.footer-links a:visited {
  color: var(--c-steel, #8a9099) !important;
}
.footer-links a:hover {
  color: var(--c-white, #f0ede8) !important;
}

.developer-disclaimer a,
.developer-disclaimer a:link,
.developer-disclaimer a:visited {
  color: var(--c-amber, #e8820c) !important;
}
.developer-disclaimer a:hover {
  color: var(--c-amber-light, #f5a030) !important;
}