/* Bosstad – vestigingspagina's: openingstijden in de hero + reviewbalk (bosstad-vestiging-hero.php, 31-10-2026). */

/* ---------- hero: tekst links, glazen urenkaart rechts (zoals home "Kom langs") */
html body .bs-uren.bs-uren--hero { width: 100%; max-width: 460px; margin: 0 0 0 auto; }
html body .bs-uren--hero .bs-uren__card { padding: 24px 26px 0 !important; border-radius: 12px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .28) !important; }
html body .bs-uren--hero .bs-uren__top { margin-bottom: 12px; }
html body .bs-uren--hero .bs-vuren__status { margin-bottom: 10px; padding-bottom: 14px; }
html body .bs-uren--hero .bs-vuren__status strong { font-size: 25px; }
html body .bs-uren--hero .bs-uren__row { padding: 8px 0; }
html body .bs-uren--hero .bs-uren__row.is-today { margin: 0 -12px; padding-left: 12px; padding-right: 12px; }
html body .bs-uren--hero .bs-vuren__voet { margin: 14px -26px 0; }
html body .bs-uren--hero .bs-vuren__link { padding: 14px 18px 14px 26px; }
html body .bs-uren--hero .bs-vuren__link + .bs-vuren__link { padding-left: 18px; }
html body .bs-uren--hero .bs-vuren__link--mail { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid rgba(255, 255, 255, .1); padding-left: 26px !important; }
html body .bs-uren.bs-uren--hero .bs-uren__note { margin: 10px 4px 0; font-size: 12.5px; color: rgba(255, 255, 255, .62) !important; }

/* hero-kolommen */
html body .bs-vhero-inner > .e-con-inner, html body .bs-vhero-inner.e-con-full { align-items: center; }

@media (max-width: 1024px) {
	html body .bs-uren.bs-uren--hero { max-width: 560px; margin: 8px 0 0; }
}
@media (max-width: 640px) {
	html body .bs-uren--hero .bs-uren__card { padding: 20px 18px 0 !important; }
	html body .bs-uren--hero .bs-vuren__status strong { font-size: 22px; }
	html body .bs-uren--hero .bs-uren__row { padding: 7px 0; }
	html body .bs-uren--hero .bs-vuren__voet { margin: 12px -18px 0; grid-template-columns: 1fr; }
	html body .bs-uren--hero .bs-vuren__link, html body .bs-uren--hero .bs-vuren__link + .bs-vuren__link, html body .bs-uren--hero .bs-vuren__link--mail { padding: 13px 18px !important; }
}

/* ---------- reviewbalk onder de hero (zelfde als home, cijfers per vestiging) */
html body .bs-vhero-rv .bs-hr-rv__sterren .bs-vhero-rv__leeg { color: #D9DBD8; }
html body .elementor-widget-shortcode:has(> .elementor-widget-container > .bs-vhero-rv),
html body .elementor-widget-shortcode:has(> .bs-vhero-rv) { width: 100%; }