/**
 * Лендинг «Квалификация 360°» (v2) — page-templates/tpl-kvalifikaciya-360.php.
 *
 * Дизайн макета живёт в инлайн-стилях разметки (template-parts/landing-k360/markup.html,
 * assets/js/landing-k360.js). Здесь — то, что в макете было в css/styles.css,
 * но привязано к .k360-landing, чтобы не задеть общие шапку и подвал сайта,
 * плюс строка ошибки отправки и заблокированная кнопка.
 */

html:has(.k360-landing) { scroll-behavior: smooth; }

.k360-landing {
    /* У main сайта на мобиле боковые отступы 16px — у секций макета они свои. */
    padding: 0;
    margin: 0;
    max-width: none;
    background: #F6F5F3;
    font-family: 'OpenSans', Arial, sans-serif;
    /* Макет рассчитан на браузерные умолчания (16px / normal), у body сайта — свои. */
    font-size: 16px;
    line-height: normal;
    color: #111;
    -webkit-font-smoothing: antialiased;
}
/* Кнопки макета без инлайновых padding/weight опираются на браузерные умолчания,
   а сайт их сбрасывает. Инлайновые стили макета по-прежнему главнее. */
.k360-landing button {
    padding: 1px 6px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: inherit;
}
/* Глобальные правила сайта задают заголовкам, span, ссылкам и подписям свои
   line-height / font-size / letter-spacing; в макете они наследуются от родителя
   (как в браузере по умолчанию). Где в макете задано инлайном — работает инлайн. */
.k360-landing {
    letter-spacing: normal;
}
.k360-landing h1, .k360-landing h2, .k360-landing h3, .k360-landing h4,
.k360-landing p, .k360-landing span, .k360-landing a, .k360-landing label,
.k360-landing summary, .k360-landing li {
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
}
.k360-landing a, .k360-landing span, .k360-landing label {
    font-size: inherit;
}
.k360-landing *,
.k360-landing *::before,
.k360-landing *::after { box-sizing: border-box; }

.k360-landing a { color: #32770A; }
.k360-landing a:hover { color: #255a06; }
.k360-landing ::selection { background: #32770A; color: #fff; }
.k360-landing input[type=range] { accent-color: #32770A; }
.k360-landing input:focus,
.k360-landing select:focus,
.k360-landing button:focus { outline: none; }
.k360-landing input:focus-visible,
.k360-landing button:focus-visible,
.k360-landing a:focus-visible { outline: 2px solid #32770A; outline-offset: 2px; }

@keyframes logos-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 6px)); } }

.k360-landing summary::-webkit-details-marker { display: none; }
.k360-landing details[open] { border-color: #32770A !important; }
.k360-landing details[open] summary > span:last-child { background: #32770A !important; }
.k360-landing details[open] summary svg { stroke: #fff; transform: rotate(180deg); }
.k360-landing details summary svg { transition: transform .25s; }

/* Окно «Попробуйте месяц бесплатно» открывается по якорю #reg. */
.k360-landing #reg { display: none; }
.k360-landing #reg:target { display: flex; }

/* Якоря не прячутся под шапкой сайта. */
.k360-landing [id] { scroll-margin-top: 80px; }

/* Состояния :hover из макета. */
.k360-landing .s1:hover  { background: #255a06 !important; color: #fff !important; }
.k360-landing .s2:hover  { background: #7D2A3D !important; color: #fff !important; }
.k360-landing .s3:hover  { background: #EBEDE8 !important; color: #17422A !important; }
.k360-landing .s4:hover  { background: #32770A !important; color: #fff !important; }
.k360-landing .s5:hover  { transform: translateY(-4px) !important; box-shadow: 0 18px 36px rgba(20,20,20,.08) !important; }
.k360-landing .s6:hover  { background: #F3E9EB !important; color: #99354B !important; }
.k360-landing .s7:hover  { background: #255a06 !important; }
.k360-landing .s8:hover  { border-color: #32770A !important; }
.k360-landing .s9:hover  { transform: translateY(-4px) !important; box-shadow: 0 18px 36px rgba(20,20,20,.07) !important; }
.k360-landing .s10:hover { animation-play-state: paused !important; }
.k360-landing .s11:hover { filter: none !important; opacity: 1 !important; }
.k360-landing .s12:hover { background: #EBEDE8 !important; color: #32770A !important; }
.k360-landing .s13:hover { background: #EBEDE8 !important; }

/* Отправка форм. */
.k360-landing .k360-form-error {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.45;
    color: #99354B;
}
.k360-landing .k360-form-error:empty { display: none; }
.k360-landing button[type=submit][disabled] {
    opacity: .6;
    cursor: progress;
}
.k360-landing button[type=submit][disabled]:hover { background: #32770A !important; }