/* Template created by Youth Templates | Author: Shepel Vladimir | ICQ: 604975168*/
/* Адаптирован и доработан DLETM.RU */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{outline:none;}
a:focus {
  outline: none;
}
body{background: url("../images/bg.jpg"); background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
@font-face {
    font-family: 'Roboto';
    src:  local('Roboto'), url('https://roboto-webfont.googlecode.com/files/Roboto-Regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('https://roboto-webfont.googlecode.com/files/Roboto-Italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('https://roboto-webfont.googlecode.com/files/Roboto-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), url('https://roboto-webfont.googlecode.com/files/Roboto-BoldItalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('https://roboto-webfont.googlecode.com/files/Roboto-Condensed-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('https://roboto-webfont.googlecode.com/files/Roboto-CondensedItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('https://roboto-webfont.googlecode.com/files/Roboto-BoldCondensed-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), url('https://roboto-webfont.googlecode.com/files/Roboto-BoldCondensedItalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Thin';
    src: local('Roboto Thin'), url('https://roboto-webfont.googlecode.com/files/Roboto-Thin-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Thin';
    src: local('Roboto Thin'), url('https://roboto-webfont.googlecode.com/files/Roboto-ThinItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Roboto Light';
    src: local('Roboto Light'), url('https://roboto-webfont.googlecode.com/files/Roboto-Light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto Light';
    src: local('Roboto Light'), url('https://roboto-webfont.googlecode.com/files/Roboto-LightItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Roboto Medium';
    src: local('Roboto Medium'), url('https://roboto-webfont.googlecode.com/files/Roboto-Medium-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto Medium';
    src: local('Roboto Medium'), url('https://roboto-webfont.googlecode.com/files/Roboto-MediumItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Roboto Black';
    src: local('Roboto Black'), url('https://roboto-webfont.googlecode.com/files/Roboto-Black-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Black';
    src: local('Roboto Black'), url('https://roboto-webfont.googlecode.com/files/Roboto-BlackItalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
html, body, * html #mains{height:100%;}
header{min-height: 95px;) no-repeat;background-size: cover;}
#mains{overflow: hidden;margin-top: 20px;position: relative;min-height: 100%;}
nav.navbar{margin-top: 20px;border-radius: 4px;}
nav.navbar .navbar-brand{padding: 6px 15px;}
nav.navbar-inverse .navbar-nav > li > a{color: #fff;}
nav.navbar-inverse .navbar-nav .pm-pos{position: relative;}
nav.navbar-inverse{background-color: #155f67;border: none; border-radius: 12px; margin-left: 5px;}
nav.navbar-inverse .navbar-nav > .active > a, nav.navbar-inverse .navbar-nav > .active > a:hover, nav.navbar-inverse .navbar-nav > .active > a:focus{background-color: #0b4045;}
nav.navbar-inverse .navbar-collapse, nav.navbar-inverse .navbar-form{border-color: #1B2732;}
.nav li a{text-transform: uppercase;font-family: 'Roboto', 'PT sans', sans-serif;}
.nav li .dropdown-menu{width: 200px;}
.nav li .sign li{margin: 5px 0 !important;}
.nav li .dropdown-menu li{margin: 10px;}
.nav li .dropdown-menu-login{width: 400px}
.nav li .dropdown-menu-login li{margin: 10px 0px;}
.nav li .dropdown-menu-login .menu-login{position: relative;background: #1B2732 url("../images/bg-profile.png") no-repeat;background-size: cover;height: 150px;margin: -5px 0;-webkit-box-shadow: inset 0px 3px 10px -2px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 3px 10px -2px rgba(0,0,0,0.75);box-shadow: inset 0px 3px 10px -2px rgba(0,0,0,0.75);}
.nav li .dropdown-menu-login .menu-image{position: absolute;top: 50%;margin-top: -55px;left: 15px;}
.nav li .dropdown-menu-login .menu-name{position: absolute;left: 35%;top: 50px;text-transform: uppercase;font-family: "PT Sans";color: #fff;font-size: 18px;text-shadow: 0 1px 1px rgba(0,0,0,1);}
.nav li .dropdown-menu-login .menu-label{position: absolute;right: 0;top: 0;width: 44px;height: 100%;background: rgba(0,0,0,0.5);list-style: none;margin: 0;padding: 0;} .nav li .dropdown-menu-login .menu-label li:first-child{margin-top: 15px}
.nav li .dropdown-menu-login .menu-label li{margin: 20px 0;}
.nav li .dropdown-menu-login .menu-label li span{display: block;margin-right: auto;margin-left: auto;}
.nav li .dropdown-menu-login .menu-label a{color: #fff;text-decoration: none;}
.nav li .dropdown-menu-login button{float: left;margin: 5px;}
.nav li .dropdown-menu-login button .badge{background-color: #919191;}
.nav li .dropdown-menu-login button a{color: #2c3e50;text-decoration: none;}
.nav > .active > a{border-radius: 0 10px 10px 0;}
.nav > .open > a{border-radius: 0 4px 0 0 !important;}
.col-sm-12 a{color: #2c3e50;text-decoration: none !important;}
.col-sm-12 .panel{margin-bottom: 0;float: left}
.col-sm-12 .panel .panel-body{padding: 6px 12px;}
.main-top{overflow: hidden;clear: both;margin: 0 0 4px 0;}
.main-top-block{padding: 0 10px 0 0;float: left;width: 33%;height: 160px;font-family: "PT Sans";color: #fff;text-transform: uppercase;} .main-top-block:last-child{padding: 0;}
.main-top-block div{padding: 10px;height: 100%;position: relative;text-align: center;font-size: 16px;}
.main-top-block span{display: block;position: absolute;bottom: 0;height: 50%;width: 100%;margin: 0 -10px;padding: 10px;text-align: left;font-size: 11px;}
.seas{background: url(../images/head/zagl1.png);width: 240px;height: 160px;}.seas span{background: ;} .suns{background: url(../images/head/zagl2.png);width: 240px;height: 160px;}.suns span{background: ;} .carrots{background: url(../images/head/zagl3.png);width: 240px;height: 160px;}.carrots span{background: ;} .alizars{background: #E84C3D;}.alizars span{background: #C1392B;}
#story{border-radius: 10px;}
.btn-sort{border-radius: 4px 0 0 4px !important;border-right: none !important;}
.btn-icon-corect div button span{font-size: 12px;}
.speedbar{margin-bottom: 5px;margin-top: 9px;font-family: "ROBOTO";background-color: #155f67;color: #fff;line-height: 34px; border-radius: 20px; text-indent: 1px;Padding-left: 10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.short{overflow: hidden;float: left;margin: 5px 14px 12px 4px;background: #fff;border: 3px solid #115b63;box-shadow: 4px 4px 0px #0e6972;border-radius: 15px;}
.short:hover {box-shadow: 6px 6px 0px #0e6972;}
.img-short{overflow: hidden;height: 180px;position: relative;} .img-short:hover .short-icon{display: block;z-index: 1000;}
.img-short > img{min-height: 220px;}
.short-icon{display: none;position: absolute;top: 5px;right: 8px;background: rgba(201,201,201,0.4);padding: 2px 5px 5px 5px;border-radius: 4px;} 
.img-short-title{padding: 30px 10px 10px 10px;position: absolute;bottom: 0;width: 100%;text-align: center;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.61)));background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.91) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9c000000',GradientType=0 );}
.img-short a{color: #fff;text-transform: uppercase;font-family: "ROBOTO";  font-weight: bold; font-size: 16px; text-shadow: 2px 4px 2px rgba(0,0,0,0.9);} .img-short a:hover{color: #fff}
.short-desc{padding: 10px;color: #000;height: 125px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.short-bott{background: #fff;padding: 5px;border-top: 1px solid #ccc;font-size: 12px;color: #666;float: left;width: 100%;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.short-bott2{background: #fff;padding: 5px;border-top: 1px solid #ccc;font-size: 12px;color: #666;float: left;width: 100%;height: 48px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}
.short-bott a{color: #666;} .short-bott a:hover{text-decoration: none;}
.side-block{overflow: hidden;background: #155f67;border-radius: 10px;padding: 10px;}
.side-head{background: #0b4045;margin: -10px -10px 10px -10px;padding: 10px;color: #fff;text-transform: uppercase;font-family: "ROBOTO";font-size: 15px;text-align: center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.side-head > .label{padding: 3px 5px;right: 25px;position: absolute;font-size: 12px;cursor: pointer;}
.side-block-reg{background: #e74c3c;padding: 10px;margin-bottom: 20px;border-bottom: 3px solid #c0392b;text-transform: uppercase;font-family: "ROBOTO";text-align: center;}

.side-vk-icon{margin-top:-4px;}

.side-block-add{background: #2ecc71;padding: 10px;margin-bottom: 20px;border-bottom: 3px solid #27ae60;text-transform: uppercase;font-family: "ROBOTO";text-align: center;}
.side-top{margin: -10px -11px -10px -10px;}
.side-top li{position: relative;display: table;height: 100px;padding: 0 10px;overflow: hidden;} .side-top li:hover > img{opacity: 0.7;-khtml-opacity: 0.7;-moz-opacity:0.7;filter: alpha(opacity=70);}
.side-top a{display: table-cell;vertical-align: middle;position: relative;text-transform: uppercase;text-shadow: 0 1px 1px rgba(0,0,0,0.9);}
.side-top img{width: 100%;margin: 0 -10px;position: absolute;opacity: 0.2;-khtml-opacity: 0.2;-moz-opacity:0.2;filter: alpha(opacity=20);}
.side-block-vote{background: #304559;padding: 10px;margin: -10px;}
.full{overflow: hidden;}
.full-news{background: #fff;overflow: hidden;height: auto;padding: 10px;color: #000;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);}
.full-news img{height: auto;max-width: 100%;border-radius: 4px;border: 0px solid #ddd;}
.full-news-head{position: relative;display: block;overflow: hidden;background: #0b4045;width: 100%;padding: 15px 10px;border-radius: 4px 4px 0 0;color: #fff;font-family: "PT Sans";font-weight: 600;font-size: 18px;}
.full-news-head span{display: block;float: left;margin-right: 30px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.full-news-head > .label{position: absolute;right: 10px;top: 12px;padding: 5px;}
.full-news-short{height: auto;margin: -10px -10px 20px -10px;padding: 10px;color: #fff;font-family: "PT Sans";overflow: hidden;background: #242424 url("../images/bg-full.jpg");background-size: cover;opacity: 0.7}
.full-news-panel{overflow: hidden;background: #155f67;padding:  5px 10px;line-height: 35px;font-family: "PT Sans";font-size: 13px;color: #fff;}
.full-news-panel img{height: 35px;}
.full-author{background: #0b4045;padding: 10px;margin: -10px 10px -10px -10px;}
.full-tags a{background: #16a085;padding: 3px;border-radius: 4px;color: #fff;} .full-tags a:hover{color: #fff;}
.full-rate{margin: 6px 0;border: 1px solid #fff;border-radius: 4px;}
.full-comment{background: #fff;padding: 10px;overflow: hidden;border-radius: 0 0 4px 4px;}
.add-comments .col-md-4, .other-block .col-md-4{padding: 0px;margin: 0 10px 5px 0;}
.add-comments textarea{width: 100%;}
.commentss{border-top: 1px solid #ccc;margin: 0 -10px;padding: 10px;overflow: hidden;background-color: #fff;margin: 1px;}
.comm-main{margin-left: 60px;font-family: "Roboto", sans-serif;font-size: 14;color: #000;word-break: auto-phrase;}
.comm-main a{color: #1c8f9b;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);} .comm-main a:hover{color: #39bac7;}
.comms-title{font-family: "PT Sans";text-transform: uppercase;color: #1ABC9C;font-size: 15px;}
.comss-title-date{font-size: 12px;color: #10a3b3;}
.comms-image{position: relative;}
.comms-on, .comms-off{width: 10px;height: 10px;border-radius: 10px;position: absolute;top: 3px;left: 3px;} .comms-on{background: #3acc3c;} .comms-off{background: #f52020;}
.comms-ad-del{display: none;} .commentss:hover  .comms-ad-del{display: block;}
.other-block{background: #fff;padding: 10px;overflow: hidden;}
.other-block h4{font-family: "PT Sans";}
.other-title{background: #155f67;padding: 10px;color: #fff;font-family: "ROBOTO";font-size: 18px;font-weight: 600;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.findrelated{width: 100% !important;background: #fcf8e3 !important;border: 1px solid #faebcc !important;color: #8a6d3b !important;}
.divider{margin: 10px -10px;height: 1px;background: #ccc;clear: both;}
.addvote{display: none;padding: 10px;margin: 0 -10px;overflow: hidden;clear: both;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;background: #f9f9f9;}
.add-textarea{clear: both;margin-top: 10px;overflow: hidden;}
.mce-tinymce{width: 100% !important;border: 1px solid #ccc !important;background: #f9f9f9;}
.mce-container-body{margin-right: 1px !important;}
#short_story_ifr, #full_story_ifr{height: 150px !important;}
.input-over{overflow: hidden;}
select{background: #fff;border: 1px solid #ccc;border-radius: 4px;padding: 5px;width: 150px;} 
.search fieldset{margin: 10px !important;}
.search fieldset select{margin-bottom: 10px;}
legend{color: #999;font-family: "PT Sans";}
.pm-lab{color: #999;}
.readpm{margin-left: 110px;color: #999;}
.readpm-head{margin-bottom: 10px;}
.readpm-head a{font-family: "PT Sans";text-transform: uppercase;color: #1ABC9C;font-size: 15px;} .readpm-head a:hover{color: #1ABC9C;}
.popup-info{margin: 0 0 0 110px;}
.popup-info li.fullname{font-family: "PT Sans";text-transform: uppercase;color: #1ABC9C;font-size: 16px;padding: 0 0 2px 0;border-bottom: 1px solid #ccc;}
.popup-info li{padding: 5px 0;text-transform: uppercase;font-size: 10px;color: #999;}
.popup-info li span{float: right;}
.popup-on{font-size: 12px;color: #47c54d;text-transform: uppercase;position: absolute;margin-top: -80px;margin-left: 25px;}
.popup-off{font-size: 12px;color: #2980b9;text-transform: uppercase;position: absolute;margin-top: -30px;margin-left: 25px;}
#result-registration{padding: 10px 0;}
.stats-list{width: 100%;border: 1px solid #ccc;}
.stats-list li{font-family: 'ROBOTO';color: #155f67;border-bottom: 1px solid #ccc;padding: 5px;} .stats-list li:last-child{border: none;}
.stats-list li a{color: #1ABC9C;} .stats-list li a:hover{color: #1ABC9C;}
.stats-list li span{float: right;}
.stats-list li.stats-title{color: #fff;background: #2a7179;text-transform: uppercase;font-weight: 700;}
.nblock {display: none;}
.userstop thead tr td{color: #999;background: #eaeaea;text-transform: uppercase;font-weight: normal;padding: 5px;}
.userstop tbody tr td, .userstop tbody tr td a{color: #1ABC9C;} .userstop tbody tr td a:hover{color: #1ABC9C;}
.nav-tabs > .active > a{border-radius: 4px 4px 0 0 !important;}
.profile-panel{position: relative;width: 100%;height: 160px;background: url("../images/bg-profile-tab.jpg");background-size: cover;border-radius: 0 0 4px 4px;}
.profile-panel img{position: absolute;right: 50%;margin-right: -65px;bottom: -20px;}
.profile-panel span{position: absolute;top: 0;color: #fff;text-transform: uppercase;font-size: 12px;text-shadow: 0 1px 1px rgba(0,0,0,1);background: rgba(0,0,0,0.5);padding: 10px;width: 100%;}
.proff-body{overflow: hidden;float: left;width: 100%;padding: 10px;font-family: 'ROBOTO';color: #155f67;text-transform: uppercase;}
.proff-body li{border-bottom: 1px solid #eee;padding: 10px 0;}
.proff-body li span{float: right;color: #999;}
.footer{position:relative;background: url("../images/backhead1.png") no-repeat;background-size: cover;min-height: 70px;margin: 20px 0 0 0;}
.footer .container{position: relative;padding: 20px;height: 100%;color: #fff;font-family: "PT Sans";}
.footer-text a, .full-news-panel a, .s_a a, .profile-panel span a{color: #fff;} .footer-text a:hover, .full-news-panel a:hover, .s_a a:hover{color: #ccc;}
.footer .container .footer-img{width: 24%;}

#accordian{color: white;} 
#accordian h3{border-bottom: 1px solid #14545a;margin: 0;border-bottom: 1px solid #1c5257;text-align: center;text-transform: uppercase;font-size: 14px;font-family: 'ROBOTO';padding: 12px 10px;cursor: pointer;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);} 
#accordian ul{margin: -10px;}
#accordian li {list-style-type: none; } 
#accordian li ul{margin: 0;background: #2a7179;padding: 0;text-align: center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
#accordian ul ul li a{color: #fff;text-decoration: none;font-size: 15px;line-height: 35px;transition: all 0.15s;font-family: 'ROBOTO';text-align: center;} 
#accordian ul ul li:hover{text-decoration: underline;background: rgba(0,0,0,0.1);transform: scale(1.1);}
#accordian ul ul{display: none;} 
#accordian li.active ul{display: block;}

#accordian li ol{margin: 0;background: #2a7179;padding: 0;text-align: center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
#accordian ol li a{color: #fff;text-decoration: none;font-size: 15px;line-height: 35px;transition: all 0.15s;font-family: 'ROBOTO';text-align: center;} 
#accordian ol li:hover{text-decoration: underline;background: rgba(0,0,0,0.1);transform: scale(1.1);}

.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
  list-style-type: none;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
  list-style-type: none;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
  list-style-type: none;
}
/*---Показ древовидных комментариев---*/
.comments-tree-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-tree-list .comments-tree-list {
  padding-left: 30px;
}

.comments-tree-item {
  display: block;
  margin: 0;
  padding: 0;
}

/*---Форма быстрого ответа на комментарий---*/

#dlefastreplycomments {
  padding:5px;
  background: #e4ecf0;
  margin: 5px 5px 5px 30px;
}

.commentsreplyname {
 padding: 2px; border: 1px solid #bcc0c2;
 width: 200px;
 background: #fff url("../images/fields.png") repeat-x;
}

/*---Вывод результатов голосования на сайте---*/
.pollallvotes {
  text-align: center;
  margin-top: 10px;
}

.other-block select {
	width:100%;
}

.ui-dialog .ui-dialog-content {
    background: none;
    border: 0;
    overflow: hidden;
    padding: .5em 1em;
    position: relative;
    zoom: 1;
    height: auto !important;
}

.instagram-media, .twitter-tweet {display: inline-block !important;}


.table-add {
	width:100%;
}

.table-add input[type="text"] {
	width:100%;
}

.table-add select {
	width:auto;
}

.table-add td {
    border: solid 1px #c7c7c7;
    padding: 5px;
}

.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}

.comments-image-gallery li img{
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}

.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}

.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}

.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

.zoom-effect {
  transition: transform 0.2s;
}
.zoom-effect:hover {
  transform: scale(1.1);
}

.dopnews {
	background: #fff;
	float: left;

}

.ol {
  list-style-type:  none;
}

.customnews {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
	img{height:auto;max-width:100%;border-radius:15px;}
}

	
.customnews-info {
	display: flex;
	gap: 7px;
	flex-direction: column;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	
}

.customnews-info2 {
	margin-left: 5px;
	margin-right: 5px;
	
}

.custom-down {
    background-color: #e4e4e4;
    border-radius: 20px;
    width: auto;
	height: auto;
    border: 2px solid #b5b5b5;
}

.custom-down2 {
    background-color: #fff;
	border-radius: 20px;
	width: auto;
	height: auto;
	border: 2px solid #b5b5b5;
}

.sidebar_open ol {
	display:block!important;
	border-top: 2px solid #1c5257;
}

.body_screen {
	margin-bottom: 18px;
    border-bottom: 1px solid #e0e0e0;
    border: 1px solid #e0e0e0;
    background: #f3f3f3;
    border-radius: 6px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.body_screen ul li img {
    margin-right: 0;
    border: 2px solid #f3f3f3;
    box-sizing: border-box;
	width: 180px;
    height: 120px;
}

.xfieldimagegallery1 p {
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-content: space-between;
}

.xfieldimagegallery1 ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.xfieldimagegallery1 ol img {
    margin-right: 5px;
    border: 5px solid #fff;
    transition: box-shadow .5s ease;
    width: 180px;
    height: 120px
}

.xfieldimagegallery1 ol img:hover {
    box-shadow: 0 0 7px rgba(0,0,0,0.4)
}

.link_block{
	border: 1px #155f67 solid;
	border-radius: 10px;
	margin-top: 30px;
	overflow: hidden;
}
	.link_block_title{
		align-items: center;
		background-color: #0b4045;
		border-radius: 10px 10px 0 0;
		color: #fff;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 16px;
		justify-content: flex-start;
		line-height: 20px;
		min-height: 44px;
		padding: 10px 20px;
	}
		.link_block_name{	
			border-right: 1px #fff solid;
			font-weight: 700;
			margin-right: 20px;
			padding-right: 20px;
		}
		.link_block_status{
			align-items: center;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			img{margin-right: 10px;box-shadow:none;}
		}
		.link_block_download{
			align-items: center;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;
			margin-left: auto;
			p{margin-bottom: 0;
			}
			a{
				align-items: center;
				background: #e74c3c;
				color: #fff;
				display: flex;
				flex-direction: row;
				justify-content: center;
				font-size: 12px;
				height: 30px;
				line-height: 16px;
				padding: 0 10px;
				border-bottom: 3px solid #c0392b;
				text-transform: uppercase;
				font-family: "ROBOTO";
				text-align: center;
				text-decoration: none;
				transition: all .3s linear;
				&:hover{background-color: #c0392b;}
			}
		}
	.link_block_content{
		padding: 15px 15px;
		p:not(:last-child){margin-bottom: 10px;}
	}
@media (max-width: 768px){
.link_block_title{font-size: 14px;}
.link_block_download{
	justify-content: flex-start;
	margin: 10px 0 0 auto;
	width: 100%;
}
}

.
.icon-short-story {
	margin-top: -3px;
	box-shadow:none;
}

.side-block-vk{  
	background: url(/templates/stardew/images/vklogin_idle.png) 0 0 / 100% auto no-repeat;
	border: none;
	display: block;
	padding: 20px;
	margin-bottom: 20px;  
	width: 100%;
	
}

.side-block-vk:hover {  
	filter: brightness(1.2);
	transform: scale(1.01);
	}
	
.side-block-reg1{  
	background: url(/templates/stardew/images/sitereg_idle.png) 0 0 / 100% auto no-repeat;
	border: none;
	display: block;
	padding: 20px;
	margin-bottom: 20px;  
	width: 100%;
}

.side-block-reg1:hover {  
	filter: brightness(1.2);
	transform: scale(1.01);
	}

.banner_mods{
    display: flex;
    padding: 5px;
    margin-top: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.side-block-boosty1{  
	background: url(/templates/stardew/images/boosty1_idle.png) 0 0 / auto no-repeat;
	border: none;
	display: block;
	padding: 25px;
	width: 293px;
	margin: 5px;
	opacity: 0.70;
}

.side-block-boosty1:hover {  
	filter: brightness(1.2);
	transform: scale(1.01);
}

.side-block-boostybanner1 {  
    /* Убираем background-image, так как теперь это тег <img> */
    display: block;
    width: 100%;       /* Растягиваем на всю ширину родителя */
    height: auto;      /* Высота подбирается автоматически! Это уберет отступ */
    opacity: 0.80;
    
    /* Добавим плавность анимации */
    transition: transform 0.2s ease, filter 0.2s ease;
}

/* Ховер эффект остается тем же */
.side-block-boostybanner1:hover {  
    filter: brightness(1.1);
    transform: scale(1.01);
}

.side-block-vk1{  
	background: url(/templates/stardew/images/vk1_idle.png) 0 0 / auto no-repeat;
	border: none;
	display: block;
	padding: 25px;
	width: 293px;
	margin: 5px;
	opacity: 0.70;
}
.side-block-vk1:hover {  
	filter: brightness(1.2);
	transform: scale(1.01);
}
	

.side-block-um1{  
	background: url(/templates/stardew/images/umoney_idle.png) 0 0 / auto no-repeat;
	border: none;
	display: block;
	padding: 25px;
	width: 180px;
	margin: 5px;
	opacity: 0.70;
}

.side-block-um1:hover {  
	filter: brightness(1.2);
	transform: scale(1.01);
}
	
.zoom-effect2 {
  transition: transform 0.6s;
}

.zoom-effect2:hover {
  transform: scale(1.05);
}

.link_block_download_yadisk{
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin-left: auto;
	a{
		align-items: center;
		background: #248aff;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #1470d9;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover{background-color: #1e6eca;}
}
}
.link_block_download_gdrive{
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin-left: auto;
	a{
		align-items: center;
		background: #13c35d;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #0e9f4b;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-block-end: 5px;
		&:hover{background-color: #067635;}
	}
}

.link_block_feedupdate{
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-left: auto;
	margin-bottom: 10px;
	a{
		align-items: center;
		background: #c02143;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 14px;
		height: 32px;
		line-height: 13px;
		padding: 0 10px;
		border-bottom: 1px solid #9a1632;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin: auto;
		border-radius: 20px;
        margin-top: 5px;
		&:hover{background-color: #900825;}
		
	}
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding: 14px 10px 16px;
  }
}

@media (max-width: 1200px) {
.short-desc {height: 160px;}
}
@media (max-width: 767px) {
.short{
float: none;
margin: 5px auto 12px;
}
.short-desc {height: auto;}
}

.side-head-user{background: #0b4045;margin: -10px -10px 10px -10px;padding: 10px;color: #fff;text-transform: uppercase;font-family: "ROBOTO";font-size: 13px;text-align: center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}

.center-block-um {
    margin-right: auto;
    margin-left: auto;
    width: 100%;

}

.link_date_1{
    color: #c0392b;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1;
    text-align: center;
    text-shadow: black;
    float: right;
    display: flex;
    flex-direction: row-reverse;
	font-size: 11px;
    font-family: 'Roboto';
	margin-top: -10px;
    margin-right: -5px;
	}
	
.side-block-liveinternet{overflow: hidden;background: #2a7179;border-radius: 10px;padding: 10px;}

.link-div-block{
	align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 9px;
    margin-left: initial;
    margin-top: 10px;
    margin-block-end: 10px;
}
.link-glavnoe{
		align-items: center;
        background: #3fb322;
        color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 12px;
        height: 30px;
        line-height: 16px;
        padding: 0 10px;
        border-bottom: 3px solid #1c6f07;
        text-transform: uppercase;
        font-family: "ROBOTO";
        text-align: center;
        text-decoration: none;
        transition: all .3slinear;
        margin-top: 5px;
        margin-block-end: -10px;
		margin-right: 10px;
}

.link-glavnoe-vk{
		align-items: center;
		background: #248aff;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #1470d9;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover {
            background-color: #1e6eca;
			color: #ffffff;
			outline: 0;
			text-decoration: none;
        }
}

.link-glavnoe-tg{
		align-items: center;
		background: #27a7e7;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #0f7bb1;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover {
            background-color: #0e7bb1;
			color: #ffffff;
			outline: 0;
			text-decoration: none;
        }
}

.link-glavnoe-boosty{
		align-items: center;
		background: #F15F2C;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #cb3e0d;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover {
            background-color: #b93609;
			color: #ffffff;
			outline: 0;
			text-decoration: none;
			}

}
.link-glavnoe-ds{
		align-items: center;
		background: #5865F2;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #3741b5;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover {
            background-color: #2d39bb;
			color: #ffffff;
			outline: 0;
			text-decoration: none;
        }
}

.link-glavnoe-drugoe{
		align-items: center;
		background: #bb49ad;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #8f2f83;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover {
            background-color: #8d087c;
			color: #ffffff;
			outline: 0;
			text-decoration: none;
        }
}

.link-glavnoe-nexus{
		align-items: center;
		background: #d98f40;
		color: #fff;
		display: flex;
		flex-direction: row;
		justify-content: center;
		font-size: 12px;
		height: 30px;
		line-height: 16px;
		padding: 0 10px;
		border-bottom: 3px solid #a56726;
		text-transform: uppercase;
		font-family: "ROBOTO";
		text-align: center;
		text-decoration: none;
		transition: all .3s linear;
		margin-top: 5px;
		margin-block-end: -10px;
		&:hover {
            background-color: #975816;
			color: #ffffff;
			outline: 0;
			text-decoration: none;
        }
		
}

.short2 {
    width: 266px;
    overflow: hidden;
    float: left;
    margin: 5px 2px 2px 4px;
	padding-right: 8px;
}
.img-short2 {
    border: 2px solid #115b63;
    box-shadow: 1px 2px 0px #0e6972;
    border-radius: 15px;
    overflow: hidden;
    height: 140px;
    position: relative;
}
.img-short2:hover .short-icon {
    display: block;
    z-index: 1000;
}
.img-short2:hover {
    box-shadow: 3px 6px 0px #0e6972;
}
.short-icon2 {
    display: none;
    position: absolute;
    top: 5px;
    right: 8px;
    background: rgba(201, 201, 201, 0.4);
    padding: 2px 5px 5px 5px;
    border-radius: 4px;
}
.img-short2 a {
    color: #fff;
    text-transform: uppercase;
    font-family: "ROBOTO";
    font-weight: bold;
    font-size: 13px;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.9);
}
.img-short a:hover {
    color: #fff;
}
.img-short-title2 {
    padding: 30px 10px 10px 10px;
    width: 100%;
    text-align: center;
}

.img-short22 {
	margin-top: 5px;
    height: auto;
    position: relative;
	transition: transform 0.6s ease;
}
.img-short22 a {
    color: #fff;
    font-family: "ROBOTO";
    font-weight: bold;
    font-size: 13px;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.9);
}

.img-short22:hover {
	transform: scale(1.05);
}
.img-short22:hover .short-icon {
    display: block;
    z-index: 1000;
	
}

.side-block-globalmod{  
	background: url(/templates/stardew/images/global1.png) 0 0 / auto no-repeat;
	border: none;
	display: block;
	padding: 23px;
	width: 236px;
	margin: 2px;
	opacity: 1;

}
.side-block-globalmod:hover {  
	background-image: url(/templates/stardew/images/global1idle.png);
	transform: scale(1.05);
	}
	
.side-block-games1{  
	background: url(/templates/stardew/images/games1.png) 0 0 / auto no-repeat;
	border: none;
	display: block;
	padding: 23px;
	width: 320px;
	margin: 2px;
	opacity: 1;

}
.side-block-games1:hover {  
	background-image: url(/templates/stardew/images/games1idle.png);
	transform: scale(1.05);
	}

.side-block-sborki1{  
	background: url(/templates/stardew/images/sborki1.png) 0 0 / auto no-repeat;
	border: none;
	display: block;
	padding: 23px;
	width: 320px;
	margin: 2px;
	opacity: 1;

}
.side-block-sborki1:hover {  
	background-image: url(/templates/stardew/images/sborki1idle.png);
	transform: scale(1.05);
	}
	
	/* --- new бегущая строка --- */
.news_ticker body {line-height: 20px;}
.news_ticker td {line-height: 20px;}
.news_ticker {margin-left: 20px; color: #FFFFFF; font-family: 'Roboto Condensed', sans-serif; font-size: 14px;}

.alertfull {
  padding: 15px;
  margin-bottom: -20px;
  margin-top: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.link_block_torrents{
	background: #0fa312;
	&:hover{background-color: #c0392b;}
			}
			
.side-blockcomm{
	overflow: hidden;
	background: #155f67;
	border-radius: 15px;
	padding: 2px;
	margin-top: 4px;
		}
		
.img-trans1 {
	transition: transform 0.8s ease;
}

.img-trans1:hover {
	transform: scale(1.02);
}

.full-news-head2{    position: relative;
    display: block;
    overflow: hidden;
    background: #0b4045;
    width: 100%;
    padding: 15px 12px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-family: "PT Sans";
    font-weight: 600;
    font-size: 14px;
    margin-top: -15px;}
.full-news-head2 span{display: block;float: left;margin-right: 30px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.full-news-head2 > .label{position: absolute;right: 10px;top: 12px;padding: 5px;}

.click_counter{
	color: #e0ff99;
	margin-top: 3px;
	margin-left: 3px;
}

.random-link {background-color:#1d1d27; color:#ccc; display:block; line-height:40px; text-align:center;
border-radius:3px; margin:0 15px;}
.random-link:hover {background-color:#00a0b0; color:#FFF;}

/* Стили для плашки "Обновлено" */
.newsupd1 {
    position: absolute; /* Абсолютное позиционирование */
    top: 110px;          /* Отступ сверху */
    right: 0px;        /* Отступ справа */
    
    /* Полупрозрачный черный фон (0.6 = 60% непрозрачности) */
    background-color: rgba(0, 0, 0, 0.6); 
    
    color: #ffffff;     /* Белый текст */
    padding: 4px 8px;   /* Внутренние отступы */
    border-radius: 6px 0 0 6px;  /* Скругление углов плашки */
    
    font-family: sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase; /* Если нужно капсом, как иногда бывает */
    z-index: 10;        /* Гарантирует, что надпись будет ПОВЕРХ картинки */
    pointer-events: none; /* Чтобы клик по надписи проходил сквозь неё на картинку/ссылку */
}



/* --- Стилизация блока поиска в сайдбаре --- */
.search-block-custom .side-head {
    margin: 0 0 10px 0;
    border-radius: 12px 12px 0 0;
}

.side-search-body {
    padding: 0 10px 12px 10px;
    position: relative;
}

.search-wrapper {
    position: relative;
}

/* Инпут поиска */
.search-input {
    width: 100%;
    height: 40px;
    line-height: normal; /* Центрируем текст */
    box-sizing: border-box; /* Чтобы паддинги не ломали высоту */
    background: #092b2f; 
    border: 1px solid #1c5257;
    border-radius: 6px;
    padding: 0 40px 0 15px; 
    color: #fff; 
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
}

.search-input::placeholder {
    color: #5a858a;
}

.search-input:focus {
    border-color: #1ABC9C;
    background: #062225;
    box-shadow: 0 0 8px rgba(26, 188, 156, 0.2);
    outline: none; /* Убираем стандартную обводку браузера */
}

/* Кнопка с лупой */
.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.search-btn svg path {
    stroke: #5a858a;
    transition: stroke 0.3s;
}

.search-btn:hover svg path {
    stroke: #1ABC9C;
}

/* --- Выпадающий список AJAX (Вид "Карточки") --- */

/* Главный контейнер делаем невидимым, чтобы карточки "висели" отдельно */
#searchsuggestions {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 99999 !important;
    width: 320px !important; /* Ширина списка */
}

/* Карточка отдельного мода (ссылка) */
#searchsuggestions a {
    display: block !important;
    background: #ffffff !important; /* Белый фон для текста описания */
    color: #333333 !important; /* Темно-серый текст для читаемости */
    padding: 12px !important; /* Внутренние отступы текста */
    margin-bottom: 12px !important; /* СПЕЙСИНГ между модами */
    border-radius: 8px !important; /* Скругление углов карточки */
    border: 2px solid #155f67 !important; /* Рамка вокруг карточки */
    box-shadow: 0 6px 15px rgba(0,0,0,0.5) !important;
    text-decoration: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow: hidden !important; /* Чтобы темная шапка не вылезала за скругления */
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

/* Эффект при наведении на карточку */
#searchsuggestions a:hover {
    transform: translateY(-2px) !important; /* Карточка слегка приподнимается */
    border-color: #1ABC9C !important; /* Рамка подсвечивается */
}

/* ЗАГОЛОВОК МОДА */
#searchsuggestions span.searchheading {
    display: block !important;
    margin: -12px -12px 8px -12px !important; /* Растягиваем шапку до краев карточки */
    padding: 10px 12px !important;
    background: #0b4045 !important; /* Твой фирменный темный фон для шапки */
    color: #1ABC9C !important; /* Яркий бирюзовый цвет названия */
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #155f67 !important; /* Полоска под заголовком */
}

/* Скрываем системные разделители DLE */
#searchsuggestions span.seperator {
    display: none !important;
}

/* Нижняя кнопка "Расширенный поиск" */
#searchsuggestions .break {
    display: block !important;
    background: #0b4045 !important;
    color: #1ABC9C !important;
    padding: 12px !important;
    text-align: center !important;
    border-radius: 8px !important;
    border: 2px solid #155f67 !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.5) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#searchsuggestions .break:hover {
    background: #155f67 !important;
    color: #fff !important;
    border-color: #1ABC9C !important;
}

/* =========================================
   ОБНОВЛЕННЫЙ САЙДБАР (Кнопки, Меню, Юзеры)
   ========================================= */

/* --- 1. ОДИНОЧНЫЕ КНОПКИ --- */
.side-action-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.side-action-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: #155f67 !important;
    color: #fff !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 1px solid #1c5257 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 4px 6px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}
.side-action-btn:hover {
    background: #1ABC9C !important;
    border-color: #1ABC9C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(26, 188, 156, 0.3) !important;
    color: #fff !important;
}

/* --- 2. КАТЕГОРИИ (2 Колонки - Плиткой) --- */
/* Используем float вместо grid, чтобы не ломать JS аккордеона! */
#accordian ul.two-columns {
    padding: 5px 10px 10px 10px !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: hidden; /* Очистка после float */
}
#accordian ul.two-columns li {
    width: calc(50% - 4px); /* Ровно половина ширины */
    float: left;
    margin: 2px;
    border-bottom: none !important;
}
#accordian ul.two-columns li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 5px !important;
    font-size: 13px !important;
    color: #b9d7da !important;
    background: rgba(0,0,0,0.2) !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box;
    height: 100%;
}
#accordian ul.two-columns li:hover a {
    color: #fff !important;
    background: #1ABC9C !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

/* --- 3. ИНФОРМАЦИЯ (1 Колонка - Классика) --- */
#accordian ul.one-column {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
#accordian ul.one-column li {
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    float: none;
    width: 100%;
}
#accordian ul.one-column li a {
    display: block !important;
    text-align: left !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    color: #b9d7da !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
}
#accordian ul.one-column li:hover a {
    color: #1ABC9C !important;
    background: rgba(0,0,0,0.15) !important;
    padding-left: 20px !important;
    text-decoration: none !important;
}

/* --- 4. ПОПУЛЯРНЫЕ ПОЛЬЗОВАТЕЛИ (Улучшенный дизайн) --- */
ul.user-top-list {
    padding: 5px 10px 10px 10px !important;
    display: block;
    margin: 0;
    list-style: none !important;
}

ul.user-top-list li {
    display: block !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    width: 100%;
    float: none;
    margin-bottom: 2px;
}

ul.user-top-list li:last-child {
    border-bottom: none !important;
}

/* Обертка (строка) */
ul.user-top-list .ut-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
}

/* Легкая подсветка всей строки при наведении мыши в ее зону */
ul.user-top-list .ut-item:hover {
    background: rgba(0, 0, 0, 0.15) !important;
}

/* --- Стили для Никнейма --- */
ul.user-top-list .ut-name {
    font-weight: 500;
    color: #b9d7da !important;
    font-size: 14px !important;
    text-decoration: none !important;
    flex-grow: 1; /* Позволяет нику занимать всё свободное место до кнопки */
    text-align: left !important; /* <--- ПРИЖИМАЕМ ТЕКСТ ВЛЕВО */
    transition: all 0.2s ease !important;
    padding-right: 15px; 
}

/* Наведение ТОЛЬКО на Никнейм */
ul.user-top-list .ut-name:hover {
    color: #1ABC9C !important;
    padding-left: 6px !important; /* Легкий сдвиг вправо */
    text-shadow: 0 0 8px rgba(26, 188, 156, 0.3);
}

/* --- Стили для Счетчика (Кнопка) --- */
ul.user-top-list .ut-count {
    font-size: 11px;
    color: #8baeb3 !important;
    background: #0b4045 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    /* Плавная пружинящая анимация */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Наведение ТОЛЬКО на Счетчик */
ul.user-top-list .ut-count:hover {
    background: #1ABC9C !important; /* Яркий цвет */
    color: #ffffff !important;
    transform: scale(1.1); /* Легкое увеличение */
    box-shadow: 0 4px 8px rgba(26, 188, 156, 0.4) !important;
}

/* --- Заголовок колонок (Пользователь / Новостей) --- */
ul.user-top-list .ut-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 12px 10px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 5px !important;
    pointer-events: none; /* Чтобы шапка не реагировала на мышь */
}

ul.user-top-list .ut-h-name {
    font-size: 10px !important;
    text-transform: uppercase !important;
    color: #6a9599 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-align: left !important; /* <--- ПРИЖИМАЕМ ШАПКУ ВЛЕВО */
    flex-grow: 1; /* Добавляем, чтобы шапка тоже корректно делила пространство */
}
ul.user-top-list .ut-h-count {
    font-size: 10px !important;
    text-transform: uppercase !important;
    color: #6a9599 !important; /* Приглушенный цвет в тон меню */
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

ul.user-top-list .ut-h-count {
    text-align: right;
    padding-right: 5px; /* Легкое выравнивание, чтобы текст был ровно над кнопками */
}


/* --- 5. УЮТНЫЙ БЛОК СЕРВЕРОВ (Восстановлено) --- */
.cozy-server-block {
    background: #0f4c52 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.1) !important;
}
.cozy-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #155f67 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    border: 1px solid #1c5257 !important;
	margin-top: 7px;
}
.cozy-icon {
    font-size: 20px !important;
}
.cozy-text {
    font-size: 12px !important;
    color: #b9d7da !important;
    line-height: 1.4 !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: left !important;
}
.cozy-highlight {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #1ABC9C !important;
}
.cozy-counters {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 15px !important;
    padding-top: 10px !important;
    border-top: 1px dashed #1c5257 !important;
}

/* --- КНОПКИ АВТОРИЗАЦИИ В САЙДБАРЕ --- */
.sidebar-auth-group {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.side-auth-btn {
    flex: 1; /* Кнопки занимают по 50% ширины */
    display: flex;
    flex-direction: column; /* Иконка над текстом */
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 5px;
    border-radius: 8px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 4px 6px rgba(0,0,0,0.2);
}

/* Стили кнопки ВХОД */
.side-login {
    background: #155f67;
    border: 1px solid #1c5257;
}

.side-login:hover {
    background: #1ABC9C;
    border-color: #1ABC9C;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(26, 188, 156, 0.3);
}

/* Стили кнопки РЕГИСТРАЦИЯ (Оранжевая/Красная для привлечения внимания) */
.side-register {
    background: #e74c3c;
    border: 1px solid #c0392b;
}

.side-register:hover {
    background: #c0392b;
    border-color: #962d22;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(231, 76, 60, 0.3);
}

/* --- МОДАЛЬНОЕ ОКНО ВХОДА --- */
.login-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Темный фон затенения */
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px); /* Эффект размытия фона */
}

.login-modal-box {
    background: #0f4c52;
    width: 90%;
    max-width: 350px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    border: 1px solid #1c5257;
    overflow: hidden;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.login-modal-head {
    background: #0b4045;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #1c5257;
}

.login-close {
    cursor: pointer;
    font-size: 18px;
    color: #8baeb3;
    transition: color 0.2s;
}
.login-close:hover { color: #fff; }

.login-modal-box form {
    padding: 20px;
}

.login-input-group {
    margin-bottom: 15px;
}

.login-input-group input {
    width: 100%;
    padding: 12px;
    background: #155f67;
    border: 1px solid #1c5257;
    border-radius: 8px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    outline: none;
    box-sizing: border-box;
    transition: border 0.2s;
}

.login-input-group input:focus {
    border-color: #1ABC9C;
}

.login-input-group input::placeholder {
    color: #8baeb3;
}

.login-submit-btn {
    width: 100%;
    background: #1ABC9C;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
}

.login-submit-btn:hover {
    background: #16a085;
}

.login-footer-links {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.login-footer-links a {
    color: #8baeb3;
    text-decoration: none;
}
.login-footer-links a:hover {
    color: #fff;
    text-decoration: underline;
}

/* --- ШАПКА КАРУСЕЛЕЙ (Стиль как у сайдбара) --- */
.carousel-header-custom {
    background: #0b4045;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 15px; 
    border: 1px solid #1c5257;
}

.carousel-header-custom a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    display: block;
    transition: color 0.2s;
}

.carousel-header-custom a:hover {
    color: #1ABC9C;
}

/* --- ОБЕЗВРЕЖИВАЕМ ЖЕСТКИЕ СТИЛИ .short2 --- */
/* Заставляем блоки слушаться Сову-карусель, а не старый CSS */
.slider-custom .short2 {
    width: 100% !important; 
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}


/* --- СТРЕЛОЧКИ ПОВЕРХ КАРТИНОК --- */
.slider-custom {
    position: relative;
}

.slider-custom .owl-nav {
    position: absolute;
    /* Твоя картинка высотой 140px. 70px - это её ровный центр! */
    top: 40px; 
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none; /* Чтобы клик по картинке работал сквозь контейнер стрелок */
}

.slider-custom .owl-nav button.owl-prev,
.slider-custom .owl-nav button.owl-next {
    position: absolute;
    pointer-events: auto;
    background: rgb(21 95 103) !important;
    color: #fff !important;
    border: 1px solid #1c5257 !important;
    width: 30px;
    height: 30px;
    border-radius: 20% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Раздвигаем стрелочки немного за края */
.slider-custom .owl-nav button.owl-prev { left: -15px; }
.slider-custom .owl-nav button.owl-next { right: -15px; }

.slider-custom .owl-nav button:hover {
    background: #1ABC9C !important;
    border-color: #1ABC9C !important;
    transform: scale(1.1);
}

.slider-custom .owl-nav button:focus {
    outline: none;
}

/* Защита картинок карусели от сплющивания при растягивании */
.slider-custom .img-short2 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
}

/* --- ПЛАВАЮЩАЯ КНОПКА МЕНЮ ДЛЯ МОБИЛОК --- */
.mobile-menu-btn {
    position: fixed !important;
    bottom: 30px !important;    /* Отступ снизу */
    right: 20px !important;     /* Отступ справа */
    z-index: 9999 !important;   /* Всегда поверх сайта */
    
    background: #1aa1bc !important; /* Фирменный бирюзовый цвет */
    width: 50px !important;
    height: 50px !important;
    border-radius: 20% !important;  /* Идеальный круг */
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    border: 2px solid #1c5257 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important; /* Глубокая тень */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Анимация при нажатии */
.mobile-menu-btn:active {
    transform: scale(0.9) !important; 
}

/* Красим иконку внутри кнопки в белый */
.mobile-menu-btn svg, 
.mobile-menu-btn i, 
.mobile-menu-btn span {
    font-size: 24px !important;
    color: #fff !important;
    fill: #fff !important;
}

/* Прячем эту кнопку на компьютерах и широких планшетах */
@media (min-width: 992px) {
    .mobile-menu-btn {
        display: none !important;
    }
}


/* --- COOKIE УВЕДОМЛЕНИЕ --- */
.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 700px;
    background: #0b4045; /* Под цвет блоков на твоем сайте */
    border: 1px solid rgba(26, 188, 156, 0.3);
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    z-index: 9999; /* Чтобы всегда было поверх всего */
    opacity: 0;
    transition: opacity 0.5s ease;
}

.cookie-banner.show {
    opacity: 1;
}

.cookie-text {
    color: #b9d7da;
    font-size: 13px;
    line-height: 1.5;
    padding-right: 20px;
}

.cookie-text a {
    color: #1ABC9C;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.cookie-text a:hover {
    color: #fff;
}

.cookie-btn {
    background: #1ABC9C;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap; /* Чтобы текст на кнопке не переносился */
    box-shadow: 0 4px 10px rgba(26, 188, 156, 0.2);
}

.cookie-btn:hover {
    background: #159c80;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(26, 188, 156, 0.5);
}

/* Адаптация для мобильных устройств */
@media (max-width: 500px) {
    .cookie-banner {
        flex-direction: column;
        text-align: center;
        bottom: 10px;
        padding: 15px;
    }
    .cookie-text {
        padding-right: 0;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .cookie-btn {
        width: 100%; /* Кнопка во всю ширину на телефоне */
    }
}

/* --- МОДАЛЬНОЕ ОКНО (Бронированные стили) --- */
.privacy-popup-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important; 
    height: 100vh !important; 
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(3px) !important;
    z-index: 100000 !important; 
    /* Строчку display: flex !important; мы УДАЛИЛИ отсюда */
    justify-content: center !important; 
    align-items: center !important; 
    opacity: 0;
    transition: opacity 0.3s ease !important;
}

.privacy-popup-overlay.show {
    opacity: 1;
}

.privacy-popup-content {
    background: #0b4045 !important;
    border: 1px solid rgba(26, 188, 156, 0.3) !important;
    border-radius: 8px !important;
    width: 90% !important;
    max-width: 650px !important;
    max-height: 85vh !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6) !important;
    position: relative !important;
    margin: auto !important; /* Гарантированное отталкивание от краев экрана */
    display: flex !important;
    flex-direction: column !important;
    transform: translateY(-20px) scale(0.95);
    transition: transform 0.3s ease !important;
}

.privacy-popup-overlay.show .privacy-popup-content {
    transform: translateY(0) scale(1);
}

.privacy-popup-close {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #8baeb3 !important;
    cursor: pointer !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.privacy-popup-close:hover {
    color: #1ABC9C !important;
    transform: rotate(90deg) !important;
}

.privacy-popup-title {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 20px 20px 15px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    text-align: left !important;
}

.privacy-popup-body {
    padding: 20px !important;
    overflow-y: auto !important;
    color: #b9d7da !important;
    text-align: left !important;
}

/* Стилизация скроллбара внутри модалки */
.privacy-popup-body::-webkit-scrollbar { width: 6px; }
.privacy-popup-body::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); border-radius: 4px; }
.privacy-popup-body::-webkit-scrollbar-thumb { background: #1ABC9C; border-radius: 4px; }

.privacy-popup-body h3 {
    color: #1ABC9C !important;
    font-size: 14px !important;
    margin: 15px 0 8px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.privacy-popup-body h3:first-child {
    margin-top: 0 !important;
}

.privacy-popup-body p, 
.privacy-popup-body ul {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
}

.privacy-popup-body ul {
    padding-left: 20px !important;
}

.privacy-popup-body ul li {
    margin-bottom: 6px !important;
}


/* =========================================
   НОВЫЙ ДИЗАЙН ХЕДЕРА И МЕНЮ
   ========================================= */

/* Основной фон навигации */
.navbar-custom {
    background-color: #0b4045 !important;
    border: 1px solid #1c5257 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* Ссылки в главном меню */
.navbar-custom .navbar-nav > li > a {
    color: #b9d7da !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    padding: 15px 12px !important;
    transition: all 0.3s ease !important;
}

/* Эффект наведения и активный пункт */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li.open > a,
.navbar-custom .navbar-nav > .active > a {
    color: #fff !important;
    background-color: #155f67 !important; /* Цвет как у блоков в сайдбаре */
}

/* Общий стиль всех выпадающих окон */
    .navbar-custom .dropdown-menu {
        /* УДАЛИЛИ: width: 100% !important; */
        min-width: 280px !important; /* Укажи комфортную фиксированную ширину */
        max-width: 95vw !important;  /* Чтобы не вылезало за экран на узких телефонах */
        background-color: #0f4c52 !important; 
        border: 1px solid #1c5257 !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
        padding: 0 !important;
        margin-top: 5px !important;
        z-index: 1000 !important;
        right: 0 !important; /* Прижимаем к правому краю */
        left: auto !important; /* Отменяем левое позиционирование */
}

/* Ссылки внутри выпадающих окон */
.navbar-custom .dropdown-menu > li > a {
    color: #b9d7da !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    padding: 8px 15px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

/* Наведение на ссылки внутри списков */
.navbar-custom .dropdown-menu > li > a:hover {
    background-color: #1ABC9C !important;
    color: #fff !important;
    padding-left: 20px !important; /* Красивый сдвиг, как в сайдбаре */
}

/* Полоски-разделители */
.navbar-custom .dropdown-menu .divider {
    background-color: rgba(255,255,255,0.05) !important;
    margin: 8px 0 !important;
}

/* Кнопка-бургер на мобильных (Цвет) */
.navbar-custom .navbar-toggle {
    border-color: #1c5257 !important;
}
.navbar-custom .navbar-toggle:hover, 
.navbar-custom .navbar-toggle:focus {
    background-color: #155f67 !important;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #1ABC9C !important;
}

/* --- МЕГА-МЕНЮ ДЛЯ КАТЕГОРИЙ (Только для ПК) --- */
@media (min-width: 992px) {
    /* Делаем из длинного списка Grid-сетку на 2 колонки */
    .navbar-custom .open > .mega-dropdown {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 480px !important; /* Широкое окно */
        gap: 2px 10px;
    }
    
    .mega-dropdown > li.divider {
        grid-column: 1 / -1; /* Разделитель на всю ширину */
    }
}

/* Прячем лишние разделители на телефонах */
@media (max-width: 991px) {
    .hidden-mobile {
        display: none !important;
    }
    
    /* Убираем рамки у мобильного меню внутри */
    .navbar-custom .navbar-collapse {
        border-color: #1c5257 !important;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu {
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }
}

/* =========================================
   ФИКС БАГОВ ХЕДЕРА (Планшеты и Мобилки)
   ========================================= */

/* 1. Отключаем "наползание" при наведении (убиваем scale в шапке) */
.navbar-custom .navbar-nav > li > a {
    transform: none !important; /* Жестко отключаем зум */
}

/* 2. Фикс Мега-меню для ПК и Планшетов (чтобы не уезжало за экран) */
@media (min-width: 992px) {
    .navbar-custom .open > .mega-dropdown {
        right: 0 !important;      /* Выравниваем окно по ПРАВОМУ краю кнопки */
        left: auto !important;    /* Отменяем левое выравнивание */
        width: 480px !important;
        max-width: 95vw !important; /* Защита: окно не будет шире экрана */
    }
}

/* 3. Железобетонный фикс мобильного меню (Планшеты и телефоны) */
@media (max-width: 991px) {
    /* Убираем кривые отступы Bootstrap */
    .navbar-custom .navbar-nav {
        margin: 0 !important; 
    }
    
    /* Настраиваем выпадающее окно: ВЕРНУЛИ ФОН И РАМКИ */
    .navbar-custom .dropdown-menu,
    .navbar-custom .navbar-nav .open .dropdown-menu {
        min-width: 100% !important;
        box-sizing: border-box !important;
        background-color: #0f4c52 !important; /* Возвращаем темный фон */
        border: 1px solid #1c5257 !important; /* Возвращаем аккуратную рамку */
        box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; /* Возвращаем тень */
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 5px !important;
        z-index: 1000 !important;
    }
    
    /* Разрешаем длинному тексту переноситься на новую строку */
    .navbar-custom .dropdown-menu > li > a {
        white-space: normal !important; 
        word-wrap: break-word !important;
    }
    
    .hidden-mobile {
        display: none !important;
    }
}


/* =========================================
   ПРОФИЛЬ И АВТОРИЗАЦИЯ В ШАПКЕ
   ========================================= */

/* Общие настройки контейнеров */
.custom-profile-menu, 
.custom-login-menu {
    padding: 0 !important;
    overflow: hidden;
}

/* На ПК задаем фиксированную ширину, чтобы меню не схлопывалось */
@media (min-width: 992px) {
    .custom-profile-menu { width: 320px !important; }
    .custom-login-menu { width: 280px !important; }
}

/* --- ОКНО АВТОРИЗОВАННОГО ПОЛЬЗОВАТЕЛЯ --- */
.cp-header {
    position: relative;
    background: #1B2732 url("../images/bg-profile.png") no-repeat center center;
    background-size: cover;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: inset 0px -10px 20px -10px rgba(0,0,0,0.7);
}

.cp-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

.cp-info {
    flex-grow: 1;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

.cp-name {
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.cp-group {
    font-size: 11px;
    color: #b9d7da;
    text-transform: uppercase;
}

/* Панель иконок справа на фоне */
.cp-actions {
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,0.5);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    justify-content: center;
    padding: 0 10px;
    gap: 12px;
}

.cp-actions a {
    color: #fff !important;
    font-size: 14px;
    opacity: 0.7;
    padding: 0 !important;
    background: transparent !important;
}
.cp-actions a:hover { opacity: 1; transform: scale(1.1); }

/* Кнопки под профилем */
.cp-body {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #0f4c52;
}

.cp-btn {
    flex: 1 1 calc(50% - 5px); /* По 2 кнопки в ряд */
    background: #155f67 !important;
    color: #fff !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    text-align: center;
    border: 1px solid #1c5257;
    transition: all 0.2s ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.cp-btn:hover {
    background: #1ABC9C !important;
    text-decoration: none !important;
}

.cp-btn .badge {
    background-color: #0b4045;
    font-size: 11px;
}

.cp-btn-admin {
    flex: 1 1 100%; /* Админка на всю ширину */
    background: #c0392b !important;
    border-color: #962d22 !important;
}
.cp-btn-admin:hover { background: #e74c3c !important; }


/* --- ОКНО ВХОДА (ГОСТЬ) --- */
.custom-login-menu form {
    padding: 15px;
    background: #0f4c52;
}

.cl-inputs input {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #1c5257;
    background: #155f67;
    color: #fff;
    outline: none;
    box-sizing: border-box;
}
.cl-inputs input::placeholder { color: #8baeb3; }
.cl-inputs input:focus { border-color: #1ABC9C; }

.cl-social {
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
    justify-content: center;
}
.cl-social img { width: 24px; height: 24px; border-radius: 4px; transition: transform 0.2s; }
.cl-social img:hover { transform: scale(1.1); }

.cl-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cl-links {
    display: flex;
    gap: 10px;
}

.cl-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #155f67;
    border: 1px solid #1c5257;
    border-radius: 6px;
    color: #fff !important;
    padding: 0 !important;
    transition: background 0.2s;
}
.cl-links a:hover { background: #1ABC9C; }

.cl-submit-btn {
    background: #1ABC9C;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
}
.cl-submit-btn:hover { background: #16a085; }

/* --- ФИКС ДЛЯ ПЛАНШЕТОВ И ПК --- */
@media (min-width: 768px) {
    .custom-profile-menu { width: 340px !important; }
}

/* Принудительно задаем фон для ВСЕХ устройств */
.navbar-custom .dropdown-menu {
    background-color: #0f4c52 !important; 
    border: 1px solid #1c5257 !important;
}

/* Фикс для кнопок в профиле */
.cp-body {
    padding: 15px;
    display: grid; /* Используем Grid для идеальной сетки */
    grid-template-columns: 1fr 1fr; /* Ровно 2 кнопки в ряд */
    gap: 8px;
    background: #0f4c52;
}

/* Кнопки теперь 100% ширины внутри своей ячейки грида */
.cp-btn {
    background: #155f67 !important;
    color: #fff !important;
    padding: 10px 5px !important;
    border-radius: 6px !important;
    font-size: 11px !important; /* Чуть уменьшил, чтобы влазил текст */
    text-align: center;
    border: 1px solid #1c5257;
    transition: all 0.2s ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-decoration: none !important;
}

.cp-btn:hover { background: #1ABC9C !important; }

/* Админка и Выход - особые цвета */
.cp-btn-admin { grid-column: span 2; background: #c0392b !important; }
.cp-btn-admin:hover { background: #e74c3c !important; }

.cp-btn-logout { background: #2c3e50 !important; }
.cp-btn-logout:hover { background: #34495e !important; }

/* Убираем "комкование" на планшетах - запрещаем перенос элементов хедера */
@media (max-width: 991px) and (min-width: 768px) {
    .navbar-custom .navbar-collapse {
        display: flex !important;
        width: auto !important;
        border-top: 0 !important;
        box-shadow: none !important;
    }
    .navbar-custom .navbar-nav {
        float: right !important;
    }
}

/* --- ФИКС ШИРИНЫ И ОТОБРАЖЕНИЯ МЕНЮ --- */
.navbar-custom .dropdown-menu.custom-profile-menu {
    width: 320px !important;      /* Жестко задаем ширину */
    min-width: 320px !important;  /* Чтобы не схлопывалось */
    right: 0 !important;          /* Прижимаем к правому краю */
    left: auto !important;        /* Отключаем левое позиционирование */
    padding: 0 !important;        /* Убираем лишние отступы */
}

/* Шапка профиля */
.cp-header {
    width: 100%;
    box-sizing: border-box; /* Чтобы padding не ломал ширину */
    position: relative;
    background: #1B2732 url("../images/bg-profile.png") no-repeat center center;
    background-size: cover;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Аватарка */
.cp-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    object-fit: cover; /* Чтобы картинка не деформировалась */
}

/* Сетка кнопок в меню */
.cp-body {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    background: #0f4c52;
}

/* --- ФИКС МОБИЛЬНОГО МЕНЮ (Убираем скролл) --- */
@media (max-width: 991px) {
    /* Раскрываем блок на всю доступную высоту */
    .navbar-collapse {
        max-height: 85vh !important; /* Не выше 85% экрана */
        overflow-y: auto !important; /* Скролл только внутри меню, а не всей страницы */
        background: #0b4045;
        border-top: 1px solid #1c5257 !important;
    }
    
    /* Убираем лишние отступы Bootstrap, которые создают горизонтальную полосу */
    .navbar-nav {
        margin: 0 !important;
        float: none !important;
    }
    
    .navbar-nav > li {
        float: none !important;
    }
}

/* --- СМЕЩЕНИЕ КНОПОК ХЕДЕРА НА ПЛАНШЕТАХ --- */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse .navbar-nav {
        display: flex !important;
        justify-content: flex-end !important; /* Прижимаем всё меню вправо */
        float: none !important;
        width: 100% !important;
    }
    
    /* Чтобы логотип не конфликтовал с меню */
    .navbar-header {
        float: left !important;
    }
}

/* --- ФИКС ДЛЯ ПЛАНШЕТОВ (768px - 991px) --- */
@media (min-width: 768px) and (max-width: 991px) {
    /* Отключаем float, переходим на Flexbox для управления меню */
    .navbar-custom .navbar-collapse {
        display: flex !important;
        justify-content: flex-end; /* Все пункты вправо */
        padding: 0 !important;
    }

    .navbar-custom .navbar-nav {
        display: flex !important;
        flex-direction: row;
        margin: 0 !important;
        float: none !important;
        width: auto !important;
    }

    /* Уменьшаем шрифт и отступы пунктов меню специально для планшетов */
    .navbar-custom .navbar-nav > li > a {
        font-size: 11px !important;    /* Чуть меньше шрифт */
        padding: 17px 6px !important;  /* Меньше отступы слева/справа */
        letter-spacing: -0.2px;        /* Немного сжимаем буквы */
    }

    /* Чтобы логотип не терялся */
    .navbar-brand {
        padding: 10px 5px !important;
    }
    .navbar-brand img {
        max-height: 40px !important;
        width: auto !important;
    }
}

/* --- СТИЛИ ГРУПП (ПЛАШКИ) --- */

/* Базовый стиль для всех плашек */
[class^="group-"] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px; /* Чуть меньше для аккуратности */
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid rgba(0,0,0,0.2);
}

/* 1. Фермер (Природный зеленый) */
.group-farmer { 
    background: rgba(139, 195, 74, 0.2); 
    color: #558b2f; 
    border-color: rgba(139, 195, 74, 0.4); 
}

/* 2. Шахтер (Серый стальной) */
.group-miner { 
    background: rgba(176, 190, 197, 0.2); 
    color: #546e7a; 
    border-color: rgba(176, 190, 197, 0.4); 
}

/* 3. Помощник Мэра (Небесный) */
.group-helper { 
    background: rgba(79, 195, 247, 0.2); 
    color: #0288d1; 
    border-color: rgba(79, 195, 247, 0.4); 
}

/* 4. Мэр (Золото, но спокойное, не анимированное) */
.group-mayor { 
    background: rgba(255, 215, 0, 0.2); 
    color: #b8860b; 
    border-color: rgba(218, 165, 32, 0.4); 
}

/* МЕЦЕНАТ: Золотая плашка */
.group-mecenat {
    background: linear-gradient(135deg, #f5c142 0%, #ffdb58 50%, #f5c142 100%);
    color: #000 !important; /* Черный текст на золоте */
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 800;
    text-shadow: none !important;
    border: 1px solid #b8860b;
    box-shadow: inset 0 0 5px rgba(255,255,255,0.5);
    display: inline-block;
    animation: gold-pulse 2s infinite;
}

@keyframes gold-pulse {
    0% { box-shadow: 0 0 0px #f5c142; }
    50% { box-shadow: 0 0 8px #f5c142; }
    100% { box-shadow: 0 0 0px #f5c142; }
}

@keyframes shine {
    to { background-position: 200% center; }
}


/* =========================================================
   СТИЛИ КОММЕНТАРИЕВ (ФИНАЛЬНАЯ СВЕТЛАЯ ВЕРСИЯ)
   ========================================================= */

/* --- 1. Сброс старых отступов DLE --- */
.full-comment { padding: 10px 0 !important; background: transparent !important; }
ol.comments-tree-list, ul.comments-tree-list, .commentss { padding: 0 !important; margin: 0 !important; list-style: none !important; }

/* Отступ ТОЛЬКО у ответов */
li > ol.comments-tree-list, li > ul.comments-tree-list { margin-left: 35px !important; }

/* --- 2. Карточка комментария --- */
.custom-comment-item {
    display: flex !important;
    gap: 12px !important;
    padding: 15px !important; /* Уменьшили отступы внутри */
    margin-bottom: 12px !important;
    background: #f2f8f8 !important; 
    border: 1px solid #dceaea !important;
    border-radius: 8px !important;
    position: relative !important;
    text-align: left !important;
}

/* Оформление ответов */
li > ol.comments-tree-list .custom-comment-item, 
li > ul.comments-tree-list .custom-comment-item {
    border-left: 3px solid #1ABC9C !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #eaf3f3 !important;
}

/* --- 3. Аватар и Статус --- */
.cc-avatar-box { flex-shrink: 0 !important; width: 45px !important; height: 45px !important; position: relative !important; margin: 0 !important; }
.cc-avatar-box img { width: 45px !important; height: 45px !important; border-radius: 8px !important; object-fit: cover !important; background: #dceaea !important; }

.cc-status-online, .cc-status-offline {
    position: absolute !important; bottom: -3px !important; right: -3px !important;
    width: 12px !important; height: 12px !important; border-radius: 50% !important;
    border: 2px solid #f2f8f8 !important; z-index: 5 !important;
}
.cc-status-online { background-color: #4CAF50 !important; }
.cc-status-offline { background-color: #9E9E9E !important; }

/* --- 4. Контент и Шапка --- */
.cc-content-box { flex-grow: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; }

.cc-header {
    display: flex !important; align-items: center !important;
    margin-bottom: 8px !important;
    padding-right: 50px !important; /* Отступ справа, чтобы текст не наезжал на лайки */
}

.cc-meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }
.cc-author { color: #0f7562 !important; font-weight: 700 !important; font-size: 14px !important; }
.cc-date { color: #7b9fa3 !important; font-size: 11px !important; }
.cc-dot { color: #b2c9cb !important; font-size: 10px !important; }

.cc-text {
    color: #2c3e40 !important; font-size: 14px !important; line-height: 1.5 !important;
    margin-bottom: 12px !important; word-wrap: break-word !important;
}

/* --- 5. ЖЕСТКАЯ ФИКСАЦИЯ ЛАЙКОВ (Правый верхний угол) --- */
.cc-rating-absolute {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: #fff !important; /* Белая плашка для выделения */
    padding: 2px 8px !important;
    border-radius: 15px !important;
    border: 1px solid #dceaea !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    z-index: 10 !important;
}
.cc-rating-absolute ul.reset { display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; }
.cc-rating-absolute li { list-style: none !important; margin: 0 !important; font-size: 12px !important; color: #6a9599 !important; font-weight: 600 !important; }

/* --- 6. Выделенная ПОДПИСЬ --- */
.cc-signature {
    margin-top: 10px !important;
    padding: 8px 12px !important;
    background: rgba(140, 118, 70, 0.05) !important; /* Легкий желтоватый фон */
    border-left: 2px solid #c8a966 !important;
    border-radius: 0 4px 4px 0 !important;
    color: #8c7646 !important;
    font-size: 12px !important;
}
.cc-sig-title {
    font-size: 9px !important; text-transform: uppercase !important; color: #bfa87a !important;
    font-weight: 700 !important; margin-bottom: 3px !important; letter-spacing: 0.5px !important;
}

/* --- 7. Кнопки (Плашки) --- */
.cc-footer {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    flex-wrap: wrap !important; gap: 8px !important; border-top: 1px dashed rgba(11, 64, 69, 0.1) !important; padding-top: 10px !important;
}

.cc-actions-left, .cc-actions-right { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }

.cc-actions-left a, .cc-actions-right a {
    text-decoration: none !important; padding: 4px 10px !important; border-radius: 6px !important;
    font-size: 11px !important; font-weight: 600 !important; transition: all 0.2s ease !important;
}
.cc-actions-left a { background: rgba(26, 188, 156, 0.15) !important; color: #159c80 !important; }
.cc-actions-left a:hover { background: #1ABC9C !important; color: #fff !important; }
.cc-actions-right a { background: rgba(11, 64, 69, 0.06) !important; color: #6a9599 !important; }
.cc-actions-right a:hover { background: #e53935 !important; color: #fff !important; }
.cc-actions-right .mass-action-box { display: flex; align-items: center; } /* Чекбокс админа */

/* --- 8. ФОРМА ДОБАВЛЕНИЯ КОММЕНТАРИЯ (addcomments) --- */
.custom-addcomments-box {
    background: #f2f8f8 !important; padding: 15px !important; border-radius: 8px !important;
    border: 1px solid #dceaea !important; margin-top: 20px !important; margin-bottom: 30px !important;
}
.cac-guest-fields { display: flex !important; gap: 10px !important; margin-bottom: 12px !important; }
.cac-input { width: 100% !important; padding: 8px 12px !important; border: 1px solid #c4d7d9 !important; border-radius: 6px !important; }

/* Красивый блок подписки */
.cac-subscribe-box {
    padding: 8px 15px !important;
    background: rgba(26, 188, 156, 0.1) !important; /* Легкий мятный фон */
    border: 1px solid rgba(26, 188, 156, 0.2) !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
}
.cac-subscribe-box label { display: flex !important; align-items: center !important; gap: 8px !important; color: #159c80 !important; font-size: 13px !important; font-weight: 600 !important; margin: 0 !important; cursor: pointer !important; }
.cac-subscribe-box input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; cursor: pointer !important; }

/* ФУТЕР (Подписка + Кнопка в один ряд) */
.cac-footer { 
    display: flex !important; 
    justify-content: space-between !important; /* Разносим элементы по краям */
    align-items: center !important; /* Выравниваем по одной линии */
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 15px !important; 
}
@media (max-width: 500px) {
    .cac-footer { flex-direction: column !important; align-items: stretch !important; }
    .cac-subscribe-box { justify-content: center !important; margin-bottom: 5px !important; }
}
.cac-submit-btn { background: #1ABC9C !important; color: #fff !important; border: none !important; padding: 10px 25px !important; border-radius: 6px !important; font-weight: 600 !important; cursor: pointer !important; }

/* --- 9. ПОБЕДА НАД FROALA (Редактор) --- */
.fr-box.fr-basic .fr-wrapper { height: auto !important; min-height: 120px !important; background: #fff !important; }
.fr-box.fr-basic .fr-element { font-size: 14px !important; color: #2c3e40 !important; padding: 15px !important; min-height: 120px !important; }

/* --- 10. МАССОВЫЕ ДЕЙСТВИЯ (АДМИН) --- */
.mass_comments_action {
    background: #0b4045 !important; color: #fff !important; padding: 12px 15px !important; border-radius: 8px !important;
    display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 10px !important; margin-bottom: 20px !important;
}
.mass_comments_action select { padding: 6px 10px !important; border-radius: 4px !important; border: none !important; }
.mass_comments_action input[type="submit"] { background: #1ABC9C !important; color: #fff !important; border: none !important; padding: 6px 15px !important; border-radius: 4px !important; cursor: pointer !important; }
.mass_comments_action strong { display: none !important; }

/* --- 11. МОБИЛЬНАЯ АДАПТИВНОСТЬ --- */
@media (max-width: 500px) {
    li > ol.comments-tree-list, li > ul.comments-tree-list { margin-left: 10px !important; } /* Меньше отступ для ответов на мобилке */
    .cc-rating-absolute { top: 15px !important; right: 15px !important; }
    .cc-actions-left, .cc-actions-right { width: 100% !important; justify-content: flex-start !important; }
    .cac-guest-fields { flex-direction: column !important; }
    .cac-submit-btn { width: 100% !important; }
    .cac-subscribe-box { display: block !important; }
    .mass_comments_action select, .mass_comments_action input { width: 100% !important; }
}


/* --- КНОПКА ПОДПИСКИ НА МОД --- */
.mod-subscribe-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(26, 188, 156, 0.15);
    color: #1ABC9C;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(26, 188, 156, 0.3);
    margin-top: 20px;
}

.mod-subscribe-btn:hover {
    background: #1ABC9C;
    color: #fff;
    box-shadow: 0 4px 10px rgba(26, 188, 156, 0.4);
}

/* Состояние "Подписан" (Красная кнопка отписки) */
.mod-subscribe-btn.active {
    background: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.3);
}

.mod-subscribe-btn.active:hover {
    background: #e74c3c;
    color: #fff;
    box-shadow: 0 4px 10px rgba(231, 76, 60, 0.4);
}

.mod-subscribe-btn.guest-btn:hover { background: rgba(26, 188, 156, 0.15); color: #1ABC9C; opacity: 0.7; box-shadow: none; cursor: not-allowed; }

/* --- 1. КОЛОКОЛЬЧИК В SHORTSTORY (ФИКС ОТСКОКА) --- */
.smart-subscribe-short {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
}
.smart-subscribe-short a { text-decoration: none !important; }

.fav-bell-btn {
    background: rgba(11, 64, 69, 0.85);
    color: #fff;
    height: 34px;
    width: 34px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Важно для фикса иконки */
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 0 !important;
	opacity: 90%;
}

.fav-bell-btn svg {
    width: 32px !important;
    height: 35px !important;
    padding: 8px !important;
    flex-shrink: 0; /* Запрещаем сплющивание */
    display: block;
}

.fav-bell-text {
    white-space: nowrap;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    opacity: 0;
    transition: opacity 0.2s ease;
    padding-right: 15px;
}

/* ФИКС: Hover теперь висит на родителе! */
.smart-subscribe-short:hover .fav-bell-btn {
    width: 150px; 
    background: #1ABC9C;
    border-color: #1ABC9C;
}
.smart-subscribe-short:hover .fav-bell-btn .fav-bell-text {
    opacity: 1; 
}

/* Активное состояние (уже подписан) */
.fav-bell-btn.active { background: #e74c3c; border-color: #c0392b; }
.smart-subscribe-short:hover .fav-bell-btn.active { width: 145px; background: #c0392b; }

/* =========================================
   СТРАНИЦА ПОЛНОЙ НОВОСТИ (ФИНАЛ)
   ========================================= */

/* --- ПРЕДУПРЕЖДЕНИЕ ДЛЯ ГОСТЕЙ --- */
.guest-warning-box {
    display: flex;
    align-items: center;
    background: rgba(11, 64, 69, 0.1);
    border: 1px dashed #1c5257;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 20px 0;
    gap: 15px;
}
.gw-icon { color: #e74c3c; flex-shrink: 0; }
.gw-text { font-size: 13px; color: #000000; line-height: 1.5; }
.gw-text a { color: #1ABC9C; font-weight: bold; text-decoration: none; }
.gw-text a:hover { text-decoration: underline; }


/* --- СОВРЕМЕННАЯ ШАПКА FULLSTORY --- */
.full-header-modern {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.fh-top-row {
    background: #0b4045;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.fh-title {
    color: #fff;
    font-family: "PT Sans", sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    flex-grow: 1;
}

.fh-title i { color: #1ABC9C; cursor: pointer; margin-right: 5px; }
.fh-title i:hover { color: #fff; }

/* Счетчики (Лайки и Закладки в шапке) */
.fh-stats {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

/* --- СЧЕТЧИКИ В ШАПКЕ --- */
.fh-stat-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

.fh-stat-badge a {
    color: #fff !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.stat-likes { background: #e74c3c; border: 1px solid #c0392b; transition: 0.2s; }
.stat-likes:hover { background: #c0392b; }

/* Статичный счетчик закладок (просто фон) */
.stat-favs-count { 
    background: #155f67; 
    border: 1px solid #1c5257; 
    cursor: default; 
}

/* Нижняя панель с категориями */
.fh-bottom-row {
    background: #0f4c52;
    padding: 10px 20px;
    font-size: 13px;
    color: #b9d7da;
    border-bottom: 2px solid #1c5257;
}

.fh-bottom-row a { color: #1ABC9C; text-decoration: none; font-weight: 500; }
.fh-bottom-row a:hover { color: #fff; }

/* Адаптив для мобилок */
@media (max-width: 600px) {
    .fh-top-row { flex-direction: column; align-items: flex-start; }
    .fh-stats { width: 100%; justify-content: flex-start; margin-top: 10px; }
}


/* --- БОЛЬШИЕ КНОПКИ ВНИЗУ --- */
.full-actions-panel {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.action-sub-wrap a { text-decoration: none !important; display: block; }

.full-action-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Нижняя Подписаться */
.full-action-btn.sub-btn { background: #1ABC9C; border: 2px solid #16a085; }
.action-sub-wrap a:hover .sub-btn { background: #16a085; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(26,188,156,0.4); }

/* Нижняя Отписаться */
.full-action-btn.sub-btn.active { background: #e74c3c; border: 2px solid #c0392b; }
.action-sub-wrap a:hover .sub-btn.active { background: #c0392b; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(231,76,60,0.4); }

/* Запросить обновление */
.full-action-btn.request-btn { background: #0f4c52; border: 2px solid #1c5257; }
.full-action-btn.request-btn:hover { background: #155f67; transform: translateY(-3px); border-color:#1ABC9C; }



/* --- СТИЛИ ЛИЧНЫХ СООБЩЕНИЙ --- */
.pm-container { margin-top: 20px; }

/* Вкладки */
.pm-tabs { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.pm-tab-item { 
    background: #eaf3f3; padding: 10px 20px; border-radius: 6px; 
    font-weight: 600; font-size: 14px; cursor: pointer; color: #0f7562 !important; 
    transition: all 0.2s; border: 1px solid #dceaea; text-decoration: none !important;
}
.pm-tab-item:hover, .pm-tab-item.active { background: #1ABC9C; color: #fff !important; border-color: #1ABC9C; }
.pm-tab-new { background: #0b4045; color: #fff !important; border-color: #0b4045; }
.pm-tab-new:hover { background: #159c80; }

/* --- ЭЛЕГАНТНАЯ ТАБЛИЦА СООБЩЕНИЙ --- */
.pm-list-wrap { 
    overflow-x: auto; 
    background: #fff; 
    border-radius: 8px; 
    border: 1px solid #dceaea; 
    box-shadow: 0 4px 10px rgba(11, 64, 69, 0.03);
}

.pm-list-wrap table { 
    width: 100% !important; 
    border-collapse: collapse !important; 
    margin: 0 !important; 
}

/* Шапка таблицы */
.pm-list-wrap th { 
    background: #f2f8f8 !important; 
    padding: 12px 15px !important; 
    color: #0f7562 !important; 
    font-size: 12px !important; 
    text-transform: uppercase !important;
    text-align: left !important; 
    border-bottom: 2px solid #dceaea !important; 
}

/* Ячейки таблицы */
.pm-list-wrap td { 
    padding: 10px 15px !important; /* Уменьшили высоту строк */
    border-bottom: 1px solid #f0f5f5 !important; 
    font-size: 13px !important; 
    color: #2c3e40 !important; 
    vertical-align: middle !important;
}

/* Убираем рамку у последней строки */
.pm-list-wrap tr:last-child td { border-bottom: none !important; }

/* Эффект наведения на письмо */
.pm-list-wrap tr { transition: background 0.2s ease; }
.pm-list-wrap tr:hover td { background: #fafdfd !important; }

/* Ссылки внутри таблицы (Тема письма) */
.pm-list-wrap td a { color: #1ABC9C !important; font-weight: 600 !important; text-decoration: none !important; }
.pm-list-wrap td a:hover { color: #0f7562 !important; }

/* Чекбоксы в таблице */
.pm-list-wrap input[type="checkbox"] { width: 16px; height: 16px; cursor: pointer; }

/* Эффект при наведении на блок Мецената */
.cozy-mecenat {
    transition: all 0.3s ease !important;
    cursor: pointer;
}

.cozy-mecenat:hover {
    background: #155f67 !important; /* Чуть светлее основы при наведении */
    border: 1px solid #1ABC9C !important; /* Бирюзовая рамка */
    transform: translateY(-2px);
}

.cozy-mecenat:hover .cozy-highlight {
    color: #fff !important; /* Белый текст при наведении */
}





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

/* --- ПРОФИЛЬ В СТИЛЕ STARDEW VALLEY --- */
/* 2. КОНТЕЙНЕР ПОЛНОГО ПРОФИЛЯ */
.sv-profile-container {
    background: #f4e5c2;
    /* ТАКЖЕ РАЗДЕЛЯЕМ БОРДЮР */
    border-width: 6px !important;
    border-style: solid !important;
    border-color: #8b5a2b;
    
    border-radius: 12px;
    
    /* УБИРАЕМ !important У ТЕНИ */
    box-shadow: inset 0 0 20px rgba(139, 90, 43, 0.2), 0 10px 20px rgba(0, 0, 0, 0.2);
    
    overflow: hidden;
    margin-bottom: 20px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: #4a3b2c;
}

/* Баннер и кнопки */
.sv-banner { height: 180px; background-size: cover; background-position: center; background-color: #0b4045; position: relative; border-bottom: 4px solid #6b4423; }
.sv-profile-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 10px; }
.sv-system-btns { display: flex; gap: 10px; }
.sv-system-btns a, .sv-btn {
    background: #d99a5b !important; border: 2px solid #6b4423 !important; color: #fff !important;
    font-family: 'Pixelify Sans', sans-serif; font-size: 12px !important; padding: 8px 12px !important;
    border-radius: 4px !important; text-decoration: none !important; text-shadow: 1px 1px 0 #6b4423 !important;
    display: inline-block; cursor: pointer; transition: transform 0.1s, background 0.2s;
}
.sv-system-btns a:hover, .sv-btn:hover { background: #e5aa70 !important; transform: scale(1.05); color: #fff !important; }

/* Левая колонка */
.sv-profile-body { display: flex; padding: 20px; gap: 30px; }
.sv-left-col { width: 220px; flex-shrink: 0; text-align: center; }
.sv-avatar-frame {
    width: 180px; height: 180px; margin: -80px auto 15px auto; background: #e6c891; border: 6px solid #d99a5b;
    border-radius: 8px; box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.3); position: relative; padding: 5px;
}
.sv-avatar-frame img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }

/* Статусы и Роли */
.sv-status { position: absolute; bottom: -8px; right: -8px; width: 20px; height: 20px; border-radius: 50%; border: 3px solid #f4e5c2; }
.sv-status.online { background: #4CAF50; }
.sv-status.offline { background: #9E9E9E; }
.sv-online-text { font-size: 12px; margin-top: 5px; text-transform: uppercase; letter-spacing: 0.5px; }
.sv-name { font-family: 'Pixelify Sans', sans-serif; font-size: 32px; margin: 0 0 5px 0; color: #6b4423; text-shadow: 1px 1px 0 #e6c891; }

/* Инфо-бокс: Фикс иконок и текста */
.sv-info-box { background: rgba(255,255,255,0.4); border: 2px dashed #d99a5b; border-radius: 8px; padding: 12px; margin-top: 15px; text-align: left; font-size: 14px; }
.sv-info-item { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px; }
/* ЖЕСТКАЯ ШИРИНА ИКОНОК, чтобы текст стоял ровно! */
.sv-icon { flex-shrink: 0; width: 24px; text-align: center; font-size: 18px; margin-top: 0; display: inline-block; }
.sv-item-text { word-break: break-word; overflow-wrap: break-word; line-height: 1.3; flex-grow: 1; }

/* Правая колонка */
.sv-right-col { flex-grow: 1; min-width: 0; }
.sv-title { font-family: 'Pixelify Sans', sans-serif; font-size: 24px; color: #6b4423; border-bottom: 2px solid #d99a5b; padding-bottom: 5px; margin-top: 0; }

/* Карточки статистики */
.sv-stats-grid { display: flex; gap: 15px; margin-bottom: 25px; flex-wrap: wrap; }
.sv-stat-card {
    position: relative; background: #e6c891; border: 2px solid #d99a5b; border-radius: 8px; 
    padding: 30px 5px 10px 5px; flex: 1; min-width: 110px; box-shadow: 2px 2px 0 rgba(107, 68, 35, 0.2);
    display: flex; align-items: center; justify-content: center;
}
.sv-stat-label { position: absolute; top: 8px; left: 0; width: 100%; text-align: center; font-size: 9px; text-transform: uppercase; color: #8b5a2b; font-weight: bold; white-space: nowrap; }
.sv-stat-num { font-family: 'Pixelify Sans', sans-serif; font-size: 24px; color: #6b4423; font-weight: bold; text-align: center; }
.sv-date-text { font-size: 14px !important; font-family: 'Segoe UI', sans-serif !important; font-weight: 600; line-height: 1.2; text-align: center; }

.sv-signature-box { background: rgba(255,255,255,0.5); padding: 15px; border-radius: 8px; border: 1px solid #d99a5b; font-size: 14px; line-height: 1.6; margin-bottom: 20px; }

/* --- МАГИЯ МЕЦЕНАТА (С Обводкой имени) --- */
.sv-mecenat-theme { border-color: #7232a8 !important; box-shadow: 0 0 20px rgba(114, 50, 168, 0.4), inset 0 0 20px rgba(114, 50, 168, 0.2) !important; }
.sv-mecenat-theme .sv-avatar-frame { border-color: #ffd700 !important; box-shadow: 0 0 15px rgba(255, 215, 0, 0.8), inset 0 0 10px rgba(0,0,0,0.4) !important; animation: mecenat-float 3s ease-in-out infinite; }
.sv-mecenat-theme .sv-name {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 4s linear infinite !important; color: transparent !important;
    /* УБИВАЕМ ТЕНЬ, СТАВИМ ОБВОДКУ И ФИЛЬТР */
    text-shadow: none !important;
    -webkit-text-stroke: 1px #4a2a11 !important; /* Четкая темная обводка */
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5)) !important; /* Тень снаружи обводки */
}
/* --- МАГИЯ МЭРА (АДМИН) - Рубины и Золото --- */
.sv-mayor-theme { border-color: #79130d !important; box-shadow: 0 0 20px rgba(179, 0, 0, 0.4), inset 0 0 20px rgba(179, 0, 0, 0.2) !important; }
.sv-mayor-theme .sv-avatar-frame { 
    border-color: #79130d !important; background: #44150a;
    box-shadow: 0 0 20px rgb(255 12 12), inset 0 0 10px rgba(179, 0, 0, 0.5) !important
}
.sv-mayor-theme .sv-name {
    background: linear-gradient(90deg, #ff4d4d, #ffbf00, #ff4d4d) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 3s linear infinite !important; color: transparent !important;
    text-shadow: none !important; -webkit-text-stroke: 1px #4a1111 !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5)) !important; 
}

/* --- МАГИЯ ПОМОЩНИКА (СОАДМИН) - Алмаз и Серебро --- */
.sv-assistant-theme { border-color: #4fc3f7 !important; box-shadow: 0 0 20px rgba(79, 195, 247, 0.4), inset 0 0 20px rgba(79, 195, 247, 0.2) !important; }
.sv-assistant-theme .sv-avatar-frame { 
    border-color: #e1f5fe !important; background: #b3e5fc;
    box-shadow: 0 0 20px rgba(129, 212, 250, 0.9), inset 0 0 10px rgba(2, 136, 209, 0.4) !important; 
}
.sv-assistant-theme .sv-name {
    background: linear-gradient(90deg, #81d4fa, #ffffff, #81d4fa) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 4s linear infinite !important; color: transparent !important;
    text-shadow: none !important; -webkit-text-stroke: 1px #01579b !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5)) !important; 
}

/* --- МАГИЯ ШАХТЁРА (ЖУРНАЛИСТ) - Магма и Обсидиан --- */
.sv-miner-theme { border-color: #424242 !important; box-shadow: 0 0 20px rgba(255, 87, 34, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.5) !important; }
.sv-miner-theme .sv-avatar-frame { 
    border-color: #212121 !important; background: #ffccbc;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 15px rgba(255, 61, 0, 0.6) !important; 
}
.sv-miner-theme .sv-name {
    background: linear-gradient(90deg, #ff3d00, #ff9100, #ff3d00) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 2s linear infinite !important; color: transparent !important;
    text-shadow: none !important; -webkit-text-stroke: 1px #212121 !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.8)) !important; 
}
@keyframes prismatic-shine { to { background-position: 200% center; } }
@keyframes mecenat-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }


/* =======================================================
   СТИЛИ НАСТРОЕК (Побеждаем Bootstrap)
   ======================================================= */
.sv-settings-body { padding: 30px; }
.sv-settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-bottom: 15px; }
.sv-settings-full { width: 100%; margin-bottom: 15px; }

.sv-settings-body label { font-family: 'Pixelify Sans', sans-serif; font-size: 18px; color: #6b4423; margin-bottom: 5px; display: block; }
.sv-input { 
    background: rgba(255,255,255,0.6) !important; border: 2px solid #d99a5b !important; border-radius: 6px !important; 
    padding: 10px 12px !important; color: #4a3b2c !important; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1) !important; 
    width: 100% !important; font-family: 'Segoe UI', sans-serif !important; font-size: 14px !important; 
    transition: 0.2s !important; box-sizing: border-box !important; height: auto !important; line-height: normal !important;
}
.sv-input:focus { border-color: #8b5a2b !important; background: #fff !important; outline: none !important; }
.sv-divider { height: 2px; background: rgba(217, 154, 91, 0.3); margin: 20px 0; }

/* Фикс Select (Часовой пояс) */
.sv-select-wrapper select {
    width: 100% !important; background: rgba(255,255,255,0.6) !important; border: 2px solid #d99a5b !important;
    border-radius: 6px !important; padding: 10px 8px !important; font-family: 'Segoe UI', sans-serif !important;
    font-size: 14px !important; color: #4a3b2c !important; cursor: pointer; box-sizing: border-box !important; height: auto !important;
}
.sv-select-wrapper select:focus { border-color: #8b5a2b !important; background: #fff !important; outline: none !important; }

/* --- ЖЕСТКИЙ ФИКС ДОП. ПОЛЕЙ DLE --- */
/* Разрушаем старые таблицы/блоки DLE и строим свою сетку */
.sv-subtitle { font-family: 'Pixelify Sans', sans-serif; font-size: 22px; color: #6b4423; margin-bottom: 15px; }
.sv-settings-xfields-wrap table, .sv-settings-xfields-wrap tbody, .sv-settings-xfields-wrap tr, .sv-settings-xfields-wrap td, .sv-settings-xfields-wrap .xfieldsrow {
    display: block !important; width: 100% !important; border: none !important; padding: 0 !important; margin: 0 !important;
}
.sv-settings-xfields-wrap tr, .sv-settings-xfields-wrap .xfieldsrow { margin-bottom: 15px !important; }
.sv-settings-xfields-wrap td:first-child, .sv-settings-xfields-wrap .xfieldscolleft {
    font-family: 'Pixelify Sans', sans-serif !important; font-size: 18px !important; color: #6b4423 !important;
    margin-bottom: 5px !important; display: block !important;
}
/* Насильно применяем стили .sv-input ко всем инпутам внутри доп.полей */
.sv-settings-xfields-wrap input[type="text"], .sv-settings-xfields-wrap select, .sv-settings-xfields-wrap textarea {
    width: 100% !important; background: rgba(255,255,255,0.6) !important; border: 2px solid #d99a5b !important;
    border-radius: 6px !important; padding: 10px 12px !important; font-family: 'Segoe UI', sans-serif !important;
    font-size: 14px !important; color: #4a3b2c !important; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1) !important;
    box-sizing: border-box !important; height: auto !important; line-height: normal !important;
}
.sv-settings-xfields-wrap input[type="text"]:focus, .sv-settings-xfields-wrap select:focus, .sv-settings-xfields-wrap textarea:focus { border-color: #8b5a2b !important; background: #fff !important; outline: none !important; }

/* Чекбоксы */
.sv-checkbox-group { display: flex; flex-direction: column; gap: 12px; }
.sv-cb-item { display: flex; align-items: flex-start; gap: 10px; }
.sv-cb-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; cursor: pointer; flex-shrink: 0; }
.sv-cb-item label { font-family: 'Segoe UI', sans-serif !important; font-size: 14px !important; color: #4a3b2c !important; cursor: pointer; line-height: 1.4 !important; margin: 0 !important; text-transform: none !important; }
.sv-inline-checkbox { display: flex; align-items: center; gap: 8px; margin-top: 10px; cursor: pointer; font-family: 'Segoe UI', sans-serif; font-size: 14px; color: #4a3b2c; }
.sv-inline-checkbox input[type="checkbox"] { width: 16px; height: 16px; margin: 0; cursor: pointer; }

.sv-settings-footer { display: flex; justify-content: flex-end; margin-top: 30px; }

/* Адаптивность */
@media (max-width: 700px) {
    .sv-profile-body { flex-direction: column; align-items: center; }
    .sv-left-col { width: 100%; }
    .sv-avatar-frame { margin-top: -60px; }
    .sv-settings-grid, .sv-settings-xfields-grid { grid-template-columns: 1fr; }
}



/* =======================================================
   ВЗЛОМ СИСТЕМНОГО ПОП-АПА DLE (ПРОФИЛИ)
   ======================================================= */

/* 1. ГЛАВНАЯ РАМКА ОКНА ПОП-АПА */
.ui-dialog.dle-popup-userprofile {
    padding: 0 !important;
    min-height: 0 !important; 
    height: auto !important;
    background: #f4e5c2 !important; 
    
    /* РАЗДЕЛЯЕМ БОРДЮР (Убираем !important у цвета, чтобы работали анимации!) */
    border-width: 6px !important;
    border-style: solid !important;
    border-color: #8b5a2b; 
    
    border-radius: 12px !important;
    
    /* УБИРАЕМ !important У ТЕНИ */
    box-shadow: 0 15px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(139, 90, 43, 0.2);
    
    overflow: hidden !important; 
    box-sizing: border-box !important;
}

/* 2. Верхняя темная шапка (Убиваем margin: -10px) */
.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar {
    margin: 0 !important; 
    background: #0b4045 !important;
    border: none !important;
    border-bottom: 4px solid #6b4423 !important;
    border-radius: 0 !important;
    padding: 15px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Текст в шапке ("ПОЛЬЗОВАТЕЛЬ: ИМЯ") */
.ui-dialog.dle-popup-userprofile .ui-dialog-title {
    color: #fff !important;
    font-family: 'Pixelify Sans', sans-serif !important;
    font-size: 20px !important;
    text-shadow: 1px 1px 0 #000 !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
}

/* Исправляем системный крестик закрытия */
.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar-close {
    background: transparent !important; border: none !important;
    margin: 0 !important; padding: 0 !important; right: 15px !important;
    top: 50% !important; transform: translateY(-50%) !important;
    width: auto !important; height: auto !important; box-shadow: none !important;
}
.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar-close span { display: none !important; }
/* Идеальный крестик, независимый от кодировки */
.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar-close::after {
    content: "\00d7" !important; 
    color: #fff !important; 
    font-size: 32px !important; 
    font-weight: normal !important; 
    cursor: pointer !important; 
    transition: 0.2s !important;
    font-family: Arial, sans-serif !important;
    line-height: 0.5 !important;
}
.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar-close:hover::after { 
    color: #1ABC9C !important; 
}

/* 3. Центральная часть (Сам профиль) */
.ui-dialog.dle-popup-userprofile .ui-dialog-content {
    background: transparent !important;
    padding: 20px !important;
    color: #4a3b2c !important;
    height: auto !important;
    min-height: 0 !important;
}

/* 4. Нижняя панель (Кнопки DLE) */
.ui-dialog.dle-popup-userprofile .ui-dialog-buttonpane {
    background: rgba(255,255,255,0.3) !important;
    border-top: 2px dashed #d99a5b !important;
    margin: 0 !important;
    padding: 15px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Центрируем кнопки */
.ui-dialog.dle-popup-userprofile .ui-dialog-buttonset {
    display: flex !important; justify-content: center !important; flex-wrap: wrap !important;
    gap: 10px !important; width: 100% !important; float: none !important;
}

/* Стилизуем системные кнопки */
.ui-dialog.dle-popup-userprofile .ui-button {
    background: #d99a5b !important; border: 2px solid #6b4423 !important; color: #fff !important;
    font-family: 'Pixelify Sans', sans-serif !important; font-size: 14px !important;
    padding: 8px 15px !important; border-radius: 4px !important; text-shadow: 1px 1px 0 #6b4423 !important;
    margin: 0 !important; cursor: pointer !important; transition: 0.1s !important;
}
.ui-dialog.dle-popup-userprofile .ui-button:hover { background: #e5aa70 !important; transform: scale(1.05) !important; }

/* =======================================================
   ВНУТРЕННОСТИ (profile_popup.tpl)
   ======================================================= */
.sv-popup-top { display: flex; gap: 15px; align-items: flex-start; }
.sv-popup-avatar-box {
    width: 90px; height: 90px; flex-shrink: 0; background: #e6c891;
    border: 4px solid #d99a5b; border-radius: 6px; position: relative; padding: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.2);
}
.sv-popup-avatar-box img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }

/* Статус */
.sv-popup-status { position: absolute; bottom: -6px; right: -6px; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #f4e5c2; }
.sv-popup-status.online { background: #4CAF50; }
.sv-popup-status.offline { background: #9E9E9E; }

/* Инфо */
.sv-popup-info { flex-grow: 1; min-width: 0; }
.sv-popup-name { font-family: 'Pixelify Sans', sans-serif; font-size: 22px; color: #6b4423; line-height: 1.1; margin-bottom: 2px; text-shadow: 1px 1px 0 #e6c891; }
.sv-popup-role { margin-bottom: 10px; }

/* Статистика */
.sv-popup-stats { display: flex; flex-direction: column; gap: 4px; }
.sv-popup-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed rgba(217, 154, 91, 0.4); padding-bottom: 4px; }
.sv-popup-row:last-child { border-bottom: none; }
.sv-popup-label { font-size: 10px; text-transform: uppercase; color: #8b5a2b; font-weight: bold; }
.sv-popup-value { font-size: 12px; font-weight: 600; color: #4a3b2c; text-align: right; }

/* Ссылки [ Просмотреть все ] */
.sv-popup-link a {
    background: #e6c891; border: 1px solid #d99a5b; padding: 2px 6px; border-radius: 4px;
    font-size: 9px; color: #6b4423 !important; text-transform: uppercase; text-decoration: none !important;
    font-weight: bold; display: inline-block; transition: 0.2s;
}
.sv-popup-link a:hover { background: #d99a5b; color: #fff !important; }

.sv-popup-signature { margin-top: 15px; padding-top: 10px; border-top: 2px dashed #d99a5b; font-size: 12px; line-height: 1.4; color: #5c4733; background: rgba(255,255,255,0.4); padding: 10px; border-radius: 6px; }

/* =======================================================
   МАГИЯ ТЕМ ДЛЯ ПОП-АПА (С РАДУЖНЫМИ ИМЕНАМИ)
   ======================================================= */
/* Меценат */
.ui-dialog.dle-popup-userprofile.sv-mecenat-theme { border-color: #7232a8 !important; box-shadow: 0 0 30px rgba(114, 50, 168, 0.5), inset 0 0 20px rgba(114, 50, 168, 0.2) !important; }
.ui-dialog.dle-popup-userprofile.sv-mecenat-theme .ui-dialog-titlebar { border-bottom-color: #7232a8 !important; }
.ui-dialog.dle-popup-userprofile.sv-mecenat-theme .sv-popup-avatar-box { border-color: #ffd700 !important; box-shadow: 0 0 10px rgba(255, 215, 0, 0.6) !important; animation: mecenat-float 3s ease-in-out infinite; }
.ui-dialog.dle-popup-userprofile.sv-mecenat-theme .sv-popup-name {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 4s linear infinite !important; color: transparent !important; text-shadow: none !important; -webkit-text-stroke: 1px #4a2a11 !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5)) !important;
}

/* Мэр */
.ui-dialog.dle-popup-userprofile.sv-mayor-theme { border-color: #b30000 !important; box-shadow: 0 0 30px rgba(179, 0, 0, 0.5), inset 0 0 20px rgba(179, 0, 0, 0.2) !important; }
.ui-dialog.dle-popup-userprofile.sv-mayor-theme .ui-dialog-titlebar { border-bottom-color: #b30000 !important; }
.ui-dialog.dle-popup-userprofile.sv-mayor-theme .sv-popup-avatar-box { border-color: #ffd700 !important; background: #ffeaa7 !important; box-shadow: 0 0 20px rgba(255, 215, 0, 0.9), inset 0 0 10px rgba(179, 0, 0, 0.5) !important; }
.ui-dialog.dle-popup-userprofile.sv-mayor-theme .sv-popup-name {
    background: linear-gradient(90deg, #ff4d4d, #ffbf00, #ff4d4d) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 3s linear infinite !important; color: transparent !important; text-shadow: none !important; -webkit-text-stroke: 1px #4a1111 !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5)) !important;
}

/* Помощник */
.ui-dialog.dle-popup-userprofile.sv-assistant-theme { border-color: #4fc3f7 !important; box-shadow: 0 0 30px rgba(79, 195, 247, 0.5), inset 0 0 20px rgba(79, 195, 247, 0.2) !important; }
.ui-dialog.dle-popup-userprofile.sv-assistant-theme .ui-dialog-titlebar { border-bottom-color: #4fc3f7 !important; }
.ui-dialog.dle-popup-userprofile.sv-assistant-theme .sv-popup-avatar-box { border-color: #e1f5fe !important; background: #b3e5fc !important; box-shadow: 0 0 20px rgba(129, 212, 250, 0.9), inset 0 0 10px rgba(2, 136, 209, 0.4) !important; }
.ui-dialog.dle-popup-userprofile.sv-assistant-theme .sv-popup-name {
    background: linear-gradient(90deg, #81d4fa, #ffffff, #81d4fa) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 4s linear infinite !important; color: transparent !important; text-shadow: none !important; -webkit-text-stroke: 1px #01579b !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5)) !important;
}

/* Шахтёр */
.ui-dialog.dle-popup-userprofile.sv-miner-theme { border-color: #424242 !important; box-shadow: 0 0 30px rgba(255, 87, 34, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.5) !important; }
.ui-dialog.dle-popup-userprofile.sv-miner-theme .ui-dialog-titlebar { border-bottom-color: #424242 !important; }
.ui-dialog.dle-popup-userprofile.sv-miner-theme .sv-popup-avatar-box { border-color: #212121 !important; background: #ffccbc !important; box-shadow: 0 0 20px rgba(255, 87, 34, 0.8), inset 0 0 15px rgba(255, 61, 0, 0.6) !important; }
.ui-dialog.dle-popup-userprofile.sv-miner-theme .sv-popup-name {
    background: linear-gradient(90deg, #ff3d00, #ff9100, #ff3d00) !important;
    background-size: 200% auto !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    animation: prismatic-shine 2s linear infinite !important; color: transparent !important; text-shadow: none !important; -webkit-text-stroke: 1px #212121 !important; filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.8)) !important;
}

/* =======================================================
   АДАПТИВНОСТЬ ВСПЛЫВАЮЩЕГО ОКНА (МОБИЛКИ)
   ======================================================= */
@media (max-width: 600px) {
    /* Насильно сжимаем окно и центрируем его */
    .ui-dialog.dle-popup-userprofile {
        width: 90vw !important; /* 90% ширины экрана телефона */
        left: 50% !important; 
        transform: translateX(-50%) !important; 
        box-sizing: border-box !important;
    }
    
    /* Перестраиваем шапку: Аватар сверху, текст под ним */
    .sv-popup-top {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    /* Растягиваем блок информации */
    .sv-popup-info { 
        width: 100% !important; 
        margin-top: 10px !important;
    }
    .sv-popup-name { font-size: 26px !important; }
    .sv-popup-role { margin-bottom: 15px !important; }
    
    /* Списки статистики друг под другом */
    .sv-popup-row {
        flex-direction: column !important;
        gap: 6px !important;
        align-items: center !important;
        padding-bottom: 8px !important;
    }
    .sv-popup-value { text-align: center !important; }
    
    /* Подпись по центру */
    .sv-popup-signature { text-align: center !important; }

    /* Кнопки выстраиваем в колонку, чтобы не промазать */
    .ui-dialog.dle-popup-userprofile .ui-dialog-buttonset {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .ui-dialog.dle-popup-userprofile .ui-button {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px !important;
        font-size: 16px !important;
    }
}

/* Кликабельные цифры статистики */
.sv-stat-num a {
    color: #6b4423 !important;
    text-decoration: none !important;
    transition: color 0.2s, text-shadow 0.2s;
}
.sv-stat-num a:hover {
    color: #1ABC9C !important; /* Мятный цвет при наведении */
    text-shadow: 0 2px 4px rgba(26, 188, 156, 0.3);
}

/* Ссылки {news} и {comments} под цифрами */
.sv-stat-link {
    margin-top: 5px;
    width: 100%;
}
.sv-stat-link a {
    display: block;
    background: rgba(255,255,255,0.4);
    color: #6b4423 !important;
    font-size: 9px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 4px;
    border-radius: 4px;
    transition: 0.2s;
    font-weight: bold;
}
.sv-stat-link a:hover {
    background: #d99a5b;
    color: #fff !important;
}

/* Обновленный бейдж репутации (Правый нижний угол) */
.sv-reputation {
    position: absolute;
    bottom: 12px; /* Прижали вниз */
    right: 15px;  /* Прижали вправо */
    background: rgba(0, 0, 0, 0.4); /* Чуть прозрачнее */
    color: #ffca28;
    padding: 4px 10px; /* Сделали компактнее */
    border-radius: 6px; /* Более классические углы */
    font-family: 'Pixelify Sans', sans-serif;
    font-size: 15px; /* Уменьшили шрифт */
    border: 1px solid rgba(255, 202, 40, 0.5); /* Тонкая ненавязчивая рамка */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    text-shadow: 1px 1px 0 #000;
    backdrop-filter: blur(2px);
    cursor: help;
    z-index: 2;
}

/* Кликабельные цифры статистики */
.sv-stat-num a {
    color: #6b4423;
    text-decoration: none;
    transition: all 0.2s ease;
    display: block; /* Увеличивает зону клика */
}
.sv-stat-num a:hover {
    color: #1ABC9C;
    transform: scale(1.1);
    text-shadow: 0 2px 4px rgba(26, 188, 156, 0.3);
}




/* --- НАВЫКИ ИГРОКА --- */
.sv-skills-box { background: rgba(255,255,255,0.4); padding: 15px; border-radius: 8px; border: 1px solid #d99a5b; margin-bottom: 20px; }
.sv-skill-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.sv-skill-row:last-child { margin-bottom: 0; }
.sv-skill-icon { font-size: 20px; width: 25px; text-align: center; flex-shrink: 0; }
.sv-skill-bar { flex-grow: 1; height: 14px; background: rgba(0,0,0,0.1); border: 2px solid #8b5a2b; border-radius: 8px; overflow: hidden; box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); }
.sv-skill-fill { height: 100%; transition: width 1s ease-in-out; border-right: 1px solid rgba(0,0,0,0.3); }
.sv-skill-lvl { font-family: 'Pixelify Sans', sans-serif; font-size: 16px; color: #6b4423; font-weight: bold; width: 45px; text-align: right; flex-shrink: 0; }


/* =======================================================
   НАВЫКИ ИГРОКА (СТРОГО ПО КАНОНУ STARDEW)
   ======================================================= */
.sv-skills-box { background: rgba(255,255,255,0.4); padding: 15px; border-radius: 8px; border: 1px solid #d99a5b; margin-bottom: 25px; }
.sv-skill-row { display: flex; align-items: center; margin-bottom: 10px; }
.sv-skill-row:last-child { margin-bottom: 0; }

/* Текст навыка */
.sv-skill-name { 
    width: 140px; /* Было 120, стало 140 */
    text-align: left; /* Было right */
    font-family: 'Pixelify Sans', sans-serif; 
    font-size: 16px; 
    color: #4a3b2c; 
    margin-right: 8px; 
}
.sv-skill-icon { font-size: 20px; margin-right: 12px; width: 24px; text-align: center; }

/* Контейнер квадратиков */
.sv-skill-track { display: flex; align-items: center; gap: 4px; flex-grow: 1; }

/* --- ПУСТЫЕ КВАДРАТИКИ (Темные) --- */
.sv-skill-block { 
    width: 14px; height: 22px; 
    background: #6a241b; border: 2px solid #3d1410; border-radius: 2px; 
}
.sv-skill-block.prof { 
    width: 22px; height: 26px; /* 5-й и 10-й уровни шире и выше */
    background: #8f6213; border: 2px solid #523708; border-radius: 2px; 
}

/* --- ЗАПОЛНЕННЫЕ КВАДРАТИКИ (Яркие) --- */
.sv-skill-block.filled { 
    background: #d73a26; border-color: #7b1e12; 
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3); /* Легкий блик для объема */
}
.sv-skill-block.prof.filled { 
    background: #f9a918; border-color: #8c5b05; 
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.4); 
}

/* Монетка с цифрой уровня */
.sv-skill-num { 
    font-family: 'Pixelify Sans', sans-serif; font-size: 16px; font-weight: bold; 
    background: #b8860b; color: #fff; width: 28px; height: 28px; 
    display: flex; justify-content: center; align-items: center; 
    border-radius: 50%; border: 2px solid #5c4305; margin-left: 15px; 
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset -2px -2px 0 rgba(0,0,0,0.2);
}

/* Адаптивность для телефонов */
@media (max-width: 600px) {
    .sv-skill-name { display: none; } /* Скрываем текст, оставляем только иконку */
    .sv-skill-block { width: 10px; height: 18px; }
    .sv-skill-block.prof { width: 16px; height: 22px; }
}



/* =======================================================
   СУПЕР-РАМКИ И ТЕМЫ (С БРОНЕЙ !IMPORTANT)
   ======================================================= */

/* 1. ИРИДИЕВАЯ */
.frame-iridium { border-color: #a842f5 !important; background: #ebd4fa !important; box-shadow: 0 0 15px rgba(168, 66, 245, 0.8), inset 0 0 10px rgba(0,0,0,0.4) !important; }
.ui-dialog.dle-popup-userprofile.theme-iridium, .sv-profile-container.theme-iridium { border-color: #a842f5 !important; box-shadow: 0 0 30px rgba(168, 66, 245, 0.4), inset 0 0 20px rgba(168, 66, 245, 0.2) !important; }
.ui-dialog.theme-iridium .ui-dialog-titlebar { border-bottom-color: #a842f5 !important; }

/* 2. СЛАЙМОВАЯ */
.frame-slime { border-color: #4CAF50 !important; background: #c8e6c9 !important; box-shadow: 0 0 15px rgba(76, 175, 80, 0.8), inset 0 0 10px rgba(0,0,0,0.4) !important; }
.ui-dialog.dle-popup-userprofile.theme-slime, .sv-profile-container.theme-slime { border-color: #4CAF50 !important; box-shadow: 0 0 30px rgba(76, 175, 80, 0.4), inset 0 0 20px rgba(76, 175, 80, 0.2) !important; }
.ui-dialog.theme-slime .ui-dialog-titlebar { border-bottom-color: #4CAF50 !important; }

/* 3. ТЕНЕВАЯ (VOID) */
.frame-void { border-color: #d32f2f !important; background: #111 !important; box-shadow: 0 0 20px rgba(211, 47, 47, 0.9), inset 0 0 10px rgba(0,0,0,0.7) !important; }
.ui-dialog.dle-popup-userprofile.theme-void, .sv-profile-container.theme-void { border-color: #d32f2f !important; background: #2b2b2b !important; box-shadow: 0 0 30px rgba(211, 47, 47, 0.5), inset 0 0 20px rgba(0,0,0,0.8) !important; color: #ccc !important; }
.ui-dialog.theme-void .ui-dialog-titlebar { border-bottom-color: #d32f2f !important; }
.theme-void .sv-popup-value, .theme-void .sv-popup-label { color: #eee !important; }

/* 4. ОКЕАНИЧЕСКАЯ */
.frame-ocean { border-color: #0288d1 !important; background: #b3e5fc !important; box-shadow: 0 0 15px rgba(2, 136, 209, 0.8), inset 0 0 10px rgba(0,0,0,0.4) !important; }
.ui-dialog.dle-popup-userprofile.theme-ocean, .sv-profile-container.theme-ocean { border-color: #0288d1 !important; box-shadow: 0 0 30px rgba(2, 136, 209, 0.4), inset 0 0 20px rgba(2, 136, 209, 0.2) !important; }
.ui-dialog.theme-ocean .ui-dialog-titlebar { border-bottom-color: #0288d1 !important; }

/* 5. ПРИЗМАТИЧЕСКАЯ */
@keyframes rainbow-border { 0% {border-color:#ff0000;} 16% {border-color:#ff7f00;} 33% {border-color:#ffff00;} 50% {border-color:#00ff00;} 66% {border-color:#0000ff;} 83% {border-color:#4b0082;} 100% {border-color:#ff0000;} }
.frame-prismatic { background: #fff !important; animation: rainbow-border 3s linear infinite; box-shadow: 0 0 20px rgba(255,255,255,0.8) !important; }
.ui-dialog.dle-popup-userprofile.theme-prismatic, .sv-profile-container.theme-prismatic { animation: rainbow-border 3s linear infinite; box-shadow: 0 0 30px rgba(255,255,255,0.5) !important; }
.ui-dialog.theme-prismatic .ui-dialog-titlebar { animation: rainbow-border 3s linear infinite; border-bottom-width: 4px; border-bottom-style: solid; }

/* 6. ГАЛАКТИКА */
@keyframes galaxy-pulse { 0% {box-shadow: 0 0 10px #673ab7;} 50% {box-shadow: 0 0 25px #00bcd4, inset 0 0 15px #673ab7;} 100% {box-shadow: 0 0 10px #673ab7;} }
.frame-galaxy { border-color: #311b92 !important; background: #000 !important; animation: galaxy-pulse 2s infinite; }
.ui-dialog.dle-popup-userprofile.theme-galaxy, .sv-profile-container.theme-galaxy { border-color: #311b92 !important; box-shadow: 0 0 30px rgba(103, 58, 183, 0.5) !important; }
.ui-dialog.theme-galaxy .ui-dialog-titlebar { border-bottom-color: #311b92 !important; }

/* 7. МАГМА */
@keyframes magma-burn { 0% {border-color: #ff3d00; box-shadow: 0 0 10px #ff3d00;} 50% {border-color: #ffea00; box-shadow: 0 0 25px #ffea00, inset 0 0 10px #ff3d00;} 100% {border-color: #ff3d00; box-shadow: 0 0 10px #ff3d00;} }
.frame-magma { background: #fff8e1 !important; animation: magma-burn 1.5s infinite alternate; }
.ui-dialog.dle-popup-userprofile.theme-magma, .sv-profile-container.theme-magma { animation: magma-burn 1.5s infinite alternate; box-shadow: 0 0 30px rgba(255, 61, 0, 0.4) !important; }
.ui-dialog.theme-magma .ui-dialog-titlebar { animation: magma-burn 1.5s infinite alternate; border-bottom-width: 4px; border-bottom-style: solid; }

/* 8. ЛЕДНИК */
.frame-glacier { border-color: #e0f7fa !important; background: #e0f7fa !important; box-shadow: 0 0 15px #00e5ff, inset 0 0 20px #84ffff !important; border-radius: 0 !important; }
.ui-dialog.dle-popup-userprofile.theme-glacier, .sv-profile-container.theme-glacier { border-color: #00e5ff !important; box-shadow: 0 0 30px rgba(0, 229, 255, 0.3) !important; border-radius: 0 !important; }
.ui-dialog.theme-glacier .ui-dialog-titlebar { border-bottom-color: #00e5ff !important; }

/* 9. НЕОН */
@keyframes neon-flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { box-shadow: 0 0 15px #f0f, inset 0 0 10px #0ff; border-color: #f0f; } 20%, 24%, 55% { box-shadow: none; border-color: #333; } }
.frame-neon { background: #222 !important; animation: neon-flicker 3s infinite; }
.ui-dialog.dle-popup-userprofile.theme-neon, .sv-profile-container.theme-neon { border-color: #f0f !important; box-shadow: 0 0 30px rgba(255, 0, 255, 0.3) !important; }
.ui-dialog.theme-neon .ui-dialog-titlebar { border-bottom-color: #0ff !important; }

/* 10. ПРИРОДА */
.frame-nature { border-color: #33691e !important; background: #f1f8e9 !important; box-shadow: 0 0 15px #7cb342, inset 0 0 10px #558b2f !important; }
.ui-dialog.dle-popup-userprofile.theme-nature, .sv-profile-container.theme-nature { border-color: #33691e !important; box-shadow: 0 0 30px rgba(124, 179, 66, 0.4) !important; }
.ui-dialog.theme-nature .ui-dialog-titlebar { border-bottom-color: #33691e !important; }

/* 11. ЗОЛОТО */
@keyframes gold-shimmer { 0% {box-shadow: 0 0 15px #ffd700;} 50% {box-shadow: 0 0 30px #ffea00, inset 0 0 15px #fff;} 100% {box-shadow: 0 0 15px #ffd700;} }
.frame-gold { border-color: #ffd700 !important; background: #fffde7 !important; animation: gold-shimmer 2s infinite ease-in-out; }
.ui-dialog.dle-popup-userprofile.theme-gold, .sv-profile-container.theme-gold { border-color: #ffd700 !important; box-shadow: 0 0 40px rgba(255, 215, 0, 0.5) !important; }
.ui-dialog.theme-gold .ui-dialog-titlebar { border-bottom-color: #ffd700 !important; }


/* =======================================================
   ФОН И КОНТЕЙНЕР РЕГИСТРАЦИИ (Stardew Style)
   ======================================================= */
.sv-reg-container {
    background-color: #f1e2bd; /* Цвет пергамента, как в настройках профиля */
    border: 4px solid #5a3825; /* Темно-коричневая деревянная рамка */
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.4); /* Тень для объема на фоне звезд */
    overflow: hidden;
}

/* Заголовок блока */
.sv-reg-header {
    background-color: rgba(255, 255, 255, 0.3);
    font-family: 'Pixelify Sans', sans-serif;
    font-size: 24px;
    color: #5a3825;
    padding: 15px 30px;
    border-bottom: 2px solid rgba(217, 154, 91, 0.4);
    text-align: left;
}

/* =======================================================
   УВЕДОМЛЕНИЯ ПРИ РЕГИСТРАЦИИ (Приветствие, ошибки)
   ======================================================= */
.sv-reg-notice {
    display: flex;
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0.5);
    border-left: 5px solid #d99a5b;
    padding: 15px 20px;
    margin: 20px 30px 10px 30px;
    border-radius: 4px;
}
.sv-reg-notice.warning {
    border-left-color: #e74c3c; /* Красная полоса для предупреждений */
}
.sv-notice-icon {
    font-size: 28px;
    margin-right: 15px;
    line-height: 1;
}
.sv-notice-text {
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    color: #4a3b2c; /* Темно-коричневый текст */
    line-height: 1.5;
}
.sv-notice-text a {
    color: #d99a5b;
    font-weight: bold;
    text-decoration: underline;
}
.sv-notice-text a:hover {
    color: #b87a3d;
}
.sv-highlight-text {
    color: #c0392b;
    font-weight: 600;
    display: inline-block;
    margin-top: 5px;
}

/* =======================================================
   КНОПКИ В СТИЛЕ ИГРЫ
   ======================================================= */
.sv-btn-main, .sv-btn-secondary {
    background-color: #d99a5b;
    border: 2px solid #8b5a2b;
    border-radius: 6px;
    color: #fff;
    font-family: 'Pixelify Sans', sans-serif;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: inset 2px 2px 0px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2);
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
.sv-btn-main:hover, .sv-btn-secondary:hover {
    background-color: #c48240;
    transform: translateY(-1px);
}


/* --- ОБРАТНАЯ СВЯЗЬ (Вертикальная структура) --- */
.sv-feedback-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sv-form-row {
    width: 100%;
}

/* Красим системный выбор получателя в пергаментный стиль */
.sv-recipient-wrap select {
    width: 100% !important;
    background: rgba(255,255,255,0.6) !important;
    border: 2px solid #d99a5b !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    color: #4a3b2c !important;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1) !important;
}

.sv-recipient-wrap select:focus {
    background: #fff !important;
    border-color: #8b5a2b !important;
}