/* ============================================================
   Farris Fair — Elementor global-class polish
   Elementor's class engine drops `transition` and pseudo-elements,
   so those live here. Selectors target global classes by LABEL,
   which is how they render into the markup.

   House style (matching the CR Bookkeeping build):
     - round accent dots for list bullets, not ticks
     - hairline borders, never drop shadows
     - hard-edged photography, no rounded corners
   ============================================================ */

/* Round accent dot, same geometry as the CR build. */
.check-item::before,
.check-item-dark::before{
  content:'';
  position:absolute;
  left:0;
  top:.55rem;
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background-color:var(--ff-accent);
}
.check-item-dark::before{background-color:var(--ff-pale)}

/* Short rule above a statistic, as on the CR stats strip. */
.count-up{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.stat-rule{display:block;width:34px;height:2px;background:var(--ff-accent)}
.stat-rule-dark{display:block;width:34px;height:2px;background:var(--ff-pale)}

.btn-navy,.btn-pale,.btn-outline,.btn-outline-dark{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}

/* Hairline, no shadow, no lift: cards sit flat and change their edge. */
.card{transition:border-color .22s ease,background-color .22s ease}
.card:hover{border-color:var(--ff-accent)}

.chip{transition:border-color .2s ease,color .2s ease}

.photo-frame img{transition:transform .5s ease}
.photo-frame:hover img{transform:scale(1.02)}

.badge-img{transition:transform .25s ease}
.badge-img:hover{transform:translateY(-2px)}

/* Elementor atomic containers ship with 10px padding and a 30px min-width. */
.inner-row>.e-con-inner,.inner-col>.e-con-inner{padding:0}

.body-text a,.lede a{color:var(--ff-accent-ink);text-underline-offset:3px}
.body-text-dark a,.lede-dark a{color:var(--ff-pale)}

@media (prefers-reduced-motion:reduce){
  .btn-navy,.btn-pale,.btn-outline,.btn-outline-dark,.card,.chip,.photo-frame img,.badge-img{transition:none}
  .badge-img:hover,.photo-frame:hover img{transform:none}
}
