/* Malmöhus Pistolskyttekrets — Cassiopeia klädd som den gamla Protostar-sajten:
   ljusgrå bakgrund, vit centrerad ruta, blå (#0088cc) som accent, menyn som
   "piller" under loggan och högerspaltens moduler i grå kort. */
:root {
  --cassiopeia-color-primary: #0088cc;
  --cassiopeia-color-link: #0088cc;
  --cassiopeia-color-hover: #005580;
  --mk-bakgrund: #f4f6f7;
  --mk-kant: #dddddd;
  --mk-kort: #f5f5f5;
  --mk-text: #333333;
}

body.site {
  background: var(--mk-bakgrund);
  border-top: 3px solid #0088cc;
  color: var(--mk-text);
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
}

/* Hela sidan i en vit ruta med fast bredd, som Protostar. */
.site-grid,
.container-header,
.container-footer {
  max-width: 980px;
  margin-inline: auto;
}
.container-header {
  background: #fff;
  background-image: none;
  border: 1px solid var(--mk-kant);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  margin-top: 20px;
  padding: 20px 20px 0;
  box-shadow: none;
}
.site-grid {
  background: #fff;
  border: 1px solid var(--mk-kant);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  padding: 0 20px 20px;
  grid-gap: 0 20px;
}

/* Loggan i full bredd, inget sajtnamn i text. */
.container-header .navbar-brand {
  padding: 0;
  margin: 0;
}
.container-header .navbar-brand img {
  max-width: 100%;
  height: auto;
}

/* Menyn: piller på vit botten mellan två tunna linjer. */
.container-header .container-nav {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: 10px;
  padding: 7px 0;
}
.container-header .mod-menu > li > a,
.container-header .metismenu > li > a,
.container-header .metismenu > li > button {
  color: #0088cc;
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 0.875rem;
}
.container-header .mod-menu > li.active > a,
.container-header .metismenu > li.active > a,
.container-header .mod-menu > li > a:hover,
.container-header .metismenu > li > a:hover {
  background: #0088cc;
  color: #fff;
  text-decoration: none;
}

/* Bannerbilden ovanför innehållet. */
.banner-flintlock {
  margin: 10px 0 0;
}
.banner-flintlock img {
  width: 100%;
  height: auto;
  display: block;
}

/* Rubriker och länkar. */
h1, h2, h3, .page-header h1, .page-header h2 {
  color: var(--mk-text);
  font-weight: 400;
}
.page-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 9px;
  margin-bottom: 18px;
}
a {
  color: #0088cc;
}
a:hover {
  color: #005580;
}

/* Högerspalten: grå kort som i Protostar. */
.container-sidebar-right .card {
  background: var(--mk-kort);
  border: 1px solid var(--mk-kant);
  border-radius: 4px;
  box-shadow: none;
  margin-bottom: 20px;
}
.container-sidebar-right .card-header {
  background: transparent;
  border: 0;
  font-size: 1.15rem;
  font-weight: 400;
  padding: 15px 20px 0;
}
.container-sidebar-right .card-body {
  padding: 15px 20px;
}

/* Brödsmulor som en ljus list, sidfoten utan färgad bakgrund. */
.container-breadcrumbs {
  background: var(--mk-kort);
  border-radius: 4px;
  padding: 8px 15px;
}
.container-footer {
  background: transparent;
  color: var(--mk-text);
  border-top: 1px solid #ddd;
  margin-top: 20px;
}
.container-footer .grid-child {
  padding: 15px 0;
}

/* Menyn vänsterställd och tät, som Protostars "nav-pills". */
.container-header .container-nav {
  justify-content: flex-start;
  padding-inline: 0;
}
.container-header .mod-menu_dropdown-metismenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2px;
  margin: 0;
  padding: 0;
}
.container-header .mod-menu_dropdown-metismenu > .metismenu-item {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.container-header .mod-menu_dropdown-metismenu > .metismenu-item > a {
  display: block;
  padding: 6px 12px;
  margin: 0;
}

/* Artikelrubriken i Protostars storlek. */
.com-content-article .page-header h1,
.com-content-article .page-header h2 {
  font-size: 1.6rem;
  line-height: 1.25;
}

/* JEvents standardtema i kretsens blå i stället för röd (#ff3b30 är hårdkodat i temat).
   Genererat ur views/flat/assets/css — samma selektorer, högre specificitet via body.site. */
body.site .jev_toprow div.previousmonth, body.site .jev_toprow div.nextmonth {
  background-color: #0088cc;
  border: 1px solid #0088cc;
}
body.site .jev_toprow div.currentmonth {
  border-top: 1px solid #0088cc;
  border-bottom: 1px solid #0088cc;
}
body.site #jevents_body .nav-items div.active a, body.site .jev_header2 .active a {
  background-color: #0088cc;
}
body.site #jevents_body .nav-items div.active a:hover, body.site .jev_header2 .active a:hover {
  border-left: 1px solid #0088cc;
}
body.site .nav-items > div {
  border: 1px solid #0088cc;
}
body.site #jevents_body .nav-items > div a:hover {
  border-left: 1px solid #0088cc;
}
body.site .nav-items > div:first-child {
  border-left: 1px solid #0088cc;
}
body.site .nav-items > div:last-child {
  border-right: 1px solid #0088cc;
}
body.site #jevents_body .cal_today a.cal_daylink {
  background-color: #0088cc;
}
body.site #jevents_body .cal_today a.cal_daylink:hover {
  border-left: 1px solid #0088cc;
  border: 1px solid #0088cc;
  color: #0088cc;
}
body.site .jev_toprow div.previousmonth, body.site .jev_toprow div.nextmonth {
  background-color: #0088cc;
  border:1px solid #0088cc;
}
body.site .jev_toprow div.currentmonth {
  border-top:1px solid #0088cc;
  border-bottom: 1px solid #0088cc;
}
body.site #jevents_body .nav-items div.active a, body.site .jev_header2 .active a {
  background-color:#0088cc;
}
body.site #jevents_body .nav-items div.active a:hover, body.site .jev_header2 .active a:hover {
  border-left: 1px solid #0088cc;
}
body.site .nav-items > div {
  border:1px solid #0088cc;
}
body.site #jevents_body .nav-items > div a:hover {
  border-left:1px solid #0088cc;
}
body.site .nav-items > div:first-child {
  border-left:1px solid #0088cc;
}
body.site .nav-items > div:last-child {
  border-right:1px solid #0088cc;
}
body.site #jevents_body .cal_today a.cal_daylink {
  background-color:#0088cc;
}
body.site #jevents_body .cal_today a.cal_daylink:hover {
  border-left: 1px solid #0088cc;
  border:1px solid #0088cc;
  color:#0088cc;
}
body.site #jevents #jevents_body .new-navigation .nav-items > div {
  border-left:1px solid #0088cc;
}
body.site #flatcal_minical .flatcal_todaycell a {
  border: 1px solid #0088cc;
  background-color: #0088cc;
}
body.site #flatcal_minical .flatcal_todaycell a:hover {
  border: 1px solid #0088cc;
}

/* Kommande händelser: datumbrickor som på den gamla sajten (där var de röda
   och kom från JEvents betaltema "iconic"), här i kretsens blå. */
.container-sidebar-right .mod_events_latest_table,
.container-sidebar-right .mod_events_latest_table td {
  border: 0;
  background: transparent;
  padding: 0;
}
.container-sidebar-right .mod_events_latest_table tr + tr .mk-handelse {
  border-top: 1px solid #e3e3e3;
}
.mk-handelse {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 8px 0;
}
.mk-datum {
  flex: 0 0 42px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  border: 1px solid #0088cc;
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
}
.mk-dag {
  display: block;
  color: #0088cc;
  font-size: 1rem;
  padding: 4px 0 3px;
}
.mk-man {
  display: block;
  background: #0088cc;
  color: #fff;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 3px 0;
}
.mk-info {
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.35;
}
.mk-vdag {
  display: block;
  color: #555;
}
.mk-info a {
  text-decoration: none;
}
.mk-info a:hover {
  text-decoration: underline;
}
.container-sidebar-right .mod_events_latest_table {
  width: 100%;
  table-layout: fixed;
}
.mk-info {
  overflow-wrap: anywhere;
}

/* Listor (t.ex. Klubblista): länkar utan understrykning, som förut. */
.com-content-category table.category a {
  text-decoration: none;
}
.com-content-category table.category a:hover {
  text-decoration: underline;
}

/* Innehåll från Webshooter (mod_webshooter) i kretsens blå i stället för
   Webshooters turkosa. Rubriken finns redan i Webshooters del. */
.mod-webshooter .wsk a {
  color: #0088cc;
}
.mod-webshooter .wsk__head {
  border-bottom-color: #0088cc;
}
.mod-webshooter .wsk {
  max-width: none;
  font-family: inherit;
}

/* Programsidan (JEvents årslista, mallöverskrivning): en ren lista med
   datumbricka, titel, veckodag/plats och kategori — samma brickor som på
   startsidan. */
.mk-program__manad {
  font-size: 1.05rem;
  font-weight: 600;
  color: #0088cc;
  border-bottom: 2px solid #0088cc;
  padding: 0 0 4px;
  margin: 22px 0 4px;
}
.mk-program__lista {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mk-program__rad {
  align-items: center;
  border-bottom: 1px solid #eee;
}
.mk-program__rad .mk-info {
  flex: 1 1 auto;
}
.mk-program__titel {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
}
.mk-program__kategori {
  flex: 0 0 auto;
  font-size: 0.72rem;
  color: #555;
  background: #eef3f6;
  border-radius: 10px;
  padding: 2px 9px;
  white-space: nowrap;
}
.mk-passerad {
  opacity: 0.55;
}
@media (max-width: 575px) {
  .mk-program__kategori {
    display: none;
  }
}
body.site .jev_listview.mk-program {
  padding: 0 14px 14px;
  background: #fff;
}