/* ========================================
DLE Engine Styles для ArtemPortal Mobile
Цитаты, спойлеры, скрытый текст, рейтинги, комментарии, календарь
======================================== */

/* ========== ЦИТАТЫ И СКРЫТЫЙ ТЕКСТ ========== */
.quote, .title_quote, .text_spoiler, .title_spoiler {
font-style: italic;
padding: 12px 16px;
background: var(--bg-secondary);
border-left: 4px solid var(--accent);
margin: 14px 0;
border-radius: 0 var(--radius) var(--radius) 0;
}
.title_quote, .title_spoiler {
background: var(--bg-card);
border-bottom: 0;
font-weight: 800;
font-style: normal;
cursor: pointer;
}
.title_spoiler, .text_spoiler {
border-color: var(--error);
}
.text_spoiler {
border-top: 0;
text-align: justify;
}
.hide {
background-color: var(--bg-secondary);
padding: 12px 16px;
color: var(--text-secondary);
margin: 14px 0;
border-radius: var(--radius);
border: 1px dashed var(--border-color);
}
.hide a {
text-decoration: underline;
color: var(--accent);
}
.hide a:hover {
text-decoration: none;
}
.inhide {
border: 1px solid var(--border-color);
padding: 12px;
background-color: var(--bg-card);
margin-bottom: 14px;
border-radius: var(--radius);
}

/* ========== КОД ========== */
.scriptcode, pre code {
display: block;
padding: 14px;
background: var(--bg-secondary);
border-left: 4px solid var(--accent);
overflow: auto;
white-space: pre;
font-family: 'Courier New', monospace;
font-size: 13px;
color: var(--text-primary);
margin: 14px 0;
border-radius: 0 var(--radius) var(--radius) 0;
}

/* ========== ДЕРЕВЬЯ КОММЕНТАРИЕВ ========== */
.comments-tree-list {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.comments-tree-list .comments-tree-list {
padding-left: 30px;
border-left: 2px solid var(--border-color);
margin-left: 14px;
}
.comments-tree-item {
display: block;
margin: 0;
padding: 0;
}

/* ========== БЫСТРЫЙ ОТВЕТ ========== */
#dlefastreplycomments {
padding: 14px;
background: var(--bg-secondary);
margin: 14px 0 14px 30px;
border-radius: var(--radius);
border: 1px solid var(--border-color);
}
.commentsreplyname {
padding: 8px;
border: 1px solid var(--border-color);
width: 100%;
max-width: 300px;
background: var(--bg-card);
border-radius: var(--radius);
color: var(--text-primary);
}

/* ========== РЕЙТИНГИ ========== */
.rating {
width: 85px;
height: 20px;
font-size: 13px;
}
.unit-rating {
list-style: none;
margin: 0;
padding: 0;
width: 85px;
height: 20px;
position: relative;
background: var(--bg-secondary);
border-radius: 10px;
overflow: hidden;
}
.unit-rating li {
text-indent: -90000px;
padding: 0;
margin: 0;
float: left;
}
.unit-rating li a {
display: block;
width: 17px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 17;
position: absolute;
padding: 0;
}
.unit-rating li.current-rating {
background: var(--accent);
position: absolute;
height: 20px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.ratingzero {
color: var(--text-tertiary);
}
.ratingtypeplusminus {
padding: 0 5px;
}
.ratingplus {
color: var(--success);
}
.ratingminus {
color: var(--error);
}

/* ========== ОПРОСЫ ========== */
.voteprogress, .pollprogress {
overflow: hidden;
height: 18px;
margin-bottom: 8px;
background-color: var(--bg-secondary);
border-radius: 9px;
}
.voteprogress span, .pollprogress span {
color: #fff;
height: 18px;
display: block;
overflow: hidden;
font-size: 11px;
text-align: center;
line-height: 18px;
background: var(--accent);
}
.voteprogress .vote2, .pollprogress .poll2 {
background: var(--error);
}
.voteprogress .vote3, .pollprogress .poll3 {
background: var(--success);
}
.voteprogress .vote4, .pollprogress .poll4 {
background: #4bb1cf;
}
.voteprogress .vote5, .pollprogress .poll5 {
background: var(--warning);
}

/* ========== КАЛЕНДАРЬ ========== */
.calendar {
width: 100%;
border-collapse: collapse;
}
.calendar td, .calendar th {
padding: 6px 4px;
vertical-align: middle;
text-align: center;
border: 1px solid var(--border-color);
}
.calendar tr {
background-color: var(--bg-card);
}
.calendar th {
background-color: var(--bg-secondary);
font-weight: 800;
}
.calendar tr:hover {
background-color: var(--bg-secondary);
}
.day-current {
background-color: var(--accent) !important;
color: #fff;
}
.day-current a {
color: #fff;
}
.weekday {
color: var(--error);
}

/* ========== ОБЛАКО ТЕГОВ ========== */
.clouds_xsmall { font-size: 0.9em; }
.clouds_small { font-size: 1em; }
.clouds_medium { font-size: 1.2em; font-weight: 800; }
.clouds_large { font-size: 1.5em; font-weight: 800; }
.clouds_xlarge { font-size: 1.8em; font-weight: 800; }

/* ========== ПРИКРЕПЛЁННЫЕ ФАЙЛЫ ========== */
.attachment {
color: var(--text-secondary);
padding: 8px 12px;
background: var(--bg-secondary);
border-radius: var(--radius);
display: inline-block;
margin: 4px 0;
}
.attachment a {
color: var(--accent);
text-decoration: none;
}
.attachment a:hover {
text-decoration: underline;
}

/* ========== ПОДСКАЗКИ ПОИСКА ========== */
#searchsuggestions {
z-index: 998;
border: 1px solid var(--border-color);
width: 300px;
background-color: var(--bg-card);
font-size: 13px;
border-radius: var(--radius);
box-shadow: var(--shadow-lg);
}
#searchsuggestions a, #searchsuggestions span.notfound {
padding: 10px 14px;
display: block;
text-decoration: none;
color: var(--text-primary);
}
#searchsuggestions a:hover {
background-color: var(--bg-secondary);
}
#searchsuggestions span.searchheading {
display: block;
font-weight: 800;
color: var(--accent);
padding: 8px 14px;
background: var(--bg-secondary);
}

/* ========== МАССОВЫЕ ДЕЙСТВИЯ ========== */
.selectmass {
margin-top: 10px;
}
.selectmass input {
float: right;
margin-left: 6px;
}
.mass_comments_action {
text-align: right;
margin-top: 10px;
}

/* ========== ЗАГРУЗКА AJAX ========== */
#loading-layer {
display: none;
font-size: 13px;
background: var(--bg-primary);
padding: 14px 20px;
text-align: center;
color: var(--text-primary);
border: 1px solid var(--border-color);
border-radius: var(--radius);
box-shadow: var(--shadow-md);
}

/* ========== ПОХОЖИЕ НОВОСТИ ========== */
.findrelated {
width: 99%;
background: var(--bg-secondary);
border: 1px solid var(--border-color);
padding: 12px;
margin-top: 10px;
border-radius: var(--radius);
}