/*
Theme Name: Rusakters Modern
Theme URI: https://rusakters.ru/
Author: Aleksey K.
Description: Современная адаптивная тема, повторяющая облик старого сайта rusakters.ru.
Version: 1.1.4
License: GPL-2.0-or-later
Text Domain: rusakters
*/
:root{
  --bg:#fefaef; --panel:#fff1d3; --panel-head:#fff7e6; --accent:#fce7ca;
  --ink:#1f1f1f; --muted:#53565E; --menu-bg:#fff8e5; --menu-hover:#e3cfa2;
  --link:#1a5fb4; --footer:#f3e9cf; --radius:8px; --maxw:1100px;
  --brand:#5a4326; --brand-sub:#8a6a3a;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);
  font:14px/1.55 Verdana,Tahoma,"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;}
img{max-width:100%;height:auto;border:0;}
a{color:var(--link);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 12px;}
/* header — баннер-логотип (ссылка) + русское название сразу под названием, по ширине логотипа */
.topbar{background:#fefaef url('assets/header_cam.jpg') no-repeat right top;border-bottom:1px solid #efe0c4;}
.banner-wrap{position:relative;background:#fff7e6 url('assets/header.jpg') no-repeat left top;background-size:auto 172px;min-height:172px;}
.banner{display:block;min-height:172px;cursor:pointer;}
.banner:hover{filter:brightness(1.03);}
.site-caption{position:absolute;left:11px;top:108px;max-width:380px;font:bold 15px/1.25 Georgia,"Times New Roman",serif;
  color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.6);}
@media(max-width:600px){
  .banner-wrap{min-height:110px;background-size:auto 110px;background-color:#fff7e6;}
  .banner{min-height:110px;}
  .site-caption{top:74px;font-size:12px;max-width:250px;}
}
.main-nav{background:var(--menu-bg);border-bottom:1px solid #e8dcc0;}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
.main-nav li{margin:0;}
.main-nav a{display:block;padding:10px 18px;font-family:Georgia,Verdana,Arial,sans-serif;color:#4a4a4a;text-decoration:none;}
.main-nav a:hover{background:var(--menu-hover);}
.layout{display:flex;gap:18px;align-items:flex-start;padding:18px 0;}
.sidebar{flex:0 0 185px;max-width:185px;}
.content{flex:1 1 auto;min-width:0;order:2;}
.sidebar.left{order:1;}
.sidebar.right{order:3;}
@media(max-width:820px){.layout{flex-direction:column;}.sidebar{flex:1 1 auto;max-width:none;}}
.block{background:var(--panel);border:1px solid #f0e2c8;border-radius:var(--radius);margin-bottom:18px;overflow:hidden;padding:8px 12px;}
.block h3.block-title{margin:-8px -12px 8px;padding:8px 10px;font:bold 13px Verdana,Arial,sans-serif;
  background:var(--panel-head) url('assets/side.gif') repeat-x top center;border-bottom:1px solid #f0e2c8;color:#4a4a4a;}
.block h2.wp-block-heading,.block h2{margin:0 0 6px;padding:0 0 6px;font:bold 13px Verdana,Arial,sans-serif;
  color:#4a4a4a;border-bottom:1px solid #f0e2c8;}
.block .block-body{padding:0;}
.block .wp-block-group{margin:0;}
.block p{margin:6px 0;}
.block form{margin:0;}
.block ul{list-style:none;margin:0;padding:0;}
.block li{padding:4px 0;border-bottom:1px dashed #eadfc6;}
.block li:last-child{border-bottom:0;}
.entry{background:#fff;border:1px solid #efe6d2;border-radius:var(--radius);padding:16px 18px;margin-bottom:18px;}
.entry-title{margin:0 0 8px;font:bold 22px/1.25 Georgia,serif;color:var(--muted);}
.entry-title a{color:var(--muted);text-decoration:none;}
.entry-title a:hover{color:var(--link);}
.entry-meta{color:#8a8a8a;font-size:12px;margin-bottom:10px;}
.entry-content h1,.entry-content h2{font-size:24px;color:var(--muted);}
.site-footer{background:var(--footer);border-top:1px solid #e8dcc0;border-radius:0 0 var(--radius) var(--radius);
  margin:12px 0 24px;padding:14px;text-align:center;color:#6b6b6b;font-size:12px;}
.searchform input[type=text]{width:100%;padding:5px 7px;border:1px solid #ddd;border-radius:4px;}
.searchform input[type=submit]{margin-top:6px;background:#f3f3f3;border:1px solid #ccc;border-radius:4px;padding:4px 10px;cursor:pointer;}

/* «киноплёнка» — кадры видны, в каждом кадре буква */
.filmstrip{background:linear-gradient(#4a4a4a,#2f2f2f);border-top:3px solid #111;border-bottom:3px solid #111;padding:13px 0;position:relative;}
.filmstrip:before,.filmstrip:after{content:"";position:absolute;left:0;right:0;height:6px;
  background:repeating-linear-gradient(90deg,transparent 0 4px,#f4efe2 4px 10px,transparent 10px 16px);}
.filmstrip:before{top:4px;}
.filmstrip:after{bottom:4px;}
.filmstrip-wrap{max-width:1100px;margin:0 auto;padding:0 12px;}
.filmstrip ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0;justify-content:center;}
.filmstrip li{margin:0;}
.filmstrip a{display:block;width:27px;height:25px;line-height:25px;text-align:center;
  background:#f8f3e6;color:#141414;border:2px solid #0d0d0d;border-radius:2px;
  box-shadow:0 2px 0 rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.15);
  font:bold 13px/25px Georgia,"Times New Roman",serif;text-decoration:none;}
.filmstrip a:hover{background:#fff;color:#000;}
.filmstrip a.current{background:#e3cfa2;color:#000;border-color:#7a5a1e;}
@media(max-width:600px){.filmstrip{padding:9px 0;}.filmstrip ul{gap:3px;}.filmstrip a{width:22px;height:22px;line-height:22px;font-size:11px;border-width:1px;}}
}