a:link, a:visited {
    color: #55b;
    text-decoration: none;
}

.site-name a {
 text-decoration: none;
 color: inherit;  
}


header .banner {
height: 100px;
width: 100%;
background-image: url('/assets/img/site-banner.jpg');
background-size: cover;
background-position: 50%;
}

ul.restaurant-list li {
  list-style-type: none;
}

.restaurant-list .title a {
  text-decoration: underline;
}

.restaurant .details .detail-group {
  margin-bottom: 0.7em;
}

.vicinity {
  font-style: italic;
}

.taglink {
  display: inline-block;
  padding: 2px 10px;      /* Slimmer padding */
  font-size: 0.8rem;      /* Smaller text */
  font-style: italic;     /* Matches your image */
  border-radius: 6px;     /* Rounded corners */
  background: #eeeeee;    /* Light gray background */
  border: none;           /* Remove border if you want a flat look */
  color: #444;
  margin-right: 5px;
  text-decoration: none;
}

.taglink:hover {
  background: #e0e0e0;    /* Darken slightly on hover */
}



.warning-message {
  background-color: #fff5f7;
}

.warning-message .message-body {
  border-color: #ff3860;
  border-width: 0 0 0 4px;
  border-style: solid;
  padding-left: 1em;
}

.paginator nav {
  justify-content: center;
}

.paginator ul {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  gap: 0.5rem;
  
}

/* Normalizes links and buttons so they sit on the same line */
.paginator ul li a,
.paginator ul li button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem; /* Set a fixed height */
  margin: 0; /* Pico buttons often have a default bottom margin */
  line-height: 1;
  vertical-align: middle;
}

/* Optional: Make them consistent widths if you want a cleaner grid */
.paginator ul li a,
.paginator ul li button:not([disabled="true"]) {
  min-width: 2.5rem;
}

footer.website-footer {
  color: #555;
  font-size: 80%;
}