/* Базовые стили темы и сброс */
html{background: url(/wp-content/uploads/2026/07/bamboo2.jpg);}
body{margin:0;-webkit-font-smoothing:auto;}
::selection {background:#176100!important;color:#eaeaea}
::-moz-selection {background:#176100!important;color:#eaeaea}
a::selection{color: #eee}
a::-moz-selection{color: #eee}
#primary,#secondary{background-color: #f9f9f9; margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
img{border:0; height:auto; max-width:100%; vertical-align:middle; border-style:none}
svg:not(:root){overflow:hidden}
svg{overflow:hidden;vertical-align:middle}
button{overflow:visible; border-radius:0}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
input{line-height:normal}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
select{word-wrap:normal}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type="search"]{outline-offset:-2px;-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
[tabindex="-1"]:focus{outline:0!important}
abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
b,strong{font-weight:bolder}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
pre{margin-top:0;margin-bottom:1rem;overflow:auto}
label{display:inline-block;margin-bottom:.5rem}
td,th{padding:5px}
th{text-align:inherit}
table{margin:0 0 1.5em;width:100%;border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#95a5a6;text-align:left;caption-side:bottom}

/* Типографика */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{clear:both;font-weight:600;margin-bottom:15px;color:#176100;}
h1{font-size:32px;line-height: 1.25;}
h2{font-size: 1.8em;line-height:1.25}
h3{font-size:22px;line-height:25px}
h4,.h4{font-size:18px;line-height:20px}
h5,.h5{font-size:14px;line-height:17.5px}
h2.entry-title{border-bottom:1px solid #eaecef}
h3.widget-title{font-size:1.2rem}
p,pre,table,form{margin:15px 0}
p.marked{border-left:3px solid #2c3e50;padding: 10px 0 10px 10px;}
hr{border:0;height:1px;background:#a9c4a4;width:100%;margin:15px 0;}

/* Цитаты */
blockquote{margin:0 0 1rem;background:#eef9f5;padding:30px;color:#3F484D;position:relative;font-family:'Lato',sans-serif;text-align:center}
blockquote:before, blockquote:after {font-size: 45px;color: #2c3e50;position: absolute;height: 2px;left: 40px;right: 40px;line-height: .5;background: linear-gradient(to right,#2c3e50 45%,transparent 45%,transparent),linear-gradient(to right,transparent,transparent 55%,#2c3e50 55%);font-family: serif;}
blockquote:before{content:"\201C";top:20px}
blockquote:after{content:"\201D";bottom:20px}
blockquote p{font-size:20px;margin: 5px 0;}
blockquote footer{margin-bottom:1em}
blockquote cite{font-style:normal}

/* Структура и компоненты темы */
footer#colophon{font-size:85%;margin-bottom:40px;}
#secondary{contain: layout style paint !important;}

/* Сетка игр (главная) */
.icon:hover a img{scale: 1.4;}
.icon:hover a{color:#176100;text-decoration:underline}
.icon a{color: #333; font-weight: bold; overflow: hidden;position: relative;text-decoration:none}
.icon a.hov-img {width: 150px; height: 150px; overflow: hidden;border-radius: .75rem;border: 1px solid #23303e;}
.icon a img{transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s;}
.card-title{color:#979fa6;font-size: 16px;text-align: center;}
.card-text p{margin:5px 0;font-size:16px;color: #000000ab; letter-spacing: -.16px;}

/* Теги */
.metki {display: flex;flex-wrap: wrap;}
.metki span {display: flex;}
.metki span a {display: flex;align-items: center; gap: 4px;padding: 8px 18px;background-color: #e8f5e9;color: #106600;text-decoration: none;font-family: system-ui, -apple-system, sans-serif;font-weight: 500;font-size: 14px;border-radius: 8px;transition: all 0.25s ease-out;}
.metki span a::before {content: '#';color: #158500;font-size: 13px;font-weight: 700;opacity: 0.6;transition: color 0.25s ease-out, opacity 0.25s ease-out;}
.metki span a:hover {background-color: #158500;color: #ffffff;box-shadow: 0 4px 12px rgba(21, 133, 0, 0.2);transform: translateY(-1px);}
.metki span a:hover::before {color: #ffffff;opacity: 1;}
.metki span a:active {transform: translateY(1px) scale(0.97);box-shadow: 0 2px 4px rgba(21, 133, 0, 0.1);}
/* СТИЛИ ДЛЯ АКТИВНОЙ КНОПКИ (ТЕКУЩЕЙ СТРАНИЦЫ) */
.metki span.active {
    display: flex;
    align-items: center; 
    gap: 4px;
    padding: 8px 18px;
    background-color: #158500; /* Темно-зеленый фон, как при наведении на ссылку */
    color: #ffffff; /* Белый цвет текста */
    font-family: system-ui, -apple-system, sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
    cursor: default; /* Обычный курсор стрелочкой (не рука), так как это не ссылка */
}

/* Решетка для активной кнопки */
.metki span.active::before {
    content: '#';
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    opacity: 1;
}


/* Кнопка "Наверх" */
#Castleroof {position: fixed; background-color: #111111; right: 10px; bottom: -2px; border-top-left-radius: 8px; border-top-right-radius: 8px; cursor: pointer; display: flex ; align-items: center; justify-content: center; width: 60px; height: 50px; z-index: 99; border: 2px solid #23303e;}
#Castleroof::before {content: "";width: 30px; height: 30px;background: transparent no-repeat center center;background-size: 100% 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");}
@media (hover: hover) and (pointer: fine) {#Castleroof:hover {background-color: #1e2b38;}}

/* Плашка cookies */
#disclaimer{display: none; position: fixed; bottom: 0; left: 10px; right: 0; z-index: 1001; border-top: 1px solid #343434; font-weight: 300; max-width: 400px; border-left: 1px solid #343434; border-right: 1px solid #343434; border-radius: 6px 6px 0 0;}
#disclaimer .content15{height: auto; display: flex ; align-items: center; justify-content: center; z-index: 3; background: #f9f9f9; font-size: 14px; border-radius: 6px;}
.content15{clear:both;margin:0 auto;padding:10px 12px;position:relative;box-sizing:content-box}
#disclaimer p{margin:0;opacity: 0.7;}
@media screen and (max-width: 769px) {
    #disclaimer{left: 0!important;max-width:100%!important}
}