/* Kunst van Klaske - Cassiopeia styling (migratie 2026) */

/* lege header verbergen (menu staat in top-a onder de banner) */
.container-header { display: none; }

/* banner met schilderij, titel linksonder */
.container-banner { margin: 0; }
.kvk-banner { background: url('/images/coverphoto.jpg') center 32%/cover no-repeat; height: 205px; position: relative; }
.kvk-banner .kvk-site-title { position: absolute; left: 1.5rem; bottom: .9rem; margin: 0; color: #fff; font-size: 2.4rem; font-weight: 300; letter-spacing: .5px; text-shadow: 0 1px 6px rgba(0,0,0,.55); }

/* donkere menubalk direct onder de banner, full-bleed */
.container-top-a { background: #161616; box-shadow: 0 0 0 100vmax #161616; clip-path: inset(0 -100vmax); margin-bottom: 1.5rem; }
.container-top-a .kvk-menu { margin: 0; }
.container-top-a .mod-menu { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; }
.container-top-a .mod-menu > li > a { display: block; color: #fff; text-transform: lowercase; font-size: 1.05rem; padding: .9rem 1rem; text-decoration: none; }
.container-top-a .mod-menu > li > a:hover,
.container-top-a .mod-menu > li.active > a { color: #fff; font-weight: 700; }
.container-top-a .mod-menu > li.active > a { border-bottom: 3px solid #fff; }
.container-top-a .mod-menu .mod-menu__sub { background: #222; padding: .3rem 0; min-width: 12rem; z-index: 100; }
.container-top-a .mod-menu .mod-menu__sub a { color: #eee; text-transform: lowercase; padding: .45rem 1rem; display: block; text-decoration: none; }
.container-top-a .mod-menu .mod-menu__sub a:hover { background: #333; color: #fff; }
.container-top-a .mod-menu__toggle-sub { background: transparent; border: 0; color: #fff; }

/* paginatitel-band zoals origineel */
.kvk-page-title { background: #f2f2f2; padding: .9rem 1rem; margin: 0 0 1.6rem; text-align: center; font-weight: 300; font-size: 1.9rem; color: #555; }

/* modules zonder kaders */
.main-top .card, .main-top .card-body { border: 0; padding: 0; background: transparent; }

/* caret inline naast galerij, slanke menubalk */
.container-top-a .mod-menu > li { display: flex; align-items: center; flex-wrap: nowrap; }
.container-top-a .mod-menu__toggle-sub { padding: 0 .35rem; margin: 0; }
.container-top-a .mod-menu__toggle-sub .icon-chevron-down { font-size: .8rem; }

/* artikelkoppen licht zoals origineel */
.item-page h1, .item-page h2, .item-page h3 { font-weight: 300; color: #555; }

/* compactere menubalk op smalle schermen */
@media (max-width: 576px) {
  .container-top-a .mod-menu { justify-content: center; }
  .container-top-a .mod-menu > li > a { padding: .55rem .55rem; font-size: .95rem; }
}