/* ============================================================================
   Rank Forge Marketing — Trust components
   ----------------------------------------------------------------------------
   Two strips that sit directly beneath the hero on every template:

     .rf-creds    partner / certification badges + a link to real Google reviews
     .rf-clients  named client wordmarks

   Both are built to fail safe. Badge images self-remove if the file is not
   present (see the inline onerror in the markup), and an empty list collapses
   the whole strip, so the credential bar stays invisible until real badge
   files are dropped into /assets/badges/.

   No rating value or certification is asserted anywhere in this file or in the
   markup it styles. Those are claims only the business can make, and they need
   real artwork plus matching aggregateRating structured data.
   ========================================================================== */

.rf-trust{
  background:var(--rfb-paper,#fcfbf9);
  border-bottom:1px solid var(--rfb-line,#ddd6c9);
}
.rf-trust__shell{
  width:min(1160px,calc(100% - 48px));
  margin-inline:auto;
}

/* --- credential bar ------------------------------------------------------ */

.rf-creds__shell{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:22px 40px;
  padding:20px 0;
}
.rf-creds__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 34px;
  margin:0;
  padding:0;
  list-style:none;
}
.rf-creds__item{display:flex;align-items:center;}
.rf-creds__item img{
  display:block;
  width:auto;
  height:38px;
  opacity:.86;
  transition:opacity .18s ease;
}
.rf-creds__item img:hover{opacity:1;}

.rf-creds__reviews{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--rfb-copy,#4a5058);
  font-size:13.5px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.rf-creds__reviews:hover{color:var(--rfb-orange-dark,#bd3f16);}
.rf-creds__reviews svg{flex:none;}
.rf-creds__reviews span{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;}

/* Collapse the strip entirely while no badge files exist. */
.rf-creds__list:empty{display:none;}
.rf-trust--creds:has(.rf-creds__list:empty) .rf-creds__shell{justify-content:flex-start;}

/* --- client bar ---------------------------------------------------------- */

.rf-clients__shell{
  display:grid;
  grid-template-columns:minmax(150px,auto) minmax(0,1fr);
  align-items:center;
  gap:20px 44px;
  padding:26px 0;
}
.rf-clients__label{
  margin:0;
  color:var(--rfb-muted,#6d737b);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.rf-clients__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px 40px;
  margin:0;
  padding:0;
  list-style:none;
}
.rf-clients__item img{
  display:block;
  width:auto;
  height:26px;
  opacity:.5;
  filter:grayscale(1);
  transition:opacity .2s ease,filter .2s ease;
}
.rf-clients__item a:hover img,
.rf-clients__item a:focus-visible img{opacity:1;filter:grayscale(0);}
.rf-clients__item a{display:block;}

@media (max-width:900px){
  .rf-clients__shell{grid-template-columns:1fr;gap:14px;}
  .rf-clients__list{justify-content:flex-start;gap:16px 28px;}
  .rf-clients__item img{height:22px;}
  .rf-creds__shell{gap:16px 24px;padding:18px 0;}
  .rf-creds__item img{height:32px;}
}

@media (prefers-reduced-motion:reduce){
  .rf-creds__item img,.rf-clients__item img{transition:none;}
}

/* While no badge files exist the row holds only the reviews link, so it should
   not occupy a full-height band. */
.rf-trust--creds:has(.rf-creds__list:empty) .rf-creds__shell{
  justify-content:flex-end;
  padding:13px 0;
}