/* Blocket Boats – Frontend – ärver temats typsnitt */
.bb-wrap {
    box-sizing: border-box;
    font-family: inherit;
}
.bb-heading { text-align: center; margin-bottom: 1.5rem; font-size: 1.75rem; font-family: inherit; }

.bb-grid { display: grid; }

.bb-card {
    display: flex; flex-direction: column;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    transition: transform .2s, box-shadow .2s;
}
.bb-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.1); text-decoration: none; }

.bb-img-outer { width: 100%; background: #dde8f5; display: flex; justify-content: center; overflow: hidden; box-sizing: border-box; position: relative; }
.bb-img-inner { height: 100%; overflow: hidden; flex-shrink: 0; }
.bb-img-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.bb-card:hover .bb-img-inner img { transform: scale(1.04); }

.bb-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 4px; flex: 1; font-family: inherit; }
.bb-title { margin: 0; font-weight: 600; line-height: 1.3; font-family: inherit; }
.bb-loc   { margin: 0; font-size: .85em; color: #666; font-family: inherit; }
.bb-cta   { display: block; margin-top: auto; padding-top: 8px; font-size: .85em; font-weight: 600; font-family: inherit; }

/* Prischips – fast grön, ärver typsnitt */
.bb-price-chip {
    position: absolute; top: 0; left: 0;
    background: #22c55e; color: #fff;
    font-family: inherit;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 0 0 10px 0;
    line-height: 1.4;
    pointer-events: none;
    white-space: nowrap;
    z-index: 2;
}

.bb-error, .bb-empty { background: #f8f9fa; border-left: 4px solid #0d6efd; padding: 1rem 1.25rem; border-radius: 4px; font-family: inherit; }
.bb-error { border-color: #dc3545; }

@media (max-width: 480px) {
    .bb-grid { grid-template-columns: 1fr; }
}