.br-bg-1 {
    background-image: url(/assets/images/rederijen.jpg);
}

/* Advertentieplekken (<ad-slot>, beheer via dashboard) */
.ad-slot {
    text-align: center;
    margin: 0 0 20px;
    max-width: 100%;
    overflow: hidden;
}
.ad-slot .ad-label {
    display: block;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #999;
}
.ad-slot .ad-inline {
    margin: 0 auto;
}

/* Witte titels in de hero (breadcrumb-wrap) leesbaar op lichte foto's: donkere omlijning + zachte gloed */
.breadcrumb-wrap:not(.style2) .breadcrumb-title h2,
.breadcrumb-wrap:not(.style2) .breadcrumb-title h3,
.breadcrumb-wrap:not(.style2) .breadcrumb-title ul li,
.breadcrumb-wrap:not(.style2) .breadcrumb-title ul li a {
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, .55), 1px -1px 0 rgba(0, 0, 0, .55),
        -1px  1px 0 rgba(0, 0, 0, .55), 1px  1px 0 rgba(0, 0, 0, .55),
        0 2px 12px rgba(0, 0, 0, .45);
}

/* ── Cruise-aanbieding (Views/Shared/_CruiseCard.cshtml) ── */
.cr-card { display:grid; grid-template-columns:260px 1fr 220px; gap:0; margin-bottom:18px; background:#fff; border:1px solid #e3eaef;
            border-radius:14px; overflow:hidden; cursor:pointer; box-shadow:0 4px 14px rgba(10,30,60,.06); transition:box-shadow .15s, transform .15s; }
        .cr-card:hover { box-shadow:0 10px 26px rgba(10,30,60,.13); transform:translateY(-2px); }
        .cr-img { position:relative; min-height:190px; background:#dfe8ee center/cover no-repeat; }
        .cr-promo { position:absolute; top:12px; left:12px; background:#f2602a; color:#fff; font-size:.75rem; font-weight:700;
            padding:5px 10px; border-radius:999px; box-shadow:0 3px 10px rgba(242,96,42,.4); }
        .cr-nights { position:absolute; bottom:12px; left:12px; background:rgba(10,30,60,.75); color:#fff; font-size:.75rem; font-weight:600;
            padding:4px 10px; border-radius:999px; }
        .cr-body { padding:16px 20px; min-width:0; }
        .cr-title { font-size:1.05rem; font-weight:700; margin:0 0 6px; line-height:1.3; }
        .cr-meta { font-size:.8rem; color:#5b6670; margin-bottom:10px; }
        .cr-meta i { color:#1798a7; }
        .cr-row { font-size:.84rem; margin-bottom:4px; display:flex; gap:8px; }
        .cr-row > span:first-child { color:#8a949c; min-width:62px; flex-shrink:0; }
        .cr-route { color:#2b3640; }
        .cr-dest { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
        .cr-dest span { background:#e8f6f7; color:#12717c; font-size:.72rem; font-weight:600; padding:3px 9px; border-radius:999px; }
        .cr-side { padding:16px 18px; border-left:1px solid #eef2f5; display:flex; flex-direction:column; align-items:center; justify-content:space-between;
            text-align:center; background:#fafcfd; }
        .cr-logo { width:160px; max-height:64px; object-fit:contain; margin-bottom:6px; }
        .cr-from { font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:#8a949c; font-weight:700; }
        .cr-price { font-size:1.7rem; font-weight:800; color:#f2602a; line-height:1.1; }
        .cr-cabin { font-size:.75rem; color:#5b6670; margin-bottom:6px; }
        .cr-other { font-size:.72rem; color:#5b6670; margin-bottom:10px; }
        .cr-btn { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(180deg,#ff8c4f,#f2602a); color:#fff; font-weight:700;
            font-size:.85rem; padding:9px 18px; border:0; border-radius:999px; box-shadow:0 6px 16px rgba(242,96,42,.3); cursor:pointer; white-space:nowrap; }
        @media (max-width: 991px) { .cr-card { grid-template-columns:200px 1fr; } .cr-side { grid-column:1 / -1; border-left:0; border-top:1px solid #eef2f5;
            flex-direction:row; flex-wrap:wrap; gap:10px; } }
        @media (max-width: 575px) { .cr-card { grid-template-columns:1fr; } .cr-img { min-height:170px; } }
.cr-company { font-size:.85rem; font-weight:700; color:#1798a7; margin-bottom:10px; }
/* Eén knopkleur voor alle cruise-acties (kaarten, popup, landingspagina's) */
:root { --ca-cta-1:#ff8c4f; --ca-cta-2:#f2602a; }
