/* vinjakt.nu additions (Oct 2026): the "Liknande viner" / country wine tiles and the category intro text.
   Kept out of the Astro components on purpose: component styles are bundled into the shared page
   stylesheet and would change the output of every other site. Linked through lateStyles in
   scripts/sites.json, which only vinjakt.nu reads. */

/* WineGrid.astro: a white card with a heading and picture tiles */
.wine-grid-card { margin-top: 24px; }
.related-wines { clear: both; }
.related-wines .table-heading { margin-top: 0; }
.related-wines ul {
  list-style: none; margin: 1em 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1em;
}
/* The theme draws square bullets on li and a rule under every entry link; neither belongs on picture tiles. */
.related-wines li { margin: 0; padding: 0; text-align: center; list-style: none; }
.related-wines li::marker, .related-wines li::before { content: none; }
.related-wines a { display: block; color: inherit; text-decoration: none; border: 0; box-shadow: none; background: none; }
.related-wines img {
  display: block; margin: 0 auto .6em; width: auto; max-width: 100%;
  height: 120px; object-fit: contain;
}
.related-name { display: block; font-size: .95em; line-height: 1.3; }
.related-wines a:hover .related-name { text-decoration: underline; }
@media (max-width: 600px) {
  .related-wines ul { grid-template-columns: repeat(2, 1fr); }
}

/* ArchiveIntro.astro: the text under a category or tag heading; collapses like the country pages */
.archive-intro {
  max-width: 780px; margin: 0 auto 2em; padding: 1.4em 1.8em;
  background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}
.archive-intro p { margin: 0 0 1em; }
.archive-intro p:last-child { margin-bottom: 0; }
.archive-intro a { color: #4b9560; text-decoration: underline; }
@media (max-width: 600px) { .archive-intro { padding: 1.1em 1.2em; } }