/* === Калькулятор кубатуры колотых дров === */

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

.calc-drova-kub::before { content: 'Калькулятор кубатуры колотых дров'; }

.calc-drova-kub,
.calc-drova-kub input,
.calc-drova-kub select,
.calc-drova-kub button {
  font-family: 'Inter', 'Open Sans', sans-serif;
}

/* --- Переопределяем uppercase из redesign.css --- */
.calc-section .calc-drova-kub .r_calc .razmers label .lbl {
  text-transform: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #4a5568 !important;
  letter-spacing: 0 !important;
}

/* --- Необязательная пометка --- */
.calc-drova-kub .brus-optional {
  font-weight: 400;
  color: #a0aec0;
  font-size: 12px;
}

/* --- Переключатель режима --- */
.dk-mode-switch {
  display: flex;
  gap: 6px;
  margin-bottom: 20px;
  background: #f1f5f9;
  padding: 4px;
  border-radius: 10px;
}

.dk-mode-btn {
  flex: 1;
  padding: 9px 12px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
  font-family: 'Inter', 'Open Sans', sans-serif;
  line-height: 1.3;
}

.dk-mode-btn.dk-mode-active {
  background: #ffffff;
  color: #1a2a3a;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  font-weight: 600;
}

/* --- Разделитель --- */
.dk-divider {
  border: none;
  border-top: 1px solid #e8f0fa;
  margin: 4px 0 16px 0;
}

/* --- Таблица результатов --- */
.dk-result-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 14px;
}

.dk-result-table tbody tr {
  border-bottom: 1px solid #e8f0fa;
}

.dk-result-table td {
  padding: 9px 4px;
  font-size: 14px;
}

.dk-result-table td:first-child {
  color: #4a5568;
  font-weight: 500;
}

.dk-result-table td:last-child {
  text-align: right;
  font-weight: 700;
  color: #1a2a3a;
  font-size: 15px;
  white-space: nowrap;
}

.dk-result-table .dk-highlight-blue td:last-child {
  color: #1565c0;
  font-size: 17px;
}

.dk-result-table .dk-highlight-green td:last-child {
  color: #2e7d32;
  font-size: 16px;
}

/* --- Примечание к породе --- */
.dk-note {
  background: #f0f7ff;
  border: 1px solid #c3daf5;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 12px;
  color: #4a6a8a;
  line-height: 1.5;
  margin-bottom: 14px;
}

/* --- Footer результатов --- */
.dk-result-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 10px;
}

/* --- Адаптив --- */
@media (max-width: 480px) {
  .dk-mode-btn {
    font-size: 12px;
    padding: 8px 6px;
  }

  .dk-result-table td {
    font-size: 13px;
  }

  .dk-result-table td:last-child {
    font-size: 14px;
  }

  .dk-result-table .dk-highlight-blue td:last-child {
    font-size: 15px;
  }
}