/* 
    THEME.CSS - Дополнительные темы для платформы БАЗА 
*/

/* Светлая тема - Контрастная Бело-Голубая (без серых тонов) */
.light-theme {
    --bg-main: #f0f4f9;          /* Чистый светлый фон */
    --bg-sidebar: #ffffff;       /* Белый сайдбар */
    --bg-card: #ffffff;          /* Белые карточки */
    --bg-panel: #deebff;         /* Светло-голубые панели (вместо серого) */
    --bg-input: #ffffff;         /* Белые инпуты */
    --accent: #0052cc;           /* Основной синий */
    --accent-secondary: #0065ff; /* Яркий синий */
    --accent-glow: rgba(0, 82, 204, 0.1);
    --text-main: #091e42;        /* Почти черный для контраста */
    --text-secondary: #172b4d;   /* Темно-синий для инпутов */
    --text-muted: #42526e;       /* Темный сине-серый (читаемый) */
    --border: #0052cc33;         /* Голубая граница */
    --glass-border: rgba(0, 82, 204, 0.1);
    --shadow-premium: 0 8px 24px rgba(9, 30, 66, 0.1);
}

/* Стили для переключателя темы */
.theme-toggle-btn {
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-main);
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    border-color: var(--accent);
    color: var(--accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--accent-glow);
}

.theme-toggle-btn svg {
    width: 18px;
    height: 18px;
}

/* Глобальные сбросы для светлой темы */
.light-theme * {
    border-color: var(--border) !important;
}

.light-theme .platform-sidebar {
    background-color: var(--bg-sidebar);
    border-right: 2px solid var(--border);
    box-shadow: 2px 0 10px rgba(0,0,0,0.02);
}

.light-theme .nav-item {
    color: var(--text-secondary);
    font-weight: 600;
}

.light-theme .nav-item:hover {
    background: #ebf2ff;
    color: var(--accent);
}

.light-theme .nav-item.active {
    background: #deebff;
    color: var(--accent);
    border-left: 4px solid var(--accent);
}

/* Переключатели в корзине и конфигураторе */
.light-theme .type-toggle,
.light-theme .unit-toggle,
.light-theme .unit-toggle-row {
    background: #ebf2ff !important;
    border: 2px solid #0052cc44 !important;
    padding: 4px !important;
    border-radius: 12px !important;
}

.light-theme .toggle-btn,
.light-theme .unit-btn {
    color: #172b4d !important;
    font-weight: 700 !important;
    background: transparent !important;
}

.light-theme .toggle-btn.active,
.light-theme .unit-btn.active {
    background: #0052cc !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 82, 204, 0.2) !important;
}

/* Панели параметров в конфигураторе */
.light-theme .platform-panel,
.light-theme .platform-section-card {
    background: #ffffff !important;
    border: 2px solid #0052cc22 !important;
    box-shadow: 0 4px 12px rgba(0, 82, 204, 0.05) !important;
}

.light-theme .platform-input,
.light-theme input[type="text"],
.light-theme input[type="number"],
.light-theme select {
    background: #ffffff !important;
    border: 2px solid #0052cc33 !important;
    color: #091e42 !important;
    font-weight: 600 !important;
}

.light-theme .platform-input:focus {
    border-color: #0052cc !important;
    box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.2) !important;
}

/* Утепленная штора и другие специальные блоки */
.light-theme .insulated-block,
.light-theme div[style*="background: rgba(96, 165, 250, 0.05)"],
.light-theme div[style*="background: var(--bg-panel)"] {
    background: #deebff !important;
    border: 1px solid #0052cc33 !important;
}

.light-theme .insulated-block label,
.light-theme div[style*="color: var(--accent)"] {
    color: #0052cc !important;
    font-weight: 800 !important;
}

.light-theme b, 
.light-theme strong {
    color: #091e42 !important;
}

/* Кнопки экспорта (PDF/TZ) */
.light-theme .btn-secondary {
    background: #ffffff !important;
    border: 2px solid #0052cc33 !important;
    color: #0052cc !important;
    font-weight: 700 !important;
}

.light-theme .btn-secondary:hover {
    background: #deebff !important;
    border-color: #0052cc !important;
}

.light-theme .btn-p {
    background: #0052cc !important;
    color: #ffffff !important;
}

.light-theme .btn-p:hover {
    background: #0065ff !important;
}

.light-theme .order-item-card {
    background: #ffffff !important;
    border: 2px solid #0052cc22 !important;
}

.light-theme .order-item-card h3 {
    color: #091e42 !important;
}

.light-theme .item-qty {
    color: #42526e !important;
    font-weight: 600 !important;
}

.light-theme .cart-tabs {
    background: #ebf2ff !important;
    border: 2px solid #0052cc33 !important;
}

.light-theme .cart-tab {
    color: #42526e !important;
}

.light-theme .cart-tab.active {
    background: #ffffff !important;
    color: var(--accent) !important;
}

/* История расчетов - Исправление видимости кнопки */
.light-theme .history-card {
    background: #ffffff !important;
    border: 2px solid #deebff !important;
}

.light-theme .btn-restore-premium {
    background: #0052cc !important;
}

/* Дропдауны в светлой теме */
.light-theme .platform-dropdown .dropdown-selected {
    background: #ffffff !important;
    border: 2px solid #0052cc33 !important;
    color: #091e42 !important;
}

.light-theme .platform-dropdown .dropdown-selected:hover {
    border-color: #0052cc !important;
    background: #f0f4f9 !important;
}

.light-theme .platform-dropdown .dropdown-menu {
    background: #ffffff !important;
    border: 2px solid #0052cc33 !important;
    box-shadow: 0 10px 30px rgba(0, 82, 204, 0.1) !important;
}

.light-theme .platform-dropdown .dropdown-item {
    color: #091e42 !important;
    border-bottom: 1px solid #f0f4f9 !important;
}

.light-theme .platform-dropdown .dropdown-item:hover {
    background: #ebf2ff !important;
    color: #0052cc !important;
}

.light-theme .platform-dropdown .dropdown-item.active {
    background: #0052cc !important;
    color: #ffffff !important;
}

.light-theme .platform-dropdown .dropdown-search {
    background: #f0f4f9 !important;
    border-bottom: 1px solid #0052cc33 !important;
}

.light-theme .platform-dropdown .dropdown-search input {
    background: #ffffff !important;
    border: 1px solid #0052cc33 !important;
    color: #091e42 !important;
}
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 82, 204, 0.2) !important;
}

.light-theme .btn-restore-premium:hover {
    background: #0065ff !important;
    transform: translateY(-2px) !important;
}

/* Область отрисовки в светлой теме */
.light-theme .drawing-pane {
    background: #f0f4f9 !important;
}

.light-theme .canvas-wrapper {
    background: #ffffff !important;
    border: 2px solid #deebff !important;
    box-shadow: 0 15px 40px rgba(0, 82, 204, 0.08) !important;
}

.light-theme #main-svg {
    background: transparent !important;
}

.light-theme .canvas-wrapper svg {
    filter: none !important; /* Убираем темную тень в светлой теме */
}

/* Фикс чекбоксов и других элементов "белое на белом" */
.light-theme .checkbox-container {
    background: #ebf2ff !important;
    border: 1px solid #0052cc22 !important;
}

.light-theme .checkbox-container.checked {
    background: #0052cc !important;
}