/* Bosstad Tweewielers – Google-reviews (.bs-vrev) en openingstijden (.bs-uren), 2026-09-25. Hoort bij bosstad-vestigingen.php. */

/* ================================================================ reviews */
.bs-vrev{font-family:var(--bs-font-body,Barlow,sans-serif);color:var(--bs-ink,#1C2022);width:100%}
.bs-vrev__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.bs-vrev__titles{max-width:640px}
.bs-vrev__eyebrow{margin:0 0 10px;font-size:11.5px;font-weight:700;letter-spacing:3.4px;text-transform:uppercase;color:var(--bs-teal,#0F8A7C)}
.bs-vrev__kop{margin:0 0 8px;font-family:var(--bs-font-display,Newsreader,serif);font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.12;color:var(--bs-ink,#1C2022)}
.bs-vrev__sub{margin:0;font-size:15px;line-height:1.55;color:var(--bs-muted,#697478)}
.bs-vrev__badge{display:inline-flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--bs-border,#E3E4E2);border-radius:6px;text-decoration:none;color:var(--bs-ink,#1C2022);flex:0 0 auto}
a.bs-vrev__badge:hover{border-color:var(--bs-turquoise,#33C7B7);box-shadow:0 8px 24px rgba(28,32,34,.08);color:var(--bs-ink,#1C2022)}
.bs-vrev__num{font-family:var(--bs-font-display,Newsreader,serif);font-size:38px;line-height:1;color:var(--bs-ink,#1C2022)}
.bs-vrev__badge-txt{display:flex;flex-direction:column;gap:4px}
.bs-vrev__badge-sub{font-size:12.5px;color:var(--bs-muted,#697478);white-space:nowrap}
.bs-vrev__g{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--bs-border,#E3E4E2);font:700 14px/1 Arial,sans-serif;color:#1C2022;flex:none}
.bs-vrev__stars{display:inline-flex;gap:2px}
.bs-vrev__stars svg{width:16px;height:16px;color:#D9DAD8}
.bs-vrev__stars svg.is-on{color:#F5B301}
.bs-vrev__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.bs-vrev__card{display:flex;flex-direction:column;gap:12px;padding:22px 22px 18px;background:#fff;border:1px solid var(--bs-border,#E3E4E2);border-top:3px solid var(--bs-turquoise,#33C7B7);border-radius:4px;transition:box-shadow .18s ease,transform .18s ease}
.bs-vrev__card:hover{box-shadow:0 12px 32px rgba(28,32,34,.09);transform:translateY(-2px)}
.bs-vrev__text{margin:0;font-family:var(--bs-font-display,Newsreader,serif);font-size:18px;line-height:1.45;color:var(--bs-ink,#1C2022);flex:1 1 auto}
.bs-vrev__meta{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--bs-border-soft,#EEF0EF)}
.bs-vrev__avatar{width:34px;height:34px;border-radius:50%;background:rgba(51,199,183,.16);color:var(--bs-teal,#0F8A7C);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.bs-vrev__who{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.bs-vrev__who strong{font-size:14.5px;font-weight:700;color:var(--bs-ink,#1C2022)}
.bs-vrev__who span{font-size:12.5px;color:var(--bs-muted,#697478)}
.bs-vrev__src{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--bs-muted,#697478);text-decoration:none;flex:none}
a.bs-vrev__src:hover{color:var(--bs-teal,#0F8A7C)}
.bs-vrev__more{margin:26px 0 0;display:flex;justify-content:center}
@media(max-width:767px){.bs-vrev__head{margin-bottom:18px}.bs-vrev__badge{width:100%}.bs-vrev__cards{grid-template-columns:1fr;gap:12px}.bs-vrev__card{padding:18px 18px 14px}.bs-vrev__text{font-size:17px}}

/* ================================================================ openingstijden (donkere homepage-sectie; stijl="licht" voor lichte achtergrond) */
.bs-uren{font-family:var(--bs-font-body,Barlow,sans-serif);width:100%;max-width:520px}
.bs-uren__card{position:relative;padding:22px 24px 20px;background:rgba(20,24,26,.72);border:1px solid rgba(255,255,255,.14);border-radius:8px}
@media(min-width:1025px){.bs-uren__card{background:rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}
.bs-uren__card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--bs-turquoise,#33C7B7)}
.bs-uren__card+.bs-uren__card{margin-top:14px}
.bs-uren__top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.bs-uren__ico{width:20px;height:20px;color:var(--bs-turquoise,#33C7B7);flex:none}
.bs-uren__label{font-size:11.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--bs-turquoise,#33C7B7)}
.bs-uren__today{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(51,199,183,.18);color:#fff;white-space:nowrap}
.bs-uren__today[hidden]{display:none}
.bs-uren__table{margin:0;display:grid;gap:0}
.bs-uren__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.bs-uren__row:last-child{border-bottom:0}
.bs-uren__row dt{margin:0;font-size:15px;color:rgba(255,255,255,.82)}
.bs-uren__row dd{margin:0;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.bs-uren__row.is-closed dt,.bs-uren__row.is-closed dd{color:rgba(255,255,255,.45)}
.bs-uren__closed{font-weight:500}
.bs-uren__row.is-today{margin:0 -12px;padding-left:12px;padding-right:12px;background:rgba(51,199,183,.12);border-radius:4px;border-bottom-color:transparent}
.bs-uren__row.is-today dt,.bs-uren__row.is-today dd{color:#fff}
.bs-uren__row.is-today dt::after{content:"vandaag";margin-left:8px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--bs-turquoise,#33C7B7)}
.bs-uren__for{margin:14px 0 0;font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.72)}
.bs-uren__for span{display:block;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:10.5px;color:rgba(255,255,255,.55);margin-bottom:2px}
.bs-uren__for a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.bs-uren__for a:hover{border-color:var(--bs-turquoise,#33C7B7)}
.bs-uren__for i{font-style:normal;color:rgba(255,255,255,.4)}
.bs-uren__note{margin:12px 0 0;font-size:12.5px;color:rgba(255,255,255,.55)}
/* lichte variant */
.bs-uren--licht .bs-uren__card{background:#fff;border-color:var(--bs-border,#E3E4E2);backdrop-filter:none}
.bs-uren--licht .bs-uren__row{border-bottom-color:var(--bs-border-soft,#EEF0EF)}
.bs-uren--licht .bs-uren__row dt{color:var(--bs-muted,#697478)}
.bs-uren--licht .bs-uren__row dd,.bs-uren--licht .bs-uren__row.is-today dt,.bs-uren--licht .bs-uren__row.is-today dd,.bs-uren--licht .bs-uren__for a{color:var(--bs-ink,#1C2022)}
.bs-uren--licht .bs-uren__row.is-closed dt,.bs-uren--licht .bs-uren__row.is-closed dd{color:#A2A9AC}
.bs-uren--licht .bs-uren__today{color:var(--bs-teal,#0F8A7C)}
.bs-uren--licht .bs-uren__for,.bs-uren--licht .bs-uren__note{color:var(--bs-muted,#697478)}
.bs-uren--licht .bs-uren__for span{color:var(--bs-teal,#0F8A7C)}
/* Solace zet standaard kleuren op dt/dd/p in de content: bovenstaande regels moeten winnen */
body .bs-uren:not(.bs-uren--licht) .bs-uren__row dt{color:rgba(255,255,255,.82)!important}
body .bs-uren:not(.bs-uren--licht) .bs-uren__row dd,body .bs-uren:not(.bs-uren--licht) .bs-uren__for a{color:#fff!important}
body .bs-uren:not(.bs-uren--licht) .bs-uren__row.is-closed dt,body .bs-uren:not(.bs-uren--licht) .bs-uren__row.is-closed dd{color:rgba(255,255,255,.45)!important}
body .bs-uren:not(.bs-uren--licht) .bs-uren__for,body .bs-uren:not(.bs-uren--licht) .bs-uren__note{color:rgba(255,255,255,.72)!important}
@media(max-width:767px){.bs-uren{max-width:none}.bs-uren__card{padding:18px 18px 16px}.bs-uren__row.is-today dt::after{display:none}}