/* Fund My Rescue look for BarkArt's pages on a rescue's address (added by _app/router.php → bac_fmr_skin()).
   The router swaps BarkArt's blues for the rescue's color and sets --fmr / --fmr-deep / --fmr-soft. */
body { font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif !important; background-color: #FFFAF2 !important; }
h1, h2, h3, .logo, .fmr-name { font-family: 'Fredoka', 'Nunito', system-ui, sans-serif !important; font-weight: 600 !important; letter-spacing: 0 !important; }
nav, .header-inner, header.hero nav { background-color: transparent; }

/* the rescue's name + logo where BarkArt's was */
.fmr-brand { display: inline-flex; align-items: center; gap: 10px; color: #2B2118 !important; text-decoration: none; }
.fmr-brand .fmr-mark { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; display: inline-grid; place-items: center; background: #fff; flex: 0 0 34px; box-shadow: 0 0 0 2px var(--fmr-soft); }
.fmr-brand .fmr-mark img { width: 100%; height: 100%; object-fit: contain; }
.fmr-brand .fmr-mark svg { width: 34px; height: 34px; }
.fmr-name { font-size: 1.15rem; line-height: 1.1; }

/* buttons: round and friendly; nav buttons keep white text */
.btn, a.btn, button[type=submit], input[type=submit], .button, .cta-btn { border-radius: 999px !important; }
.nav-links a.btn, nav a.btn { color: #fff !important; }
input[type=text], input[type=email], input[type=number], select, textarea { border-radius: 14px !important; }

/* the support bar: full width even on centered (flex) pages */
.fmr-bar { display: block; width: 100%; align-self: stretch; box-sizing: border-box; background: var(--fmr); color: #fff; text-align: center;
  font: 700 14px/1.4 'Nunito', system-ui, sans-serif; padding: 9px 14px; }
.fmr-bar a { color: #fff; text-decoration: underline; }

/* footer */
.fmr-foot { width: 100%; align-self: stretch; box-sizing: border-box; margin-top: 4rem; padding: 2rem 1rem 2.4rem; background: var(--fmr-soft);
  border-top: 3px solid var(--fmr); text-align: center; font-size: .85rem; color: #6B5B4E; line-height: 1.7; }
.fmr-foot .in { max-width: 860px; margin: 0 auto; }
.fmr-foot strong { color: #2B2118; }
.fmr-foot a { color: var(--fmr-deep); text-decoration: none; margin: 0 .45rem; font-weight: 700; white-space: nowrap; }
.fmr-foot a:hover { text-decoration: underline; }
.fmr-foot .links { margin-top: .4rem; }
.fmr-foot .small { font-size: .78rem; margin-top: .5rem; }

/* centered pages (sign-in, waiting, welcome…): body is a centered flex column, so pin the bar to the top edge and run
   bar + footer edge to edge (router adds .fmr-flex when it sees one) */
body.fmr-flex { justify-content: flex-start !important; padding-top: 0 !important; }
body.fmr-flex > .fmr-bar { width: 100vw; max-width: none; margin: 0 0 2.5rem; align-self: center; }
body.fmr-flex > .fmr-foot { width: 100vw; max-width: none; margin-bottom: -1.5rem; margin-top: auto; align-self: center; }
body.fmr-flex > .fmr-foot { position: relative; top: 2.5rem; }

/* social sign-in buttons: readable text */
.sso-btn { color: #2B2118 !important; }