/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* =============================================
   HERO
   ============================================= */

/* Подзаголовок — белый */
.fh-sub {
    color: #ffffff !important;
}

/* Заголовок — без авто-переносов, нормальный отступ */
.fh-title {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    word-break: keep-all;
    overflow-wrap: normal;
    padding: 0 12px;
}

/* =============================================
   ФОРМА регистрации #wpforms-form-2166
   ============================================= */

#wpforms-form-2166 .wpforms-field {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#wpforms-form-2166 input[type="text"],
#wpforms-form-2166 input[type="email"],
#wpforms-form-2166 input[type="tel"] {
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 16px !important;
    padding: 14px 20px !important;
    font-size: 15px;
    border: none !important;
    outline: none;
    box-shadow: none !important;
}

/* Тип билета — select */
#wpforms-form-2166 .wpforms-field-select {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

#wpforms-2166-field_4,
form#wpforms-form-2166 select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: block !important;
}

#wpforms-form-2166 .wpforms-submit-container {
    text-align: center;
}

#wpforms-form-2166 .wpforms-submit {
    border-radius: 16px !important;
    padding: 14px 40px !important;
    font-size: 16px;
    cursor: pointer;
}

#wpforms-form-2166 .wpforms-field-label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

#wpforms-form-2166 .wpforms-error {
    max-width: 480px;
    margin: 4px auto 0;
}

/* Подзаголовок формы — белый */
.ff-sub {
    color: #ffffff !important;
}

/* WhatsApp Кристина — зелёный */
.tk-contact a {
    color: #25D366 !important;
}

/* =============================================
   JTBD CTA — отдельный блок под формой
   ============================================= */

.forum-cta-block {
    background: #1a1a2e;
    padding: 32px 20px;
    text-align: center;
    font-family: 'Prosto Sans', 'Ubuntu Sans', sans-serif;
}

.forum-cta-block .ff-cta {
    max-width: 520px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.7;
    font-family: inherit;
}

.forum-cta-block .ff-cta ul {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: left;
}

.forum-cta-block .ff-cta ul li {
    font-family: 'Prosto Sans', 'Ubuntu Sans', sans-serif;
    padding: 6px 0;
    font-size: 15px;
    line-height: 1.5;
}

.forum-cta-block .ff-cta p {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

.forum-cta-block .ff-cta ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: inline-block;
}

.forum-cta-block .ff-cta ul li {
    padding: 8px 0;
    font-size: 15px;
}

/* =============================================
   ПРОГРАММА ФОРУМА
   ============================================= */

#program {
    padding-left: 16px;
    padding-right: 16px;
}

.fp-list {
    max-width: 600px;
    margin: 0 auto;
}

.fp-item {
    display: flex;
    gap: 14px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    align-items: baseline;
}

.fp-item:last-of-type {
    border-bottom: none;
}

.fp-time {
    font-size: 13px;
    font-weight: 700;
    color: #e63946;
    min-width: 44px;
    flex-shrink: 0;
    padding-top: 1px;
}

.fp-body strong {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 2px;
}

.fp-body span {
    font-size: 12px;
    opacity: 0.55;
    line-height: 1.3;
}

.fp-pause {
    padding: 5px 0;
}

.fp-pause .fp-time {
    color: rgba(0, 0, 0, 0.3);
}

.fp-pause .fp-body strong {
    color: rgba(0, 0, 0, 0.35);
    font-weight: 400;
    font-size: 13px;
}

.fp-workshop .fp-time {
    color: #25D366;
}

.fp-workshop .fp-body strong {
    color: #25D366;
}

.fp-note {
    text-align: center;
    font-size: 11px;
    opacity: 0.35;
    margin-top: 12px;
}

/* =============================================
   ТАЙМЕР ОБРАТНОГО ОТСЧЁТА
   ============================================= */

.fc-wrap {
    padding: 28px 16px 24px;
    text-align: center;
    background: rgba(230, 57, 70, 0.06);
    border-top: 1px solid rgba(230, 57, 70, 0.2);
    border-bottom: 1px solid rgba(230, 57, 70, 0.2);
}

.fc-label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 14px;
}

.fc-timer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
}

.fc-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 56px;
}

.fc-unit span {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #e63946;
    font-variant-numeric: tabular-nums;
}

.fc-unit small {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    margin-top: 4px;
    text-transform: lowercase;
}

.fc-sep {
    font-size: 32px;
    font-weight: 700;
    color: rgba(230, 57, 70, 0.4);
    line-height: 1;
    margin-top: 3px;
}

.fc-date {
    margin-top: 14px;
    font-size: 13px;
    color: rgba(255,255,255,0.45);
}

@media (max-width: 400px) {
    .fc-unit span { font-size: 30px; }
    .fc-unit { min-width: 44px; }
    .fc-sep { font-size: 24px; }
}

/* =============================================
   МОБИЛЬНЫЕ ОТСТУПЫ
   Kadence: article имеет margin-left:-16px (full-bleed).
   .fs / .fc-wrap / .forum-cta-block старт с -16px от края экрана.
   padding 32px даёт 16px видимого отступа (-16+32=16).
   ============================================= */
@media (max-width: 767px) {
    .fs,
    .fc-wrap,
    .forum-cta-block {
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box;
    }
    /* Speaker reel compensates for .fs padding change */
    .sp-wrap {
        margin-left: -32px !important;
        margin-right: -32px !important;
    }
    .sp-reel {
        padding-left: 32px !important;
    }
    .sp-nav {
        padding-right: 32px !important;
    }
}
