/* ===========================
   Stavern Seilskole – MakePlans Skin (minimal, color-only)
   =========================== */

/* Brand */
:root{
  --brand:#E06AA3;        /* rosa */
  --brand-hover:#C7538E;  /* mørkere rosa */
  --header:#0B0B0B;       /* sort */
}

/* Header helt sort */
#header, header, .header, .booking-header, .topbar, .navbar, .masthead {
  background: var(--header) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
#header a, .header a, .topbar a, .navbar a, .masthead a{
  color:#F3F4F6 !important; text-decoration:none !important; font-weight:600 !important;
}
#header a:hover, .header a:hover, .topbar a:hover, .navbar a:hover, .masthead a:hover{
  color:var(--brand) !important;
}

/* ===========================
   Tjeneste-oversikt (liste med kurskategorier)
   =========================== */

/* Farg hele raden (LI) */
.services li,
.service-list li,
.service_types li{
  background-color: var(--brand) !important;
  background-image: none !important;
  border: 0 !important;
}
.services li:hover,
.service-list li:hover,
.service_types li:hover{
  background-color: var(--brand-hover) !important;
}

/* Tittel/lenke: hvit tekst, ingen egen bakgrunn */
.services li a,
.service-list li a,
.service_types li a{
  background: transparent !important;
  color:#fff !important;
  text-shadow:none !important;
  border-color: transparent !important;
  text-decoration:none !important;
}

/* Noen temaer legger farge på indre <span> */
.services li a > span,
.service-list li a > span,
.service_types li a > span{
  background: transparent !important;
  background-image: none !important;
}

/* ===========================
   Event-lister (datoer for valgt kurs)
   =========================== */

/* Farg hele raden (LI) – lar layout være i fred */
#events ul#select-event li,
ul#select-service li{
  background-color: var(--brand) !important;
  background-image: none !important; /* fjern grønn tekstur */
  border: 0 !important;
}

/* Tittel/lenke: hvit tekst, ingen egen bakgrunn */
#events ul#select-event li > a,
ul#select-service li > a{
  background: transparent !important;
  color:#fff !important;
  text-shadow:none !important;
  border-color: transparent !important;
  text-decoration:none !important;
}

/* Pris og "ledige" – kun farge (ikke posisjon) */
#events ul#select-event li .price,
#events ul#select-event li .free_capacity,
ul#select-service li .price,
ul#select-service li .free_capacity{
  color:#fff !important;
  text-shadow:none !important;
  background: transparent !important;
}

/* ===========================
   Mobil: litt symmetriske side-gutters (valgfritt)
   =========================== */
@media (max-width:640px){
  #events, .content, #content { padding-left: 1rem !important; padding-right: 1rem !important; }
  ul#select-event, ul#select-service { padding-left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
}