/*
 Theme Name:   roskildehave_theme
 Theme URI:    https://example.com/
 Description:  Theme for EF roskildehave, inherits from standard theme and implements custom functions and parts
 Author:       Jacob Warrer
 Template:     twentythirteen
 Version:      1.0.0
*/

/* Start your custom CSS below this line */

// menu pages
.rh-menu-pages { background:#f9f9f9; padding:1rem; border:1px solid #eee; }
.rh-menu-pages-list { list-style:none; margin:0; padding-left:1rem; }
.rh-menu-pages-list li { margin:.25rem 0; }
.rh-menu-pages-root { margin:0 0 .5rem; font-weight:700; }

/* PARKERING - styling for Twenty Thirteen child theme */
.rh-parking {
  background: #fff;
  border-left: 4px solid #d35400; /* accent-farve */
  padding: 1.1em 1.25em;
  margin: 1.2em 0;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
  max-width: 900px; /* optional, lad tema styre hvis du foretrækker fuld bredde */
}

.rh-parking-title {
  margin-top: 0;
  margin-bottom: .45em;
  color: #17324b; /* heading color */
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.8em; /* Twentythirteen-stil */
  line-height: 1.05;
}

.rh-parking-intro {
  margin: 0 0 0.9em 0;
  color: #333;
}

/* Custom list styling: nice bullets and spacing */
.rh-parking-rules {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rh-parking-rules li {
  position: relative;
  padding-left: 2.2rem;   /* plads til pseudo-bullet */
  margin-bottom: 0.7rem;
  color: #222;
  line-height: 1.45;
  font-size: 0.98rem;
}

/* Bullet as accent square/circle using pseudo-element */
.rh-parking-rules li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 10px;
  height: 10px;
  background: linear-gradient(180deg, #e66b2a, #b74410);
  border-radius: 2px; /* change to 50% for round bullets */
  box-shadow: 0 1px 0 rgba(0,0,0,0.08);
}

/* Make links in list stand out but consistent with theme */
.rh-parking-rules a {
  color: #d35400;
  text-decoration: underline;
}
.rh-parking-rules a:hover,
.rh-parking-rules a:focus {
  color: #b74310;
}

/* Slightly smaller on narrow screens and stack spacing */
@media (max-width: 640px) {
  .rh-parking {
    padding: .85em 1em;
  }
  .rh-parking-title {
    font-size: 1.45rem;
  }
  .rh-parking-rules li {
    padding-left: 1.9rem;
    margin-bottom: 0.6rem;
  }
  .rh-parking-rules li:before {
    top: 0.55em;
    width: 9px;
    height: 9px;
  }
}
/* App badges container */
.rh-app-badges {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap; /* stacks on narrow screens */
}

/* Each badge link */
.rh-app-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  box-sizing: border-box;
  line-height: 0; /* remove extra descender gaps for images */
  transition: transform .08s ease, opacity .08s ease;
  text-decoration: none;
}

/* Badge images: keep natural aspect and responsive sizing */
.rh-app-badge img {
  display: block;
  height: 100%;        /* recommended height; adjust to taste */
  width: auto;
  object-fit: contain;
}

/* Slight hover/focus effect: lift a bit */
.rh-app-badge:hover,
.rh-app-badge:focus {
  transform: translateY(-3px);
  opacity: 0.98;
  outline: none;
}

/* Focus-visible ring for keyboard users */
.rh-app-badge:focus-visible {
  box-shadow: 0 0 0 4px rgba(0,115,170,0.12);
  border-radius: 4px;
}

/* Make badges a bit smaller on mobile */
@media (max-width: 420px) {
  .rh-app-badge img { height: 36px; }

/* Vedligehold & renovering - styling for Twenty Thirteen child theme */
.rh-maintenance {
  background: #fff;
  border-left: 4px solid #d35400; /* accent color */
  padding: 1.0rem 1.25rem;
  margin: 1.2rem 0;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

.rh-maintenance-title {
  margin-top: 0;
  margin-bottom: 0.6rem;
  color: #17324b;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.6rem;
  line-height: 1.05;
}

.rh-maintenance-intro {
  margin: 0 0 0.9rem 0;
  color: #333;
}

/* subsection headings */
.rh-maintenance h3 {
  margin-top: 1.0rem;
  margin-bottom: .45rem;
  font-size: 1.05rem;
  color: #17324b;
  font-weight: 700;
}

/* list and paragraph spacing */
.rh-maintenance p {
  color: #222;
  line-height: 1.45;
  margin: 0 0 0.85rem 0;
}

.rh-maintenance-list {
  margin: 0 0 0.85rem 0;
  padding-left: 1.15rem;
}

.rh-maintenance-list li {
  margin-bottom: .45rem;
}

/* links inside the section */
.rh-maintenance a {
  color: #d35400;
  text-decoration: underline;
}
.rh-maintenance a:hover,
.rh-maintenance a:focus {
  color: #b74310;
}

/* small screens */
@media (max-width: 640px) {
  .rh-maintenance { padding: .85rem 1rem; }
  .rh-maintenance-title { font-size: 1.35rem; }
}

/* RH Page TOC widget styles (matches Twenty Thirteen aesthetic) */
.rh-widget-toc {
  background: transparent;
  padding: 0;
}

.rh-widget-toc .rh-toc-list,
.rh-widget-toc .rh-toc-sub {
  list-style: none;
  margin: 0 0 0 0;
  padding-left: 0.75rem;
}

.rh-widget-toc .rh-toc-item {
  margin: 0 0 0.35rem 0;
  font-size: 0.95rem;
}

.rh-widget-toc .rh-toc-item a {
  color: #d35400; /* accent color */
  text-decoration: none;
}

.rh-widget-toc .rh-toc-item a:hover,
.rh-widget-toc .rh-toc-item a:focus {
  color: #b74310;
  text-decoration: underline;
}

.rh-widget-toc .rh-toc-sub { margin-left: .6rem; }