/* cheese-tasting.css */
/* Typography & layout */
.container { max-width: 1000px; margin: 0 auto; padding: 16px; }
.page-header h1 { margin-bottom: 0; }
.serves { margin-top: 6px; color: #555; }

/* Media grid */
.tasting-set { margin: 28px 0; }
.media { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.card.small { opacity: 0.95; }
.tasting-img { height: auto; display: block; }

/* ✅ Scale only wine and cheese images to one-third */
.tasting-img[src^="wines/"],
.tasting-img[src^="cheeses/"] {
  width: 33%;
  max-width: 260px;
}

/* Fruit images keep natural sizing, lightly capped for layout harmony */
.tasting-img[src^="acruto/"] {
  max-width: 180px;
}

/* Inline thumbnails in Notes */
.notes .note-thumb {
  vertical-align: middle;
  margin: 0 6px 0 0;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}
.notes .note-jump {
  margin-left: 6px;
  font-size: 0.9rem;
  text-decoration: none;
  color: #1e3799;
}
.notes .note-jump:hover { text-decoration: underline; }

/* Responsive tweaks */
@media (max-width: 700px) {
  .tasting-img[src^="wines/"],
  .tasting-img[src^="cheeses/"] {
    width: 45%;
    max-width: 200px;
  }
  .tasting-img[src^="acruto/"] {
    max-width: 140px;
  }
  .notes .note-thumb { width: 44px; }
}

/* Share bar spacing when fixed under navbar (if used) */
.has-fixed-navbar #sharebar.share-fixed { margin-top: 8px; }

/* Footer */
.food-footer { border-top: 1px solid #e5e5e5; padding: 16px; font-size: 0.95rem;}
.footer-links { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 8px;}
.footer-links a { text-decoration: none; color: #0c2461; }
.footer-links a:hover { text-decoration: underline; }