/*
 * assets/css/export-page.css
 * @package FengshuiActivations
 */

/* ── Скрыть заголовок страницы, добавляемый темой ──────────────────────── */

.fsa-plan-fullwidth .entry-title,
.fsa-plan-fullwidth .page-title,
.fsa-plan-fullwidth h1.page-title,
.fsa-plan-fullwidth h1.entry-title,
.fsa-plan-fullwidth .page-header,
.fsa-plan-fullwidth .wp-block-post-title,
.fsa-plan-fullwidth .post-title,
.fsa-plan-fullwidth header.entry-header,
.fsa-plan-fullwidth .entry-header {
    display : none !important;
}

/* ── Компактный топбар на странице выгрузки ─────────────────────────────── */

.fsa-topbar--compact {
    padding       : 12px 12px;
    margin        : 0;
}

.fsa-topbar--compact .fsa-topbar__head {
    margin-bottom : 0;
}

.fsa-topbar__export-row {
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    gap             : 20px;
    margin-top      : 6px;
}

.fsa-topbar__export-text .fsa-topbar__title {
    font-size     : 20px !important;
    margin-bottom : 0   !important;
}

/* ── Выравнивание ширины топбара с картой ───────────────────────────────── */

.fsa-export-outer {
    padding : 0 0 40px;
}

/* ── Двухчасовки: подсказка вплотную к заголовку (не space-between) ─────── */

.fsa-legend-header--left {
    justify-content : flex-start;
    gap             : 10px;
}

.fsa-topbar__export-row .fsa-tariff-row__label {
    font-size   : 12px;
    font-weight : 500;
    color       : #8B6F47;
    white-space : nowrap;
}

/* ── Inter для всей страницы экспорта ──────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

.fsa-export-outer,
.fsa-export-outer * {
    font-family : 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Заголовки разделов — Inter тоже, но цвет коричневый */
.fsa-export-card .fsa-export-section__title {
    font-family : 'Inter', sans-serif !important;
    font-size   : 14px;
    font-weight : 600;
    color       : #8B6F47 !important;
    margin      : 0 0 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* ── Цвет текста: темно-серый везде ────────────────────────────────────── */

.fsa-export-card .fsa-filter__label-text,
.fsa-export-card .fsa-filter__group-hint,
.fsa-export-card .fsa-legend-header__text,
.fsa-export-card .fsa-export-section__hint,
.fsa-export-card .fsa-export-radiogroup,
.fsa-export-card .fsa-export-intro__text,
.fsa-export-card .fsa-month-btn,
.fsa-export-card .fsa-export-daygrid__day {
    color : #3A3A3A !important;
}

/* Названия месяцев — основной тёмный цвет */
.fsa-export-card .fsa-export-month-btn {
    color : #2C1F1A !important;
}

/* ── Обёртка страницы ──────────────────────────────────────────────────── */

.fsa-export-card {
    background    : #fff;
    border        : 1px solid #E8DDD5;
    border-radius : 12px;
    overflow      : visible;
    box-shadow    : 0 2px 10px rgba(139,111,71,.08);
    margin-bottom : 10px;
}

.fsa-export-card--section {
    box-shadow : none;
}

.fsa-export-card:last-child {
    margin-bottom : 0;
}

/* ── Два столбца: город + месяц ─────────────────────────────────────────── */

.fsa-export-two-col {
    display   : flex;
    gap       : 0;
}

.fsa-export-col {
    flex      : 1;
    min-width : 0;
}

.fsa-export-col + .fsa-export-col {
    border-left : 1px solid #E8DDD5;
}

@media (max-width: 600px) {
    .fsa-export-two-col { flex-direction: column; }
    .fsa-export-col + .fsa-export-col { border-left: none; border-top: 1px solid #E8DDD5; }
}

/* ── Секция ────────────────────────────────────────────────────────────── */

.fsa-export-section {
    padding       : 12px 24px;
    border-bottom : none;
}

.fsa-export-section:last-child {
    border-bottom : none;
}

.fsa-export-section__hint {
    font-size    : 13px;
    color        : #888 !important;
    margin       : 0 0 8px;
    line-height  : 1.5;
}

/* ── Вводный блок ──────────────────────────────────────────────────────── */

.fsa-export-intro {
    padding       : 12px 24px;
    background    : #F5EDD8;
    border-bottom : 1px solid #E8DDD5;
    display       : flex;
    flex-direction: column;
    gap           : 10px;
}

.fsa-export-intro__title {
    font-size   : 15px;
    font-weight : 600;
    color       : #2C1F1A;
    margin      : 0;
}

.fsa-export-intro__block {
    display     : flex;
    gap         : 12px;
    align-items : flex-start;
}

.fsa-export-intro__block--calendar {
    background    : #ffffff;
    border        : 1px solid #E8D5B0;
    border-radius : 10px;
    padding       : 14px 16px;
}

.fsa-export-intro__icon {
    font-size  : 20px;
    flex-shrink: 0;
}

.fsa-export-intro__text {
    font-size   : 13.5px;
    line-height : 1.65;
    color       : #4A4A4A;
}

.fsa-export-intro__text strong {
    font-weight   : 600;
    color         : #2C1F1A;
    display       : block;
    margin-bottom : 4px;
}

.fsa-export-intro__list strong {
    display : inline;
}

.fsa-export-intro__platform {
    font-weight : 600;
    color       : #9A7840;
}

/* ── Кнопки месяца ─────────────────────────────────────────────────────── */

.fsa-export-months {
    display  : flex;
    flex-wrap: wrap;
    gap      : 6px;
    margin-top: 6px;
}

.fsa-export-month-btn.is-active,
.fsa-export-month-btn.is-active:hover {
    background   : #C9A96E !important;
    border-color : #C9A96E !important;
    color        : #fff   !important;
    box-shadow   : 0 3px 10px rgba(201,169,110,.35);
}

.fsa-export-months--empty {
    font-size  : 14px;
    color      : #A89490;
    font-style : italic;
}

/* ── Уменьшить отступы у списков фильтров ───────────────────────────────── */

.fsa-export-card .fsa-filter__options {
    margin-top    : 6px;
    margin-bottom : 0;
    gap           : 6px;
}

/* ── Иероглиф знака двухчасовки ────────────────────────────────────────── */

.fsa-export-sign-char {
    font-size   : 13px;
    font-weight : 600;
    margin-right: 2px;
    /* цвет задаётся инлайн из JS */
}

/* ── Выбор дней ────────────────────────────────────────────────────────── */

.fsa-export-days-ctrl {
    display      : flex;
    flex-wrap    : wrap;
    gap          : 8px;
    margin-bottom: 14px;
}

.fsa-export-alldays-btn.is-active,
.fsa-export-alldays-btn.is-active:hover,
.fsa-export-pickdays-btn.is-active,
.fsa-export-pickdays-btn.is-active:hover {
    background   : #C9A96E !important;
    border-color : #C9A96E !important;
    color        : #fff   !important;
    box-shadow   : 0 3px 10px rgba(201,169,110,.35);
}

.fsa-export-daygrid {
    margin-top    : 4px;
    border        : 1px solid #E8DDD5;
    border-radius : 8px;
    overflow      : hidden;
    background    : #fff;
    max-width     : 260px;
}

.fsa-export-daygrid__header {
    display               : grid;
    grid-template-columns : repeat(7, 1fr);
    background            : #F5EDD8;
    border-bottom         : 1px solid #E8DDD5;
}

.fsa-export-daygrid__dow {
    padding       : 4px 2px;
    text-align    : center;
    font-size     : 10px;
    font-weight   : 600;
    color         : #6B5550;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.fsa-export-daygrid__cells {
    display               : grid;
    grid-template-columns : repeat(7, 1fr);
    gap                   : 2px;
    padding               : 5px;
}

.fsa-export-daygrid__empty {
    display : block;
}

.fsa-export-daygrid__day {
    aspect-ratio    : 1;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border          : 1px solid #E8DDD5;
    border-radius   : 4px;
    background      : #fff;
    font-size       : 11px;
    font-weight     : 400;
    color           : #3A3A3A;
    cursor          : pointer;
    transition      : background .12s, border-color .12s, color .12s;
    padding         : 0;
    line-height     : 1;
}

.fsa-export-daygrid__day:hover {
    border-color : #C9A96E;
    background   : #F5EDD8;
}

.fsa-export-daygrid__day.is-selected {
    background   : #C9A96E;
    border-color : #C9A96E;
    color        : #fff !important;
    font-weight  : 600;
}

/* ── Даты вталкивания ──────────────────────────────────────────────────── */

.fsa-vt-dates {
    font-size   : 12px;
    color       : #3A3A3A;
    font-weight : 500;
    display     : inline;
    margin-left : 4px;
}

.fsa-vt-dates--next {
    color : #888;
}

.fsa-vt-dates-row {
    display    : block;
    margin-top : 3px;
}

/* ── Радио-кнопки напоминаний ──────────────────────────────────────────── */

.fsa-export-radiogroup {
    display        : flex;
    flex-direction : column;
    gap            : 10px;
}

.fsa-export-radio {
    display     : flex;
    align-items : center;
    gap         : 10px;
    cursor      : pointer;
    font-size   : 14px;
    color       : #3A3A3A;
    user-select : none;
}

.fsa-export-radio input[type="radio"] {
    appearance    : none;
    width         : 18px;
    height        : 18px;
    border        : 2px solid #DEC898;
    border-radius : 50%;
    background    : #fff;
    cursor        : pointer;
    flex-shrink   : 0;
    transition    : border-color .14s;
    position      : relative;
}

.fsa-export-radio input[type="radio"]::after {
    content       : '';
    position      : absolute;
    top           : 3px;
    left          : 3px;
    width         : 8px;
    height        : 8px;
    border-radius : 50%;
    background    : #C9A96E;
    opacity       : 0;
    transition    : opacity .14s;
}

.fsa-export-radio input[type="radio"]:checked { border-color: #C9A96E; }
.fsa-export-radio input[type="radio"]:checked::after { opacity: 1; }

/* ── Кнопка скачать ────────────────────────────────────────────────────── */

.fsa-export-footer {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    gap            : 16px;
    padding        : 24px;
}

.fsa-export-btn {
    display       : inline-flex;
    align-items   : center;
    gap           : 10px;
    padding       : 11px 32px;
    background    : linear-gradient(135deg, #DEB87A 0%, #9A7840 100%);
    color         : #fff;
    border        : none;
    border-radius : 9px;
    font-family   : 'Inter', sans-serif !important;
    font-size     : 14px;
    font-weight   : 500;
    cursor        : pointer;
    letter-spacing: .3px;
    box-shadow    : 0 3px 12px rgba(154,120,64,.28);
    transition    : opacity .18s, box-shadow .18s, transform .15s;
}

.fsa-export-btn:hover:not(:disabled) {
    opacity   : .87;
    box-shadow: 0 5px 18px rgba(154,120,64,.40);
    transform : translateY(-1px);
}

.fsa-export-btn:disabled {
    background : linear-gradient(135deg, #D8D0C8 0%, #B0A898 100%);
    box-shadow : none;
    cursor     : not-allowed;
    opacity    : .65;
}

.fsa-export-btn__icon { font-size: 16px; }

/* ── Статус ────────────────────────────────────────────────────────────── */

.fsa-export-status {
    padding       : 12px 20px;
    border-radius : 10px;
    font-size     : 14px;
    line-height   : 1.55;
    text-align    : center;
    max-width     : 480px;
}

.fsa-export-status--ok  { background:#F0FAF4; border:1px solid #A8D5B5; color:#2A6B40; }
.fsa-export-status--err { background:#FFF5F5; border:1px solid #F5B8B8; color:#8B2020; }

/* ── Пометка «отдельный тариф» у вталкивания ───────────────────────────── */

.fsa-vtalk-tariff-note {
    display       : inline-block;
    margin-left   : 8px;
    font-size     : 11px;
    font-weight   : 500;
    color         : #9B59B6;
    border        : 1px solid #D4A8E8;
    border-radius : 4px;
    padding       : 1px 6px;
    vertical-align: middle;
}

/* ── Четырёхколоночная сетка групповых активаций ────────────────────────── */

.fsa-export-groups-grid {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 10px;
    margin-top            : 8px;
    max-width             : 1000px;
}

.fsa-export-groups-grid .fsa-filter__group {
    width : auto;
}

@media (max-width: 800px) {
    .fsa-export-groups-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .fsa-export-groups-grid { grid-template-columns: 1fr; }
}

/* ── Адаптив ───────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
    .fsa-export-outer   { padding: 0 1px 1px; }
    .fsa-export-intro   { padding: 16px 8px; }
    .fsa-export-section { padding: 16px 5px; }
    .fsa-export-footer  { padding: 18px 14px; }
    .fsa-export-btn     { padding: 10px 24px; font-size: 13px; }
    .fsa-export-daygrid__cells { gap: 2px; padding: 6px; }
    .fsa-export-daygrid__day   { font-size: 12px; border-radius: 5px; }
}
/* Контейнер простых типов активаций */
.fsa-filter__group--simple {
    border: 1px solid #E8DDD5;
    border-radius: 10px;
    padding: 12px 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    width: 100%;
    background: transparent;
}
.fsa-filter__group--simple .fsa-filter__option {
    width: auto;
    flex: 0 0 auto;
}


/* Убираем фон карточек экспорта */
.fsa-export-card {
    background: transparent;
}
.fsa-city-section,
.fsa-export-section {
    background: transparent;
}

/* Лёгкая тень для контейнеров шагов */
.fsa-export-card {
    box-shadow: 0 2px 12px rgba(44, 31, 26, 0.07);
}

/* ── Мобильная шапка: заголовок + тариф в колонку ──────────────────────── */
@media (max-width: 600px) {
    .fsa-topbar__export-row {
        flex-direction : column;
        align-items    : flex-start;
        gap            : 8px;
    }
    .fsa-topbar__export-text .fsa-topbar__title {
        font-size : 16px !important;
    }
}

/* ── Мобильный: солнечное время — под строкой города ───────────────────── */
@media (max-width: 600px) {
    .fsa-city-section .fsa-solar-label {
        flex-basis : 100%;
        margin-top : 4px;
    }
}

/* ── Мобильный: тень у контейнеров шагов ───────────────────────────────── */
@media (max-width: 600px) {
    .fsa-export-card {
        box-shadow : 0 2px 12px rgba(44, 31, 26, 0.07);
    }
}

/* Убираем flex в блоке инструкции — эмоджи теперь в тексте */
.fsa-export-intro__block {
    display : block;
}
.fsa-export-intro__icon {
    display : none;
}

/* Выравнивание текста по ширине в блоке инструкции */
.fsa-export-intro__text {
    text-align : justify;
}

/* Нумерация пунктов в списке фильтров */
.fsa-export-intro__list {
    list-style  : decimal;
    padding-left: 20px;
}
.fsa-export-intro__list li {
    list-style-type : decimal;
}