/* Общие эффекты шапки (подключается после inline-стилей страницы) */

/* ---- 1. Подчёркивание пунктов меню + 2. активный пункт ---- */
nav.main-nav a{position:relative;padding:6px 0;transition:color .2s ease;}
nav.main-nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:right;transition:transform .24s ease;
}
@media (hover:hover) and (pointer:fine){
  nav.main-nav a:hover::after{transform:scaleX(1);transform-origin:left;}
}
nav.main-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left;}
nav.main-nav a[aria-current]{color:#85500C;}
nav.main-nav a[aria-current]::after{transform:scaleX(1);transition:none;}
.mobile-nav a[aria-current]{color:#85500C;font-weight:600;}
.header-row{padding-left:24px;padding-right:24px;}
@media (prefers-reduced-motion:reduce){
  nav.main-nav a,nav.main-nav a::after{transition:none;}
}

/* ---- 4. Hover главной кнопки и 5. логотипа (только устройства с мышью) ---- */
.logo svg{transition:transform .2s ease;transform-origin:50% 50%;}
header .btn.header-cta{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;}
@media (hover:hover) and (pointer:fine){
  header .btn.header-cta:hover,header .btn.header-cta:focus-visible{transform:scale(1.03);box-shadow:0 6px 20px rgba(179,112,26,.35);}
  .logo:hover svg{transform:rotate(7deg) scale(1.05);}
}
@media (prefers-reduced-motion:reduce){
  .logo svg,header .btn.header-cta{transition:none;}
  header .btn.header-cta:hover,.logo:hover svg{transform:none;}
}

/* ---- 6. Состояние шапки при прокрутке ---- */
.site-header{transition:box-shadow .25s ease;}
.site-header .header-row{transition:padding .25s ease;}
.site-header.is-scrolled{box-shadow:0 4px 16px rgba(15,42,77,.09);}
.site-header.is-scrolled .header-row{padding-top:8px;padding-bottom:8px;}
@media (prefers-reduced-motion:reduce){
  .site-header,.site-header .header-row{transition:none;}
}

/* ---- Шрифт шапки: Space Grotesk (логотип, меню, кнопка) ---- */
header.site-header .logo{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:.045em;}
header.site-header nav.main-nav a,
header.site-header .mobile-nav a{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;letter-spacing:.005em;}
header.site-header .mobile-nav a[aria-current]{font-weight:700;}
header.site-header .btn{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;}
header.site-header .mobile-nav a.btn{font-weight:600;}
header.site-header nav.main-nav a{white-space:nowrap;}
@media (min-width:821px) and (max-width:1000px){
  header.site-header nav.main-nav ul{gap:18px;}
  header.site-header .header-row{gap:16px;}
}

/* ---- Основные кнопки (.btn-primary) на всём сайте: яркий оранжевый + Space Grotesk ----
   Текст тёмно-синий: белый на ярком оранжевом даёт контраст < 3:1, тёмно-синий #0F2A4D на #FF6B1A — ≈5:1 (AA). */
.btn.btn-primary,
.mobile-nav a.btn-primary{background:#FF6B1A;color:#0F2A4D;}
.btn.btn-primary:hover,
.btn.btn-primary:focus-visible,
.mobile-nav a.btn-primary:hover{background:#F6600A;color:#0F2A4D;}
.btn,
button.btn{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;}
header .btn.btn-primary.header-cta:hover,
header .btn.btn-primary.header-cta:focus-visible{box-shadow:0 6px 20px rgba(255,107,26,.38);}

/* ---- Подвал: более яркий шрифт (Space Grotesk, насыщенный цвет) ---- */
footer .footer-col h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--blue-deep);margin-bottom:14px;}
footer .footer-col a{font-family:'Space Grotesk',Arial,sans-serif;font-size:14.5px;font-weight:500;color:var(--graphite);transition:color .2s ease;}
footer .footer-col a:hover,footer .footer-col a:focus-visible{color:#BF4508;}
footer .footer-bottom,footer .footer-bottom a{font-family:'Space Grotesk',Arial,sans-serif;font-size:13px;font-weight:500;color:var(--graphite);}
footer .footer-bottom a:hover{color:#BF4508;}
footer .footer-col li.footer-social a:hover{color:inherit;}