/* Main style DroidTools */
@import url('/css/common.css');
@import url('/css/styles.css');
@import url('/css/engine.css');
@import url('/css/fontawesome.css');

/* Other style DroidTools Template */
.com-order-block {display: none;}
.uadm *, .uadm--mini {display:none !important;}
.page__comments-list #allEntries {display: block;}
.ucoz-editor-panel input[type="button"] {width: auto !important;}
.ucoz-editor-htpanel select { display: initial; }
.pmovie__ext-ratings {display: none;}
.pagesBlockuz1, .pagesBlockuz, .pagesBlock1, .pagesBlock {display: contents;}



.form_row select {max-width: 120px !important; display: initial !important; background: #252525; color: #fff; border: 1px solid var(--line);}

/* Поля ввода - Исправление "схлопывания" */
.form-fields input[type="text"], 
.myWinCont input[type=password], 
.myWinCont input[type=text] { 
 background: #1a1a1a; 
 border: 1px solid var(--line); 
 color: #fff !important; 
 border-radius: 8px; 
 padding: 10px 15px !important; /* Увеличили высоту, чтобы не было "кнопкой" */
 margin: 5px 0;
 width: 100%;
 box-sizing: border-box;
}

.u-combolist { 
 background: #1a1a1a !important; 
 border: 1px solid var(--line) !important; 
 color: #fff !important; 
 box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
}
.u-combolist>div { padding: 5px 10px; color: #eee; border-bottom: 1px solid #2d2d2d; }
.u-combolist>div:hover { background: var(--lcolor); color: #fff; }

/* Цитаты (Dark Mode) */
.bbQuoteName { background-color: #252525; color: var(--lcolor); padding: 8px 15px !important; font-size: 13px !important; border: 1px solid var(--line); border-bottom: 0; border-radius: 8px 8px 0 0; }
.quoteMessage { 
 margin-bottom: 20px; padding: 15px 15px 15px 80px; position: relative; font-size: 14px; 
 background: #1e1e1e url(../dleimages/quotes.svg) 25px center / 35px no-repeat; 
 border: 1px solid var(--line) !important; color: #ccc; border-radius: 0 0 8px 8px;
}

/* Спойлеры (Dark Mode) */
.uSpoilerButton { 
 padding: 10px 15px !important; background: #252525 !important; border: 1px solid var(--line) !important; 
 width: 100% !important; text-align: left !important; color: var(--lcolor) !important; 
 font-weight: bold !important; border-radius: 8px !important; cursor: pointer;
}
.uSpoilerText { 
 padding: 10px 15px; background: #1a1a1a; border: 1px solid var(--line); border-top: 0; 
 color: #bbb; border-radius: 0 0 8px 8px; margin-bottom: 10px;
}

/* Код (Dark Mode) */
.codeMessage {
 background: #0d0d0d !important; color: #8CD0D3 !important; 
 border: 1px solid var(--line) !important; box-shadow: none !important;
 text-shadow: none !important; padding: 15px; border-radius: 8px;
}

/* Базовый стиль блока внимания */
.custom-alert {
 padding: 15px 20px;
 margin: 20px 0;
 border-radius: 8px;
 border-left: 5px solid;
 font-size: 14px;
 line-height: 1.6;
}

/* Синий - Инфо (например, для системных требований) */
.alert-info {
 background-color: rgba(52, 152, 219, 0.1);
 border-color: #3498db;
 color: #ecf0f1;
}

/* Желтый - Внимание (например, для модов или бета-версий) */
.alert-warning {
 background-color: rgba(241, 196, 15, 0.1);
 border-color: #f1c40f;
 color: #f1c40f;
}

/* Зеленый - Скачать/Важно (для прямых ссылок) */
.alert-success {
 background-color: rgba(46, 204, 113, 0.1);
 border-color: #2ecc71;
 color: #2ecc71;
}

.custom-alert {
 padding: 15px 20px;
 margin: 20px 0;
 border-radius: 8px;
 border-left: 5px solid;
 font-size: 14px;
 line-height: 1.6;
 /* Добавляем легкую тень для глубины */
 box-shadow: 0 4px 6px rgba(0,0,0,0.1);
 transition: transform 0.2s ease;
}

/* Эффект при наведении — мелочь, но выглядит современно */
.custom-alert:hover {
 transform: translateX(5px);
}

/* --- ФИКС ВЫБОРА КАТЕГОРИЙ (ВОЗВРАЩАЕМ ИЗ ЧИСТОГО ШАБЛОНА) --- */

/* Контейнер меню */
form #uCatsMenu7 {
 position: relative !important; 
 height: auto !important; 
 display: block !important; 
 visibility: inherit !important;
}

/* Скрываем ненужную ячейку редактирования ucoz */
.u-comboeditcell {display: none !important;}

/* Основная плашка выбора */
.u-combo { 
 margin-bottom: 5px !important; 
 padding: 5px 10px !important; 
 white-space: normal !important; 
 background: #1a1a1a !important; 
 border: 1px solid var(--line) !important; 
 width: 100% !important;
 border-radius: 8px !important;
 display: flex !important;
 align-items: center;
 min-height: 40px;
}

/* Выпадающий список (само меню с категориями) */
.u-combolist { 
 background: #1a1a1a !important; 
 border: 1px solid var(--line) !important;
 color: #fff !important; 
 overflow: auto !important; 
 position: relative !important; 
 padding: 5px !important; 
 border-radius: 8px !important; 
 width: 100% !important; 
 height: 180px !important; 
 box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
}

/* Пункты внутри списка */
.u-combolist > div {
 padding: 8px 12px !important; 
 color: #eee !important;
 border-bottom: 1px solid #2d2d2d;
 cursor: pointer;
}

.u-combolist > div:hover {
 background: var(--accent-primary) !important; /* Цвет из твоего шаблона */
 color: #fff !important;
}

/* Исправляем чекбоксы и метки внутри категорий */
.u-combolist > div label { 
 vertical-align: middle !important;
 cursor: pointer;
}

/* Стиль кнопки запроса обновления в стиле DroidTools */
.page__btn-update {
 display: inline-block;
 padding: 10px 20px;
 background: #252525; /* Как у спойлера */
 border: 1px solid var(--line);
 color: var(--lcolor) !important; /* Акцентный цвет текста */
 font-weight: bold;
 text-decoration: none !important;
 border-radius: 8px;
 transition: all 0.3s ease;
 cursor: pointer;
 font-size: 14px;
 text-align: center;
}

.page__btn-update:hover {
 background: var(--line); /* Слегка подсвечиваем фон */
 color: #fff !important;
 transform: translateY(-2px); /* Небольшой эффект всплытия */
 box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.page__btn-update::before {
 content: '\f01e'; /* Код иконки обновления */
 /* Важно использовать именно это имя, оно прописано в вашем fontawesome.css */
 font-family: 'Font Awesome 5 Pro'; 
 font-weight: 900; /* Для версии Pro это начертание Solid, которое обычно содержит эту иконку */
 margin-right: 8px;
 display: inline-block;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
}

.category-info-box {
 display: flex;
 justify-content: flex-start; /* Прижимаем всё к левому краю */
 align-items: flex-start;
 gap: 25px; /* Расстояние между картинкой и текстом */
 margin: 20px 0;
 width: 100%;
}

.category-aside-img img {
 width: 100px; /* Размер картинки */
 height: auto;
 border-radius: 12px;
 display: block;
 box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.category-text {
 flex: 1; /* Текст заполняет всё пространство справа */
 font-size: 15px;
 line-height: 1.6;
 color: #fff;
}

/* Адаптивность для телефонов */
@media (max-width: 768px) {
 .category-info-box {
 flex-direction: column; /* На мобильных картинка будет над текстом */
 align-items: center;
 text-align: center; /* Центрируем текст на мобилках */
 }
}

/* Уникальная стилизация тега code */
code {
 background-color: #1a1c23; /* Глубокий темный фон */
 color: #e0e0e0; /* Светло-серый текст для чтения */
 border: 1px solid #30363d; /* Тонкая рамка */
 border-radius: 4px;
 padding: 0.2em 0.4em;
 font-family: 'Fira Code', 'Courier New', monospace;
 font-size: 90%;
 transition: background-color 0.2s ease;
}

code:hover {
 background-color: #252932; /* Легкое высветление при наведении */
 border-color: #444c56;
}

/* Стилизация краткого описания */
.page__brief {
 margin: 20px 0;
 padding: 15px 20px;
 background: rgba(255, 255, 255, 0.03); /* Легкий фон */
 border-left: 4px solid var(--accent-primary); /* Акцентная линия слева */
 border-radius: 4px;
 color: var(--tt-fade-2); /* Чуть более приглушенный цвет текста */
 font-size: 16px;
 line-height: 1.6;
 font-style: italic; /* Выделение курсивом для отличия от основного текста */
 box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}

/* Если внутри BRIEF есть параграфы */
.page__brief p {
 margin: 0;
}

/* Адаптивность */
@media screen and (max-width: 768px) {
 .page__brief {
 font-size: 14px;
 padding: 12px 15px;
 }
}

/* Базовый класс для блоков в стиле Duckovmods */
.dm-alert {
 padding: 15px 20px;
 margin: 22px 0;
 border-radius: 4px; /* Копируем радиус кнопок сайта */
 background-color: #233547; /* Цвет карточки ElyPrismLauncher */
 border: 1px solid rgba(255, 255, 255, 0.05);
 color: #e2e8f0;
 font-size: 14px;
 line-height: 1.6;
}

/* Цветовые акценты (тонкая полоса слева) */
.dm-info { border-left: 4px solid #3b82f6; } /* Синий */
.dm-download { border-left: 4px solid #39d324; } /* Зеленый в цвет кнопки Скачать */
.dm-warning { border-left: 4px solid #ff9800; } /* Оранжевый */

.dm-box {
 background-color: #1a2633; /* Чуть темнее основного фона */
 border-radius: 6px;
 padding: 16px 20px 16px 48px;
 margin: 20px 0;
 position: relative;
 color: #cbd5e1;
 font-size: 14px;
}
.dm-box::before {
 position: absolute;
 left: 18px;
 top: 15px;
 font-size: 16px;
}

/* Спецификация типов */
.dm-box-fix::before { content: "🛠️"; }
.dm-box-fix { border: 1px solid rgba(57, 211, 36, 0.2); } /* Легкое зеленое свечение */

.dm-box-attention::before { content: "⚠️"; }
.dm-box-attention { border: 1px solid rgba(255, 77, 77, 0.2); } /* Легкое красное свечение */

.dm-notice-block {
 background: #1e293b;
 border-top: 3px solid #39d324; /* Зеленый акцент с твоего сайта */
 border-radius: 0 0 6px 6px;
 padding: 20px;
 margin: 25px 0;
 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
}
.dm-notice-title {
 color: #39d324;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 12px;
 letter-spacing: 1px;
 margin-bottom: 8px;
 display: block;
}
.dm-notice-text {
 color: #94a3b8;
 font-size: 13.5px;
 margin: 0;
}

/* Заголовок внутри блока (опционально, для акцента) */
.dm-box-title {
 font-weight: bold;
 margin-bottom: 10px;
 color: #fff; /* Делаем заголовок чуть ярче основного текста */
}

/* Стилизация списка внутри блока */
.dm-box-list {
 list-style-type: disc !important; /* Принудительно включаем круглые маркеры */
 margin: 0 !important;
 padding-left: 20px !important; /* Отступ слева, чтобы точки не вылезали за блок */
}

.dm-box-list li {
 margin-bottom: 6px !important; /* Расстояние между предупреждениями */
 line-height: 1.5;
 color: #cbd5e1; /* Светлый цвет текста */
}

/* Убираем нижний отступ у последнего элемента списка */
.dm-box-list li:last-child {
 margin-bottom: 0 !important;
}