/* ===== Форум нашого міста ===== */

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

:root{
 --main:#3A78B8;
 --main2:#2C9A8F;
 --dark:#26455E;
 --light:#F3F8FB;
 --card:#FFFFFF;
 --text:#334155;
 --border:#CFE0EA;
 --accent:#F5A524;
}

body{
 margin:0;
 padding:0;
 font-family:'Manrope',sans-serif;
 color:var(--text);
 background:#edf5fa;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Crect width='320' height='320' fill='%23edf5fa'/%3E%3Cpath fill='%23d6e7f1' d='M0 245h320v75H0z'/%3E%3Cg fill='%2396b8ca'%3E%3Crect x='18' y='120' width='30' height='95'/%3E%3Crect x='55' y='90' width='42' height='125'/%3E%3Crect x='105' y='105' width='28' height='110'/%3E%3Crect x='142' y='75' width='55' height='140'/%3E%3Crect x='208' y='98' width='35' height='117'/%3E%3Crect x='252' y='125' width='40' height='90'/%3E%3C/g%3E%3Cg fill='%235aa36a'%3E%3Ccircle cx='42' cy='235' r='9'/%3E%3Ccircle cx='152' cy='232' r='10'/%3E%3Ccircle cx='276' cy='238' r='8'/%3E%3C/g%3E%3Cpath stroke='%23ffffff' stroke-width='3' d='M0 265H320'/%3E%3C/svg%3E");
 background-attachment:fixed;
}

/* Заголовки */

h1,h2,.maintitle{
 font-size:30px;
 font-weight:700;
 color:var(--dark);
 margin:0 0 15px;
}

.gen{font-size:15px;}
.txt_midkey{font-size:14px;}
.txt_microblock{font-size:12px;}

/* Ссылки */

a{
 color:var(--main);
 text-decoration:none;
 transition:.25s;
}

a:hover{
 color:var(--accent);
 text-decoration:none;
}

/* Форум */

.bodyline,
.boardLineage-x4,
table.boardLineage-x4{
 background:var(--card);
 border:1px solid var(--border);
 border-radius:14px;
 box-shadow:0 8px 24px rgba(40,70,100,.08);
 overflow:hidden;
}

th,
td.th{
 background:linear-gradient(90deg,var(--main),var(--main2));
 color:#fff;
 padding:13px;
 font-size:14px;
 font-weight:700;
}

.row,
.item_row_base{
 background:#ffffff;
}

.gridUnitSecond{
 background:#f7fbfd;
}

.strip_triple{
 background:#edf6fa;
}

/* Формы */

input,
textarea,
select{
 font-family:inherit;
 font-size:14px;
 padding:9px 12px;
 border-radius:8px;
 border:1px solid #bfd6e2;
 background:#fff;
 color:var(--text);
}

input:focus,
textarea:focus,
select:focus{
 outline:none;
 border-color:var(--main);
 box-shadow:0 0 0 3px rgba(58,120,184,.15);
}

input.ui_controlbtn,
input.option_primary,
input.liteoption{
 background:linear-gradient(90deg,var(--main),var(--main2));
 color:#fff;
 border:none;
 cursor:pointer;
 font-weight:700;
}

input.ui_controlbtn:hover,
input.option_primary:hover,
input.liteoption:hover{
 filter:brightness(1.08);
}

/* Код */

.codeHighlight{
 background:#eef6fb;
 border-left:5px solid var(--main);
 border-radius:8px;
 padding:14px;
 font-family:Consolas,monospace;
 color:#1e4258;
}

/* Цитаты */

.quote_box{
 background:#fffdf8;
 border-left:5px solid var(--accent);
 border-radius:8px;
 padding:14px;
 font-style:italic;
}

/* Навигация */

.nav_flow{
 font-weight:700;
 color:var(--dark);
}

.forum_url,
.topictitle,
.cat_title_text{
 font-weight:700;
 font-size:15px;
}

/* Аватар */

.guestavatar{
 width:86px;
 height:86px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 background:linear-gradient(135deg,var(--main),var(--main2));
 color:#fff;
 font-size:34px;
 font-weight:700;
 box-shadow:0 6px 18px rgba(58,120,184,.25);
}

/* Разделитель */

hr{
 border:none;
 height:2px;
 background:linear-gradient(to right,transparent,var(--main),transparent);
}

/* Сообщения */

.post{
 transition:.25s;
}

.post:hover{
 transform:translateY(-2px);
}

/* Таблицы */

td{
 padding:10px;
}

/* Адаптивность */

@media(max-width:768px){

body{
 font-size:15px;
}

h1,h2,.maintitle{
 font-size:24px;
}

th,td{
 padding:8px;
}

}