/* The only hand-written CSS in 1.0. Everything else is Divi's, kept verbatim
   so the port stays 1:1. This file covers the three places where the live
   site relied on JavaScript and we now render server-side: the Trustindex
   reviews slider and the Instagram feed, both frozen, and the Moonform mount
   that replaced the Divi form. Prefix br- so nothing
   can collide with a Divi class. */

:root { --br-gold:#b28220; --br-gold-bright:#e2b14c; --br-ink:#2d2d31; }

/* --- Trustindex reviews, rebuilt statically from the widget template ------ */
/* The widget's own stylesheet (/trustindex.css) styles the cards; these rules
   do what its JS did: show the arrows, switch the column count with the width
   (target 300 px per card, so 3 / 2 / 1), and open a card on "Read more". */
.br-ti .ti-widget.ti-goog .ti-controls { display:block; }
.br-ti .ti-reviews-container-wrapper { scroll-behavior:smooth; }
@media (max-width:639px) {
  .br-ti .ti-widget-container.ti-col-3 .ti-review-item { flex:0 0 100%; max-width:100%; } }
@media (min-width:640px) and (max-width:959px) {
  .br-ti .ti-widget-container.ti-col-3 .ti-review-item { flex:0 0 50%; max-width:50%; } }
.br-ti .ti-review-item.br-ti-open .ti-review-content {
  -webkit-line-clamp:unset !important; max-height:none !important; overflow:visible !important; }
.br-ti .ti-review-item.br-ti-open .ti-read-more { display:none !important; }

/* --- Instagram feed, frozen from the live page ------------------------------ */
/* Two kinds of feed live. The band pages' feeds are plain grids of square
   thumbnails laid out by Smash Balloon's own CSS (4 / 3 / 2 columns by width),
   which still works untouched. The home and three band pages use the plugin's
   JS masonry: its computed positions are kept inline and are exact for the
   1080 px row the live page laid them out in; narrower viewports fall back to
   CSS columns, one column on phones as the live feed shows. Every feed shows
   four posts on phones (data-nummobile="4"). */
@media (max-width:1199px) {
  #sb_instagram.sbi_masonry #sbi_images { display:block !important; column-count:3; column-gap:12px;
    height:auto !important; position:static !important; }
  #sb_instagram.sbi_masonry .sbi_item { position:static !important; width:100% !important; left:auto !important;
    top:auto !important; break-inside:avoid; margin:0 0 12px; padding:0 !important; display:block; } }
@media (max-width:640px) {
  #sb_instagram.sbi_masonry #sbi_images { column-count:1; }
  #sb_instagram #sbi_images .sbi_item:nth-child(n+5) { display:none !important; } }