/*
Theme Name: BlankSlate Custom Styles
Description: Кастомные стили для start-nnov.ru
Version: 1.0
*/

/* ==========================================================================
   Ваши кастомные стили
   ========================================================================== */

.box {
    border: 1px solid #dfe3e6;
    padding: 28px !important;
}

@media screen and (max-width: 768px) {
    .box {
        padding: 12px !important;
    }
}

/* ==========================================================================
   Стили для таблицы прайс-листа
   ========================================================================== */

/* Контейнер таблицы */
.tablepress-id-1 {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 30px 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    overflow: hidden !important;
}

/* Убираем подпись "Edit" */
.tablepress-id-1+caption {
    display: none !important;
}

/* Заголовок таблицы */
.tablepress-id-1 thead tr.row-1 th {
    background: #f6f6f5;
    color: #2e294e !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    padding: 20px !important;
    border: none !important;
    font-family: 'Inter';
}

/* Строка с размерами колес (вторая строка) */
.tablepress-id-1 tbody tr.row-2 td {
    background-color: #f8fafc !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 12px 8px !important;
    text-align: center !important;
    border-bottom: 2px solid #e2e8f0 !important;
    color: #475569 !important;
    vertical-align: middle !important;
}

/* Первая колонка (названия услуг) */
.tablepress-id-1 tbody tr td.column-1 {
    background-color: #f1f5f9 !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    text-align: left !important;
    padding: 14px 16px !important;
    border-right: 2px solid #e2e8f0 !important;
    min-width: 180px !important;
}

/* Ячейки с ценами */
.tablepress-id-1 tbody tr td:not(.column-1) {
    text-align: center !important;
    padding: 14px 10px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Чередование строк */
.tablepress-id-1 tbody tr:nth-child(odd):not(.row-2) {
    background-color: #ffffff !important;
}

.tablepress-id-1 tbody tr:nth-child(even):not(.row-2) {
    background-color: #f8fafc !important;
}

/* Hover эффект на строки */
.tablepress-id-1 tbody tr:hover:not(.row-2) {
    background-color: #eff6ff !important;
    transform: scale(1.001);
    transition: all 0.2s ease !important;
}


/* Пустые ячейки */
.tablepress-id-1 tbody tr td:empty {
    background-color: #f1f5f9 !important;
}

/* Адаптивность для мобильных */
@media screen and (max-width: 768px) {
    .tablepress-id-1 {
        font-size: 12px !important;
    }

    .tablepress-id-1 thead tr.row-1 th {
        font-size: 16px !important;
        padding: 15px 10px !important;
    }

    .tablepress-id-1 tbody tr td {
        padding: 10px 6px !important;
        font-size: 12px !important;
    }

    .tablepress-id-1 tbody tr td.column-1 {
        min-width: 120px !important;
        font-size: 11px !important;
    }

    .tablepress-id-1 tbody tr.row-2 td {
        font-size: 10px !important;
        padding: 8px 4px !important;
    }
}

/* Адаптивность для планшетов */
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .tablepress-id-1 {
        font-size: 13px !important;
    }

    .tablepress-id-1 tbody tr td {
        padding: 12px 8px !important;
    }
}

/* Скрытие элементов caption */
.tablepress caption {
    display: none !important;
}

/* Дополнительные стили для улучшения читаемости */
.tablepress-id-1 tbody tr td br {
    line-height: 1.6 !important;
}

.overflow-auto {
    overflow: auto !important;
}