/* accessibility.css: Увеличение всех элементов на 25% для улучшения доступности */

/* Базовое увеличение размера шрифта для всего документа */
html {
  font-size: 125%; /* Увеличение на 25% (1.25 * 100%) */
}

body {
  font-size: 1em; /* Использует увеличенный размер из html */
}

/* Увеличение всех кнопок */
button, .btn {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  padding: calc(12px * 1.25) calc(24px * 1.25) !important; /* 15px 30px */
  min-height: calc(44px * 1.25) !important; /* 55px */
  gap: calc(8px * 1.25) !important; /* 10px */
}

/* Исключение для кнопок в комментариях - они имеют свои стили */
.comment-actions .btn,
.comment-actions label.btn {
  padding: 10px 20px !important;
  min-height: 44px !important;
}

/* Увеличение всех input полей */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="month"],
input[type="number"],
input[type="search"],
textarea,
select {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  padding: calc(10px * 1.25) calc(12px * 1.25) !important; /* 12.5px 15px */
  min-height: calc(40px * 1.25) !important; /* 50px */
}

/* Увеличение всех labels */
label {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  margin-bottom: calc(6px * 1.25) !important; /* 7.5px */
}

/* Увеличение заголовков */
h1 {
  font-size: calc(var(--font-size-xl) * 1.25 * 1.5) !important;
}

h2 {
  font-size: calc(var(--font-size-xl) * 1.25 * 1.3) !important;
}

h3 {
  font-size: calc(var(--font-size-lg) * 1.25 * 1.2) !important;
}

/* Уменьшение шрифта названий задач на доске на 20% (от исходного размера 15px) */
.task-card h3 {
  font-size: 12px !important; /* Уменьшено на 20% от 15px (15px * 0.8 = 12px) */
}

h4, h5, h6 {
  font-size: calc(var(--font-size-lg) * 1.25) !important;
}

/* Увеличение карточек задач */
.task-card {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  padding: calc(12px * 1.25) !important; /* 15px */
  min-height: calc(60px * 1.25) !important; /* 75px */
}

/* Увеличение иконок */
.task-info-btn {
  width: calc(36px * 1.25) !important; /* 45px */
  height: calc(36px * 1.25) !important; /* 45px */
  min-width: calc(36px * 1.25) !important;
  min-height: calc(36px * 1.25) !important;
  font-size: calc(1.3em * 1.25) !important;
}

/* Увеличение модальных окон */
.modal-content {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  padding: calc(24px * 1.25) !important; /* 30px */
}

.modal-header h2 {
  font-size: calc(var(--font-size-xl) * 1.25) !important;
}

/* Увеличение навигации */
.nav-item, .nav-link {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  padding: calc(10px * 1.25) calc(16px * 1.25) !important; /* 12.5px 20px */
}

/* Увеличение таблиц */
table {
  font-size: calc(var(--font-size-base) * 1.25) !important;
}

th, td {
  padding: calc(12px * 1.25) !important; /* 15px */
  font-size: calc(var(--font-size-base) * 1.25) !important;
}

/* Увеличение toast уведомлений */
.toast {
  font-size: calc(var(--font-size-base) * 1.25) !important;
  padding: calc(12px * 1.25) calc(16px * 1.25) !important; /* 15px 20px */
  min-height: calc(48px * 1.25) !important; /* 60px */
}

/* Увеличение всех отступов через spacing */
* {
  --space-xs: calc(5px * 1.25) !important; /* 6.25px */
  --space-sm: calc(10px * 1.25) !important; /* 12.5px */
  --space-md: calc(20px * 1.25) !important; /* 25px */
  --space-lg: calc(30px * 1.25) !important; /* 37.5px */
  --space-xl: calc(40px * 1.25) !important; /* 50px */
}

/* Увеличение border-radius */
* {
  --radius-sm: calc(5px * 1.25) !important; /* 6.25px */
  --radius-md: calc(10px * 1.25) !important; /* 12.5px */
  --radius-lg: calc(15px * 1.25) !important; /* 18.75px */
}

/* Увеличение всех gap значений */
.gap-xs { gap: calc(4px * 1.25) !important; }
.gap-sm { gap: calc(8px * 1.25) !important; }
.gap-md { gap: calc(16px * 1.25) !important; }
.gap-lg { gap: calc(24px * 1.25) !important; }
.gap-xl { gap: calc(32px * 1.25) !important; }

/* Увеличение всех фиксированных padding в components.css */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="month"],
input[type="number"],
input[type="search"],
textarea,
select {
  padding: calc(12px * 1.25) calc(16px * 1.25) !important; /* 15px 20px */
}

/* Увеличение всех фиксированных min-height */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="month"],
input[type="number"],
input[type="search"],
select {
  min-height: calc(44px * 1.25) !important; /* 55px */
}

/* Увеличение карточек и других элементов */
.card, .task-card {
  padding: calc(12px * 1.25) calc(16px * 1.25) !important; /* 15px 20px */
}

/* Увеличение всех margin */
.margin-xs { margin: calc(4px * 1.25) !important; }
.margin-sm { margin: calc(8px * 1.25) !important; }
.margin-md { margin: calc(16px * 1.25) !important; }
.margin-lg { margin: calc(24px * 1.25) !important; }
.margin-xl { margin: calc(32px * 1.25) !important; }

/* Увеличение sidebar в модальном окне задачи */
.task-modal-sidebar {
  width: calc(280px * 1.25) !important; /* 350px */
  padding-left: calc(24px * 1.25) !important; /* 30px */
  gap: calc(20px * 1.25) !important; /* 25px */
}

/* Увеличение комментариев */
.comment {
  padding: calc(16px * 1.25) !important; /* 20px */
  font-size: calc(var(--font-size-base) * 1.25) !important;
}

.comment-header {
  gap: calc(12px * 1.25) !important; /* 15px */
  margin-bottom: calc(8px * 1.25) !important; /* 10px */
}

/* Увеличение тегов */
.tag-preview, .tag-chip {
  padding: calc(4px * 1.25) calc(10px * 1.25) !important; /* 5px 12.5px */
  font-size: calc(12px * 1.25) !important; /* 15px */
  border-radius: calc(12px * 1.25) !important; /* 15px */
}

/* Увеличение всех маленьких текстов */
small, .small-text {
  font-size: calc(12px * 1.25) !important; /* 15px */
}

/* Увеличение всех иконок и символов */
.icon, .fa, [class*="icon"] {
  font-size: calc(1em * 1.25) !important;
  width: calc(1em * 1.25) !important;
  height: calc(1em * 1.25) !important;
}

/* Увеличение scrollbar */
::-webkit-scrollbar {
  width: calc(8px * 1.25) !important; /* 10px */
  height: calc(8px * 1.25) !important; /* 10px */
}

::-webkit-scrollbar-thumb {
  border-radius: calc(4px * 1.25) !important; /* 5px */
}

/* Увеличение всех фиксированных размеров в task-modal */
.task-modal-main textarea {
  min-height: calc(120px * 1.25) !important; /* 150px */
  padding: calc(12px * 1.25) calc(16px * 1.25) !important; /* 15px 20px */
  font-size: calc(var(--font-size-base) * 1.25) !important;
}

.add-comment textarea {
  min-height: calc(80px * 1.25) !important; /* 100px */
  padding: calc(12px * 1.25) calc(16px * 1.25) !important; /* 15px 20px */
}

#comments-list {
  max-height: calc(400px * 1.25) !important; /* 500px */
  gap: calc(16px * 1.25) !important; /* 20px */
}

.sidebar-section input,
.sidebar-section select {
  padding: calc(10px * 1.25) calc(12px * 1.25) !important; /* 12.5px 15px */
  font-size: calc(var(--font-size-base) * 1.25) !important;
}

.sidebar-section label {
  font-size: calc(13px * 1.25) !important; /* 16.25px */
}

.sidebar-section small {
  font-size: calc(12px * 1.25) !important; /* 15px */
}

.sidebar-section h3 {
  font-size: calc(12px * 1.25) !important; /* 15px */
}

#modal-task-title {
  padding: calc(8px * 1.25) calc(12px * 1.25) !important; /* 10px 15px */
  font-size: calc(var(--font-size-lg) * 1.25) !important;
}

.add-comment button {
  min-width: calc(140px * 1.25) !important; /* 175px */
}

/* Увеличение всех gap в flex контейнерах */
.task-modal-body {
  gap: calc(24px * 1.25) !important; /* 30px */
}

.task-modal-main {
  gap: calc(24px * 1.25) !important; /* 30px */
  padding-right: calc(8px * 1.25) !important; /* 10px */
}

.task-modal-main .field-main {
  gap: calc(8px * 1.25) !important; /* 10px */
}

.task-modal-content .modal-footer {
  margin-top: calc(24px * 1.25) !important; /* 30px */
  padding-top: calc(20px * 1.25) !important; /* 25px */
  gap: calc(12px * 1.25) !important; /* 15px */
}