/* Boat cards for the boats page and the fishing company pages.
   Markup: includes/boat_cards.php mxfr_boat_card(). */
.mx-boat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.mx-boat-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #D9D9D9; border-top: 4px solid #006634; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,.08); }
.mx-boat-card img { width: 100%; height: 150px; object-fit: cover; background: #f2f2f2; }
.mx-boat-noimg { height: 150px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #006634, #009A66); }
.mx-boat-noimg .fa { font-size: 54px; color: rgba(255,255,255,.85); }
.mx-boat-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.mx-boat-body h3 { font-size: 1.15em; font-weight: 700; color: #152B31; margin: 0 0 2px; }
.mx-boat-body h3 a { color: #152B31; }
.mx-boat-body h3 a:hover, .mx-boat-body h3 a:focus { color: #BE0000; text-decoration: none; }
.mx-boat-card > a:not(.mx-boat-noimg) { display: block; }
.mx-boat-meta { color: #636363; font-size: .92em; line-height: 1.35; }
.mx-boat-meta a { color: #636363; text-decoration: underline; }
.mx-boat-meta a:hover, .mx-boat-meta a:focus { color: #BE0000; }
.mx-boat-links { margin-top: auto; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 10px; font-weight: 600; }
.mx-boat-links a { color: #BE0000; }
.mx-boat-links .fa { color: #006634; margin-right: 4px; }