/* Боковые колонки в стиле логотипа и шапки: тёмная левая, кремовая правая */

/* ---------- Левая колонка ---------- */
.wrap:before {background:linear-gradient(180deg,#1d1914 0%,#15120d 100%); box-shadow:inset -1px 0 0 #3a3020, 10px 0 20px -20px rgba(0,0,0,.5);}
.logo-box {background-color:#15120d; border-bottom:1px solid #3a3020; box-shadow:0 1px 0 rgba(242,193,102,.12);}
.side-nav a, .catmenu > li.active > a {color:#e6dcc4;}
.side-nav a:hover, .catmenu li a:hover {color:#f6d15e;}
.side-nav .fa-folder-open, .catmenu > li.active > ul > li > a .fa-folder-open {color:#c9962e;}
.catmenu li.active > a, li.active > a {color:#f6d15e;}
.catmenu li > span {color:#8d7a52;}
.catmenu li span:hover {color:#f2c166;}
.catmenu li.active > ul:before, .catmenu > li ul > li:before {border-color:#3f3524;}
.catmenu > li ul > li:last-child:after {background:#17140f;}
.catmenu > li ul > li > a {color:#cfc5ab;}
.side-nav sup, .catmenu sup {color:#a5781f;}
.catmenu {padding-top:4px;}
.catmenu > li {padding:1px 0;}

.search-box input, .search-box input:focus {height:38px; color:#f3e6c4; font:13px Arial, Helvetica, sans-serif; background:#0f0d09; border:1px solid #4a3d25; border-radius:6px; box-shadow:none;}
.search-box input:focus {border-color:#c9962e;}
.search-box input::placeholder {color:#7d735f; font-style:normal;}
.search-box button, .search-box button:hover {top:3px; color:#f2c166; background:transparent;}

.show-login {height:40px; line-height:40px; color:#1b1206; font-weight:700; background:linear-gradient(180deg,#fff0a6 0%,#f3c94f 40%,#d4921a 100%); border:1px solid #1b1206; border-radius:6px; box-shadow:0 0 0 1px #c9962e;}
.show-login:hover {color:#1b1206; background:linear-gradient(180deg,#fff4b8 0%,#f6d15e 40%,#dca42a 100%);}

/* ---------- Правая колонка ---------- */
.side-box {padding:0 14px 14px; background:#fffdf8; border:1px solid #eadcc0; border-radius:8px; box-shadow:0 6px 20px rgba(120,90,30,.07); overflow:hidden;}
.side-box-title {display:flex; align-items:center; gap:10px; margin:0 -14px 14px; padding:12px 16px; color:#222; font:700 19px/1.2 'Roboto Condensed', Arial, sans-serif; text-transform:none; background:linear-gradient(180deg,#fffaf0,#fdf5e4); border-bottom:1px solid #f0e4c8;}
.side-box-title:before {content:""; flex:none; width:4px; height:20px; background:linear-gradient(#f6d15e,#c9962e); border-radius:2px;}

.top-item {padding:10px 0 10px 70px; border-top:1px solid #f0e4c8; border-radius:6px;}
.top-item:hover {background:#fdf5e4;}
.top-img {border-radius:5px;}
.top-title {color:#222; font:700 16px/1.25 'Roboto Condensed', Arial, sans-serif;}
.top-info {color:#8a8171; font-size:12px; line-height:1.4;}
.top-item:nth-child(1) {padding:0; border-top:0; background:#15120d; border-radius:8px; overflow:hidden; box-shadow:0 0 0 1px #9c7424;}
.top-item:nth-child(1) .top-img {border-radius:0;}
.top-item:nth-child(1) .top-info {left:0; right:0; bottom:0; padding:40px 14px 12px; color:#cfc5ab; background:linear-gradient(rgba(21,18,13,0), rgba(21,18,13,.92) 55%);}
.top-item:nth-child(1) .top-title {color:#f6d15e; font-size:20px;}
.top-item:nth-child(1):hover {background:#15120d;}
.top-item:nth-child(2) {border-top:0; margin-top:6px;}

/* Опрос */
.side-box .vote-title {color:#222; font:700 16px/1.3 'Roboto Condensed', Arial, sans-serif;}
.side-box button, .side-box input[type="submit"], .side-box input[type="button"] {color:#1b1206 !important; background:linear-gradient(180deg,#fff0a6 0%,#f3c94f 40%,#d4921a 100%) !important; border:1px solid #1b1206; border-radius:6px; box-shadow:0 0 0 1px #c9962e;}
.catmenu li {color:#8d7a52; font-size:11px;}
.catmenu > li.active > a {color:#fff;}
.catmenu > li.active > ul > li.active > ul li > a {color:#cfc5ab;}
.all-wrap:before {background-color:#15120d;}

/* ---------- Планшеты и телефоны: верхняя полоса ---------- */
@media screen and (max-width: 1220px) {
	.all-wrap:before {background-color:#f0efef;}
	.left-wrap {background:linear-gradient(180deg,#1d1914,#15120d); box-shadow:inset 0 -1px 0 #3a3020, 0 2px 0 rgba(201,150,46,.35);}
	.logo-box, .logo-box-mob {background-color:transparent; border-bottom:0; box-shadow:none;}
	.show-menu {color:#f2c166; background:rgba(0,0,0,.3); border:1px solid #6b5630; border-radius:6px;}
	.show-menu:hover {color:#fff4b8; border-color:#c9962e;}
	.side-nav {background:#17140f; border-top:1px solid #3a3020; box-shadow:0 10px 24px rgba(0,0,0,.45);}
	.show-login {height:36px; line-height:36px;}
}

/* ---------- Кружки историй (главная, категории) ---------- */
.wrap .wpstories-preview__container {padding:3px; border:0; background:linear-gradient(135deg,#fff0a6 0%,#f3c94f 38%,#d4921a 70%,#9c6a12 100%); box-shadow:0 3px 10px rgba(120,90,30,.28);}
.wrap .wpstories-preview__image {border:2px solid #fff;}
.wrap .wpstories-preview:hover {opacity:1;}
.wrap .wpstories-preview:hover .wpstories-preview__container {box-shadow:0 0 0 2px rgba(242,193,102,.45), 0 4px 14px rgba(120,90,30,.35);}
.wrap .wpstories-preview__text {color:#222; font:700 13px/1.15 'Roboto Condensed', Arial, sans-serif;}
.wrap .wpstories-preview:hover .wpstories-preview__text {color:#a5781f;}

/* ---------- Полоса «Сортировать по» ---------- */
.top-box {position:relative; color:#cfc5ab; background:linear-gradient(180deg,#221e17,#15120d);}
.top-box:after {content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent, #c9962e 20%, #f6d15e 50%, #c9962e 80%, transparent);}
.top-box i {color:#f2c166; border-color:#6b5630; border-radius:6px;}
.top-box a, .top-box a:visited {color:#f2c166; font-weight:700;}
.top-box a:hover {color:#fff4b8; text-decoration:none;}
.top-box li {border-right-color:#4a3d25;}
.top-box li.asc a, .top-box li.desc a {color:#fff; text-decoration:none; border-bottom:2px solid #f2c166;}

/* ---------- Пагинация ---------- */
.bottom-nav {height:auto; line-height:1; margin:30px 0 40px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px;}
.navigation {display:inline-flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0 6px;}
.navigation a, .navigation span, .pprev a, .pnext a, .pprev > span, .pnext > span {display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; margin:0; padding:0 10px; color:#3a2e1a; font:700 15px/1 'Roboto Condensed', Arial, sans-serif; background:#fffdf8; border:1px solid #eadcc0; border-radius:8px; transition:background .2s, border-color .2s, color .2s;}
.pprev, .pnext {width:auto; border:0; background:none; font-size:15px;}
.pprev a, .pnext a {padding:0 18px; text-transform:uppercase; letter-spacing:.03em;}
.pprev > span, .pnext > span {padding:0 18px; color:#c9bda4; text-transform:uppercase; letter-spacing:.03em; background:#fbf8f1; border-color:#f0e4c8;}
.navigation a:hover, .pprev a:hover, .pnext a:hover {color:#1b1206; background:#fdf1d6; border-color:#d9b76a;}
.navigation span {color:#1b1206; background:linear-gradient(180deg,#fff0a6 0%,#f3c94f 40%,#d4921a 100%); border-color:#1b1206; box-shadow:0 0 0 1px #c9962e;}
.navigation span.nav_ext {color:#a5781f; background:none; border-color:transparent; box-shadow:none; min-width:20px; padding:0 4px;}

/* ---------- SEO-блок ---------- */
.site-desc {padding:18px 22px 16px; color:#6d6556; font-size:13px; line-height:1.6; background:#fffdf8; border:1px solid #eadcc0; border-radius:8px; box-shadow:0 6px 20px rgba(120,90,30,.07);}
.site-desc h1, .site-desc h2, .site-desc h3 {display:flex; align-items:center; gap:10px; margin:0 0 12px; color:#222; font:700 21px/1.25 'Roboto Condensed', Arial, sans-serif; text-transform:none;}
.site-desc h1:before, .site-desc h2:before, .site-desc h3:before {content:""; flex:none; width:4px; height:22px; background:linear-gradient(#f6d15e,#c9962e); border-radius:2px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#a5781f; margin-right:.25em;}
.site-desc p {margin-bottom:8px;}

/* ---------- Подвал ---------- */
.bottom-box {position:relative; z-index:110; color:#cfc5ab; background:linear-gradient(180deg,#221e17,#110e0a);}
.bottom-box:before {content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, transparent, #c9962e 20%, #f6d15e 50%, #c9962e 80%, transparent);}
.bottom-box p {display:inline-block; width:auto; margin:0 22px 12px 0; color:#cfc5ab;}
.bottom-box a, .bottom-box a:visited {color:#f2c166; font-weight:400; text-decoration:none; border-bottom:1px solid rgba(242,193,102,.3);}
.bottom-box a:hover {color:#fff4b8; text-decoration:none; border-bottom-color:#f2c166;}
@media screen and (max-width: 760px) {
	.bottom-box p {display:block; margin:0 0 12px;}
	.pprev a, .pnext a {padding:0 12px;}
}
/* правки: пагинация в одну строку, заголовок SEO без разрыва */
.bottom-nav {flex-wrap:nowrap; gap:6px;}
.navigation {gap:4px; margin:0 4px;}
.navigation a, .navigation span {min-width:34px; height:36px; padding:0 8px;}
.pprev a, .pnext a, .pprev > span, .pnext > span {height:36px; padding:0 12px;}
.site-desc h1, .site-desc h2, .site-desc h3 {display:block; position:relative; padding-left:14px;}
.site-desc h1:before, .site-desc h2:before, .site-desc h3:before {position:absolute; left:0; top:2px;}
@media screen and (max-width: 760px) {
	.bottom-nav {flex-wrap:wrap;}
}

/* ---------- Выпадающий быстрый поиск ---------- */
#searchsuggestions {width:340px; overflow:hidden; background:#17140f; border:1px solid #6b5630; border-radius:10px; box-shadow:0 0 0 1px #000, 0 18px 40px rgba(0,0,0,.55);}
#searchsuggestions a {display:flex; align-items:center; gap:12px; padding:9px 12px; color:#e6dcc4; border-bottom:1px solid #2e271b; transition:background .15s;}
#searchsuggestions a:hover {color:#e6dcc4; background:rgba(242,193,102,.08);}
#searchsuggestions .fs-img {flex:none; width:42px; height:56px; overflow:hidden; background:#000; border-radius:5px; box-shadow:0 0 0 1px #4a3d25;}
#searchsuggestions .fs-img img {display:block; width:100%; height:100%; object-fit:cover; object-position:center top;}
#searchsuggestions .fs-info {display:block; min-width:0;}
#searchsuggestions span.searchheading {margin-bottom:3px; color:#f3e6c4; font:700 16px/1.2 'Roboto Condensed', Arial, sans-serif;}
#searchsuggestions a:hover span.searchheading {color:#f6d15e;}
#searchsuggestions .fs-meta {display:block; color:#8d8575; font-size:12px; line-height:1.35;}
#searchsuggestions .fs-meta b {display:inline-block; margin-right:6px; color:#f2c166; font-weight:600;}
#searchsuggestions .fs-meta em {font-style:normal;}
#searchsuggestions span.notfound {color:#cfc5ab; border-bottom:1px solid #2e271b;}
#searchsuggestions span.seperator a {display:block; padding:13px 0; color:#1b1206; font:700 15px/1.2 'Roboto Condensed', Arial, sans-serif; letter-spacing:.03em; text-transform:uppercase; background:linear-gradient(180deg,#fff0a6 0%,#f3c94f 40%,#d4921a 100%); border:0;}
#searchsuggestions span.seperator a:hover {background:linear-gradient(180deg,#fff4b8 0%,#f6d15e 40%,#dca42a 100%);}

/* Копирайт в подвале */
.bottom-box .bb-copy {margin:6px 0 12px; padding-top:12px; color:#8d8575; font-size:13px; border-top:1px solid #3a3020;}
.bottom-box .bb-copy a, .bottom-box .bb-copy a:visited {color:#f2c166; font-weight:700; border-bottom:0;}
.bottom-box .bb-copy a:hover {color:#fff4b8;}