/* ==========================================================================
 * Лендинг «Квалификация 360°» (tpl-landing-360.php).
 * Основная стилизация — инлайн в разметке (1-в-1 с макетом билдера).
 * Здесь только то, что нельзя задать инлайном: hover, полоса прокрутки, мобилка.
 * ========================================================================== */

.l360 { overflow-x: hidden; } /* как #top в оригинале — плавающие иконки не дают гориз. скролл */

.l360 .l360-hl {
    display: inline-block;
    background: #99354b;
    color: #fff;
    padding: 0 12px;
    border-radius: 10px;
    transform: rotate(-1.5deg);
}
.l360 .l360-green { color: #32770a; }

/* Кнопки-hover */
.l360 .l360-btn-wine:hover { background: #86304291; background: #7d2a3d; transform: translateY(-1px); }
.l360 .l360-card { transition: transform .18s, box-shadow .18s; }
.l360 .l360-card:hover { transform: translateY(-3px); box-shadow: rgba(20,20,20,.1) 0 14px 30px; }

/* Горизонтальный скролл расписания */
.l360 .l360-scroll { scroll-padding-left: 24px; -webkit-overflow-scrolling: touch; }
.l360 .l360-scroll::-webkit-scrollbar { height: 8px; }
.l360 .l360-scroll::-webkit-scrollbar-thumb { background: #d8d3cf; border-radius: 8px; }
.l360 .l360-scroll::-webkit-scrollbar-track { background: transparent; }

/* Форма CF7 внутри карточки — под стиль лендинга */
.l360 .l360-form-card .wpcf7-form input[type="text"],
.l360 .l360-form-card .wpcf7-form input[type="email"],
.l360 .l360-form-card .wpcf7-form input[type="tel"] {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    border: 1.5px solid #e3ded9;
    border-radius: 11px;
    background: #faf8f6;
    color: #111;
}
.l360 .l360-form-card .wpcf7-form .form-field { margin-bottom: 14px; }
.l360 .l360-form-card .wpcf7-form input[type="submit"] {
    width: 100%;
    margin-top: 10px;
    background: #32770a;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
    padding: 18px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: rgba(50,119,10,.32) 0 14px 30px;
    transition: background .2s;
}
.l360 .l360-form-card .wpcf7-form input[type="submit"]:hover { background: #285f08; }

/* Согласия формы: меньше внутренний вертикальный отступ чекбоксов (было 16px) */
.l360 .agreement-field .wpcf7-list-item label {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Плавающие декоративные иконки в hero (как в макете) */
@keyframes floaty {
    0%, 100% { transform: translateY(0) rotate(var(--r, 0deg)); }
    50%      { transform: translateY(-9px) rotate(var(--r, 0deg)); }
}
.l360 .l360-float { animation: floaty 5s ease-in-out infinite; }

/* На мобиле сетку преподавателей НЕ ломаем: остаётся 3 колонки в шахматном
   порядке (инлайн repeat(3,1fr) + смещения), как в файле-примере. */