/* VetAgenda -- nieuw ontwerp, fase 3b: gelijke tegelhoogte + iets rustigere lettergewichten. Datum: 2026-09-01 */
.va-card{ display:flex; flex-direction:column; height:100%; background:#fff; border:1.5px solid var(--va-line); border-radius:18px; overflow:hidden; color:inherit; box-shadow:0 2px 14px rgba(20,18,30,.05); transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s, border-color .2s; text-decoration:none !important; }
.va-card:hover{ transform:translateY(-4px); box-shadow:0 12px 34px rgba(212,24,106,.13); border-color:#e79cbf; text-decoration:none; color:inherit; }
.va-card--feat{ border:2px solid #f59e0b !important; box-shadow:0 4px 22px rgba(245,158,11,.2) !important; }
.va-card--feat:hover{ border-color:#d97706 !important; box-shadow:0 14px 34px rgba(245,158,11,.28) !important; }
.va-head{ background:var(--va-purple); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-shrink:0; }
.va-head--feat{ background:linear-gradient(135deg, #92400e 0%, #b45309 45%, #d97706 100%) !important; flex-direction:column !important; align-items:stretch !important; gap:6px !important; padding:11px 16px 12px !important; }
.va-feat-label{ display:flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; color:#fef3c7; letter-spacing:.07em; text-transform:uppercase; }
.va-head-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.va-head-txt{ display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:rgba(255,255,255,.95); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.va-badge{ font-size:10px; font-weight:600; padding:3px 8px; border-radius:20px; white-space:nowrap; }
.va-badge-vol{ background:rgba(255,255,255,.28); color:#fff; }
.va-badge-gratis{ background:#c6f6d5; color:#14683a; }
.va-body{ padding:16px 16px 12px; flex:1 1 0%; display:flex; flex-direction:column; min-width:0; }
.va-title{ font-size:14px; font-weight:600; color:var(--va-ink); line-height:1.45; margin:0 0 4px; word-break:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.va-org{ font-size:12px; color:var(--va-mut); font-weight:500; margin:0 0 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.va-meta{ display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px; }
.va-tags{ display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; }
.va-chip{ display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; padding:4px 9px; border-radius:20px; background:var(--va-accent-s); color:var(--va-accent-d); white-space:nowrap; }
.va-chip-gratis{ background:#dcfce7; color:#14683a; }
.va-tag{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; max-width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:top; box-sizing:border-box; }
.va-tag-s{ background:var(--va-purple-s); color:var(--va-purple); border:1px solid #ddc9f0; }
.va-tag-d{ background:#eef4ff; color:#2b5bb8; border:1px solid #c5d8f8; }
.va-tag-pe{ background:#edfaf1; color:#14683a; border:1px solid #c3ecd0; }
.va-tag-on{ background:#dbeafe; color:#1d4ed8; border:1px solid #93c5fd; display:inline-flex; align-items:center; gap:3px; }
.va-tag-on svg{ color:#1d4ed8; }
.va-tag-ih{ background:#fef3e2; color:#b45309; border:1px solid #fcd9a5; display:inline-flex; align-items:center; gap:3px; }
.va-tag-ih svg{ color:#b45309; }
.va-foot{ padding:11px 16px 14px; border-top:1px solid var(--va-soft); display:flex; align-items:center; justify-content:space-between; font-size:12.5px; font-weight:600; color:var(--va-accent); gap:8px; }
.va-card--feat .va-foot{ border-top-color:#fde68a; color:#b45309; }
.va-arrow{ transition:transform .2s cubic-bezier(.4,0,.2,1); flex-shrink:0; }
.va-card:hover .va-arrow{ transform:translateX(4px); }

/* Aanbieders -- Cards Bedrijven grid restyle naar nieuw ontwerp (aanbieders.html prototype). Datum: 2026-09-01 */
.container.text-center > .row.justify-content-center.g-4 > [class*="col-"] > .card.__bg-white.js-clickblock{
	background:#fff;
	border:1.5px solid var(--va-line);
	border-radius:16px;
	box-shadow:none;
	overflow:hidden;
	transition:transform .15s, box-shadow .15s, border-color .15s;
}
.container.text-center > .row.justify-content-center.g-4 > [class*="col-"] > .card.__bg-white.js-clickblock:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 28px -12px rgba(28,27,38,.18);
	border-color:#d8cfe6;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-header{
	border-bottom:none;
	background:#fff;
	padding:18px 18px 0;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-header h2{
	font-size:15px;
	font-weight:800;
	color:var(--va-ink);
	line-height:1.3;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .label-primary{
	background:var(--va-accent-s);
	color:var(--va-accent-d);
	font-size:11.5px;
	font-weight:800;
	padding:4px 9px;
	border-radius:20px;
	white-space:nowrap;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-body{
	border-bottom:none;
	background:var(--va-soft);
	border-radius:12px;
	margin:14px 18px 0;
	padding:16px !important;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer{
	background:transparent;
	border-top:none;
	padding:14px 18px 18px;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer .media{
	margin-bottom:0;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer .media-body small{
	color:var(--va-mut);
	font-size:12.5px;
	line-height:1.4;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer .i-marker{
	color:var(--va-purple) !important;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer .mt-3{
	margin-top:12px !important;
	padding-top:12px;
	border-top:1px solid var(--va-soft);
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer .btn-arrow{
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	color:var(--va-purple-d) !important;
	font-weight:700;
	font-size:13px;
}
.row.justify-content-center.g-4 .card.__bg-white.js-clickblock:hover .btn-arrow{
	color:var(--va-accent-d) !important;
}
@media (max-width:480px){
	.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-header,
	.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-footer{
		padding-left:14px;
		padding-right:14px;
	}
	.row.justify-content-center.g-4 .card.__bg-white.js-clickblock .card-body{
		margin-left:14px;
		margin-right:14px;
	}
}