/* Original VKHam images; native Joomla navigation and module positions. */
body.site {
  background:#e5e5e5 url("../images/snews.gif") repeat center top fixed;
  color:#242c29;
}
.container-header {
  background:rgba(255,255,255,.94);
  background-image:none;
  box-shadow:0 2px 9px #0002;
}
.container-header .grid-child {max-width:1200px;margin-inline:auto}
.container-header .navbar-brand {margin:0;padding:.8rem 0}
.container-header .navbar-brand img {width:296px;max-width:100%;height:auto}
.container-header .site-description {color:#3d5346}
.container-header .container-nav {align-items:center;gap:1rem;background:#235b3a;padding:.5rem 1rem}
.container-header .container-nav a,.container-header .container-nav button {color:#fff}
.container-header .container-nav .mod-menu {flex-wrap:wrap;gap:.15rem}
.container-header .container-nav .mod-menu>li>a,
.container-header .container-nav .mod-menu>li>button {padding:.55rem .7rem}
.container-header .metismenu.mod-menu .metismenu-item>ul {background:#fff;color:#242c29;box-shadow:0 5px 16px #0003}
.container-header .metismenu.mod-menu .metismenu-item>ul a,
.container-header .metismenu.mod-menu .metismenu-item>ul button {color:#23472f}
.container-header .container-search {margin-inline-start:auto;color:#fff;min-width:12rem}
.container-header .container-search label {color:#fff}
.site-grid {max-width:1200px;margin-inline:auto;padding:1.25rem}
.container-component {min-width:0;background:rgba(255,255,255,.96);border:1px solid #cbd6cd;border-radius:5px;padding:1.5rem}
.container-component h1 {color:#235b3a}
.container-breadcrumbs {background:rgba(255,255,255,.94);padding:.25rem .8rem;border-radius:4px}
.container-breadcrumbs .breadcrumb {margin:.25rem 0}
.vkham-home-intro {max-width:55rem;margin-bottom:1.5rem}
.vkham-home-panels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.vkham-home-panel {border:1px solid #ccd6ce;border-radius:4px;padding:1.1rem;background:#f8faf8;display:flex;flex-direction:column}
.vkham-home-panel h2 {font-size:1.25rem;color:#235b3a;border-bottom:2px solid #94ae98;padding-bottom:.55rem;margin:0 0 .8rem}
.vkham-home-panel p {margin-bottom:.8rem}
.vkham-home-panel .vkham-home-links {margin-top:auto}
.vkham-home-links a {display:inline-block;margin:.2rem .7rem .2rem 0;font-weight:600;color:#235b3a}
.footer {background:rgba(35,71,47,.96);color:white;margin-top:1.5rem}
.footer .grid-child {max-width:1200px;margin-inline:auto;gap:2rem;align-items:flex-start;flex-wrap:wrap}
.footer a {color:white}
.footer input {color:#242c29}
a:focus-visible,button:focus-visible {outline:3px solid #d8a100;outline-offset:3px}
@media(max-width:991px){
 .vkham-home-panels {grid-template-columns:repeat(2,minmax(0,1fr))}
 .container-header .container-search {margin-inline-start:0;width:100%}
 .container-header .navbar-collapse {width:100%}
}
@media(max-width:575px){
 .site-grid {padding:.65rem}
 .container-component {padding:1rem}
 .vkham-home-panels {grid-template-columns:1fr}
 .container-header .navbar-brand img {width:260px}
}
@media print {
 body.site {background:white}
 .container-header,.footer {display:none}
 .container-component {border:0}
}
/* Bundled menu layout, independent of optional Cassiopeia overrides. */
.vkham-top-nav {position:relative;width:100%}
.vkham-top-nav ul {list-style:none;margin:0;padding:0}
.vkham-top-nav .vkham-top-list {display:flex;flex-wrap:wrap;align-items:center}
.vkham-top-nav li {position:relative;display:block}
.vkham-top-nav .vkham-top-list>li {display:flex;align-items:center;flex-wrap:wrap}
.vkham-top-nav a,.vkham-top-nav .mod-menu__heading {display:inline-block;padding:.55rem .6rem;text-decoration:none}
.vkham-top-nav button {background:transparent;border:1px solid #ffffff66;border-radius:3px;padding:.4rem .5rem}
.vkham-top-nav .vkham-top-sub {padding:.4rem;min-width:240px;max-width:min(340px,90vw);background:#fff;border:1px solid #ced9d0}
.vkham-top-nav .vkham-top-sub a,.vkham-top-nav .vkham-top-sub button,
.vkham-top-nav .vkham-top-sub .mod-menu__heading {color:#23472f}
.vkham-top-nav .vkham-top-sub button {border-color:#65836d}
.vkham-top-nav .vkham-top-sub a:hover {background:#eaf0eb}
.vkham-top-nav [hidden] {display:none!important}
.vkham-mobile-toggle {display:none}
@media(min-width:992px) {
 .vkham-enhanced .vkham-top-list>li>.vkham-top-sub {position:absolute;top:100%;left:0;z-index:1050;box-shadow:0 5px 16px #0003}
 .vkham-top-nav .vkham-top-sub .vkham-top-sub {margin-left:.5rem;min-width:0;max-width:100%;border:0;border-left:2px solid #b7cbbb}
}
@media(max-width:991px) {
 .vkham-enhanced .vkham-mobile-toggle {display:block;margin-bottom:.5rem}
 .vkham-top-nav .vkham-top-list {display:block}
 .vkham-top-nav .vkham-top-list>li {display:block}
 .vkham-top-nav .vkham-top-sub {max-width:100%;width:100%;min-width:0}
}

/* The custom Home article already supplies its own heading. */
.com-content-article:has([data-vkham-home-layout="1"]) > .page-header {display:none}

/* Compact shared header: original logo beside navigation. */
.container-header {position:relative;display:grid;grid-template-columns:296px minmax(0,1fr);column-gap:1rem;padding:.4rem max(1rem,calc((100vw - 1200px)/2));min-height:110px}
.container-header>.grid-child:has(.navbar-brand) {grid-column:1;grid-row:1 / 3;width:100%;align-self:center;padding:0}
.container-header .navbar-brand {padding:0}
.container-header>.container-nav {grid-column:2;grid-row:2;width:100%;padding:.35rem .6rem;align-self:end;flex-wrap:wrap;gap:.4rem}
.vkham-account-links {grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem;font-size:.9rem;padding:.2rem .3rem}
.vkham-account-links a {color:#235b3a}
.vkham-account-links form {margin:0}
.vkham-account-links button {background:none;border:0;padding:0;color:#235b3a;text-decoration:underline}
.container-header .container-search {margin-left:auto;min-width:10rem;max-width:22rem}
.container-header .container-search .mod-finder {margin:0}
.vkham-compact-footer {display:flex;justify-content:center;align-items:center;gap:1.5rem;background:#23472f;color:white;padding:.65rem 1rem;margin-top:1rem;font-size:.9rem}
.vkham-compact-footer a {color:white}
.footer:has(#login-form) {display:none}
.footer {margin-top:.5rem}
.footer .grid-child {padding:.6rem 1rem}
@media(max-width:991px) {
 .container-header {grid-template-columns:minmax(0,1fr) auto;padding:.5rem .75rem;gap:.5rem}
 .container-header>.grid-child:has(.navbar-brand) {grid-column:1;grid-row:1}
 .container-header .navbar-brand img {width:240px}
 .vkham-account-links {grid-column:2;grid-row:1;flex-direction:column;gap:.25rem;align-self:center}
 .container-header>.container-nav {grid-column:1 / -1;grid-row:2;margin:0}
 .container-header .container-search {width:100%;max-width:none;margin:0}
}
@media(max-width:420px) {.container-header .navbar-brand img {width:190px}}
@media print {.vkham-compact-footer {display:none}}

/* Discreet search, with a labelled icon submit button. */
.container-header .container-search {width:11rem;min-width:0;max-width:11rem;flex:0 0 11rem}
.container-header .container-search .form-control {font-size:.85rem;min-height:2rem;padding:.3rem .5rem;background:#ffffffed;border-color:#c7d5ca}
.container-header .container-search .btn {font-size:0;padding:.35rem .55rem;background:#ffffffed;color:#235b3a;border-color:#c7d5ca;min-height:2rem}
.container-header .container-search .btn .icon-search {font-size:.85rem;color:#235b3a}
.vkham-compact-footer {flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.8rem;padding:.5rem 1rem}
@media(max-width:991px) {.container-header .container-search {width:14rem;max-width:100%;flex:0 1 14rem}}

@media(min-width:992px) {
 .vkham-top-nav .vkham-top-sub li {position:relative}
 .vkham-enhanced .vkham-top-list .vkham-top-sub .vkham-top-sub {position:absolute;left:100%;top:0;margin:0;min-width:240px;max-width:340px;border:1px solid #ced9d0;box-shadow:0 5px 16px #0003;z-index:1060}
 .vkham-enhanced .vkham-top-list .vkham-top-sub:not([hidden]) {animation:vkham-menu-in .13s ease-out}
 .vkham-top-sub .vkham-sub-toggle {float:right}
}
@keyframes vkham-menu-in {from {opacity:0;transform:translateY(-4px)} to {opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce) {.vkham-enhanced .vkham-top-list .vkham-top-sub:not([hidden]) {animation:none}}

@media(min-width:992px) {.vkham-enhanced .vkham-top-list .vkham-top-sub .vkham-top-sub.vkham-fly-left {left:auto;right:100%}}

/* Align header content to the actual central panel, retaining the full-width background. */
.container-header {padding-inline-start:var(--vkham-header-left,max(1rem,calc((100% - 1200px)/2 + 1.25rem)));padding-inline-end:var(--vkham-header-right,max(1rem,calc((100% - 1200px)/2 + 1.25rem)))}

/* Compact the original HF summary without changing its figures. */
.vkham-hf-totals-scroll {max-width:100%;overflow-x:auto;margin:1rem 0}
.container-component .vkham-hf-totals {table-layout:fixed;width:100%;min-width:760px;border-collapse:collapse}
.container-component .vkham-hf-totals td {padding:.45rem .15rem;text-align:center;vertical-align:middle;width:auto;overflow-wrap:anywhere;white-space:normal}
.container-component .vkham-hf-totals td:first-child {width:10%;text-align:left}
.container-component .vkham-hf-totals h4 {font-size:.85rem;line-height:1.35;margin:0;white-space:normal}
.container-component .vkham-hf-totals tr:first-child {background:#edf3ee}
.container-component .vkham-hf-totals tr+tr {border-top:1px solid #d5ded7}
.vkham-logbook select,.vkham-logbook input {max-width:100%}

/* Club Log is a centered block; its accompanying text follows underneath. */
.container-component iframe[data-vkham-clublog="1"] {display:block;width:450px;max-width:100%;margin:.5rem auto;border:0}
.container-component p:has(>iframe[data-vkham-clublog="1"]) {text-align:center}

/* General reference pages do not need a modification label; repeater dates remain visible. */
.vkham-hide-modified {display:none!important}
.container-component:not(:has([data-vkham-repeater-source])) .article-info dd.modified {display:none}
