/* «Дальше на велосипеде»: Cassiopeia + Kunena Aurelia в цветах дороги: лесной зелёный, светлый гравий, сигнальный оранжевый.
   По низу шапки — силуэт профиля высот (набор высоты в отчётах). Только цвета и мелкие отступы. */
:root {
  --vl-forest: #1d3b2a; --vl-forest-2: #2b5a3e; --vl-orange: #e8622a; --vl-orange-d: #b9461a; --vl-gravel: #f1efe8; --vl-sand: #e4ddcc; --vl-ink: #1f2a24; --vl-link: #23603f;
  --cassiopeia-color-primary: #1d3b2a; --cassiopeia-color-link: #23603f; --cassiopeia-color-hover: #b9461a;
  --link-color: #23603f; --link-hover-color: #b9461a;
}
body { background: var(--vl-gravel); color: var(--vl-ink); }
.container-header {
  background: var(--vl-forest-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V44l70-10 60 8 90-22 70 14 80-26 60 16 70-6 90 20 80-30 70 12 60-8 90 18 70-10 80 14 60-6 80 10v26z' fill='%231d3b2a'/%3E%3Cpath d='M0 44l70-10 60 8 90-22 70 14 80-26 60 16 70-6 90 20 80-30 70 12 60-8 90 18 70-10 80 14 60-6 80 10' fill='none' stroke='%23e8622a' stroke-width='2'/%3E%3C/svg%3E") bottom / 100% 46px no-repeat;
  padding-bottom: 30px;
}
.container-header .navbar-brand { display: flex; flex-direction: column; }
.container-header .brand-logo { color: #fff; font-weight: 800; letter-spacing: .01em; display: inline-flex; align-items: center; gap: .6rem; }
.container-header .brand-logo::before {
  content: ''; width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--vl-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='16' r='3.6'/%3E%3Ccircle cx='18' cy='16' r='3.6'/%3E%3Cpath d='M6 16l4-7h5l3 7M10 9l3 7h-7M13 6h3'/%3E%3C/svg%3E") center / 26px no-repeat;
}
.container-header .site-description { color: #d6ead9; font-size: .95rem; }
.container-header .mod-menu > li > a, .container-header .metismenu > li > a { color: #fff; }
.container-header .mod-menu > li > a:hover, .container-header .metismenu > li > a:hover { color: #ffb08a; }
.footer { background: var(--vl-forest); border-top: 3px solid var(--vl-orange); }

/* Kunena Aurelia: шапки разделов зелёные с оранжевой кромкой */
#kunena.layout .card-header, #kunena.layout table.table thead th, #kunena.layout .kblock .kheader, #kunena.layout h2.card-header {
  background: var(--vl-forest); color: #fff; border-bottom: 3px solid var(--vl-orange);
}
#kunena.layout .card-header a, #kunena.layout thead th a { color: #ffd2bd; }
#kunena.layout .navbar, #kunena.layout .knav { background: #fff; border-bottom: 2px solid var(--vl-sand); }
#kunena.layout .btn-primary, #kunena.layout .btn-outline-primary:hover { background: var(--vl-forest); border-color: var(--vl-forest); color: #fff; }
#kunena.layout .badge.bg-primary, #kunena.layout .badge.text-bg-primary { background: var(--vl-orange) !important; color: #fff !important; }
#kunena.layout a { color: var(--vl-link); }
#kunena.layout a:hover { color: var(--vl-orange-d); }
#kunena.layout .kmsg, #kunena.layout .kmessage { background: #fff; }
#kunena.layout .kpost-profile img, #kunena.layout .kavatar img { border-radius: 8px; }

/* Ссылки в сообщениях: свой стиль форума — «след протектора»: под ссылкой ряд косых оранжевых шашек высотой 4px, без подчёркивания.
   Без значка внешней ссылки. */
#kunena.layout .kmsg a:not(.btn), #kunena.layout .kmessage a:not(.btn), #kunena.layout .kmsgtext a:not(.btn), #kunena.layout a.bbcode_url {
  color: #23603f; font-weight: 600; text-decoration: none; padding-bottom: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4'%3E%3Cpath d='M0 4L2 0h3L3 4z' fill='%23e8622a'/%3E%3C/svg%3E") left bottom / 8px 4px repeat-x;
}
#kunena.layout .kmsg a:not(.btn):hover, #kunena.layout .kmessage a:not(.btn):hover, #kunena.layout .kmsgtext a:not(.btn):hover, #kunena.layout a.bbcode_url:hover { color: #b9461a; }
#kunena.layout a.bbcode_url::after { content: none !important; }
#kunena.layout blockquote, #kunena.layout .kmsgtext-quote { border-left: 3px solid var(--vl-orange); background: #f6f3ea; }