/**
 * Canonical visible brand signature for every UFoundMe! application shell.
 * It is deliberately typographic: no extra logo request and no header growth.
 */
:where(.ufm-brand-lockup,.shop-brand,.legal-brand,.auth-logo-ufoundme,.dash-head>a:first-child,.admin-brand,.login-brand,.portal-brand,.site-header .brand,.partner-head>a:first-child,.ulule-brand,.ufm-chat-brand){
  flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-decoration:none!important
}
:where(.shop-brand,.legal-brand,.auth-logo-ufoundme,.dash-head>a:first-child,.admin-brand,.login-brand,.portal-brand,.site-header .brand,.partner-head>a:first-child,.ulule-brand,.ufm-chat-brand):not(:has(.ufm-brand-signature))::after{
  content:"by MEO Safety";display:block;width:100%;color:#625a69;font-family:Inter,system-ui,sans-serif;font-size:clamp(9px,.65vw,11px);font-weight:700;line-height:1;letter-spacing:.035em;text-align:center;white-space:nowrap;text-transform:none
}
.admin-brand:not(:has(.ufm-brand-signature))::after,.site-footer:not(:has(.ufm-brand-signature))::before{color:#625a69}
.site-footer:not(:has(.ufm-footer-brand-signature))::before{content:"UFoundMe! by MEO Safety";display:block;color:inherit;font-size:.72rem;font-weight:750;letter-spacing:.025em}
.brand-pronunciation,.ulule-brand>span[aria-hidden="true"]{display:none!important}
@media(max-width:767px){
  :where(.shop-brand,.legal-brand,.auth-logo-ufoundme,.dash-head>a:first-child,.admin-brand,.login-brand,.portal-brand,.site-header .brand,.partner-head>a:first-child,.ulule-brand,.ufm-chat-brand):not(:has(.ufm-brand-signature))::after{font-size:9px}
}

/* Shared, dependency-free breadcrumb: this stylesheet is injected by the
   canonical output boundary on every UFoundMe! HTML surface. */
.ufm-breadcrumb{box-sizing:border-box;width:min(1180px,calc(100% - 40px));margin:18px auto 0;color:#6b6375;font:650 .82rem/1.35 Inter,system-ui,sans-serif}
.ufm-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none}
.ufm-breadcrumb li{min-width:0;display:flex;align-items:center;gap:7px}
.ufm-breadcrumb li+li::before{content:'›';color:#a89eaf;font-weight:800}
.ufm-breadcrumb a{min-height:44px;display:inline-flex;align-items:center;color:#4e326e;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ufm-breadcrumb [aria-current=page]{max-width:min(68vw,640px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b6375}
.ufm-breadcrumb :focus-visible{border-radius:4px;outline:3px solid #634296;outline-offset:3px}
.ufm-breadcrumb--task{position:absolute!important;left:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.auth-page-ufoundme>.ufm-breadcrumb{margin-top:14px}
.ufm-breadcrumb+main{scroll-margin-top:120px}
@media(max-width:767px){
  .ufm-breadcrumb{width:calc(100% - 24px);margin-top:10px;font-size:.78rem}
  .ufm-breadcrumb a{min-height:40px}
  .ufm-breadcrumb [aria-current=page]{max-width:58vw}
}
@media(max-width:359px){
  .ufm-breadcrumb{width:calc(100% - 20px)}
  .ufm-breadcrumb [aria-current=page]{max-width:50vw}
}

/* UFM_PET_BACKGROUND_V14648 — one shared page canvas, one cached local SVG per size.
   Same-origin SVG respects the Blog CSP: no DOM, focus or pointer layer.
   Animal card themes and private chat canvases are deliberately untouched. */
:root {
  --ufm-site-gradient: linear-gradient(135deg, #fffaf3 0%, #f8f1ff 60%, #ebfaf6 100%);
  --ufm-site-paw-trail-mobile: url("/ufoundme/assets/brand/site-paw-trails-mobile.svg");
  --ufm-site-paw-trail: url("/ufoundme/assets/brand/site-paw-trails.svg");
}
html body:not(.public-card-body):not(.chat-surface):not(.chat-page) {
  background-color: #fffaf3 !important;
  background-image: var(--ufm-site-paw-trail), var(--ufm-site-gradient) !important;
  background-repeat: repeat-y, no-repeat !important;
  background-position: center top, center top !important;
  background-size: max(760px, 100%) auto, 100% 100vh !important;
  background-attachment: scroll, fixed !important;
}
/* Remove only full-page canvases that used to hide the shared background.
   Panels, product illustrations, buttons, headers and footer keep their colour. */
html body:not(.public-card-body):not(.chat-surface):not(.chat-page) > main > .view {
  background: transparent !important;
}
@media (max-width: 599px) {
  html body:not(.public-card-body):not(.chat-surface):not(.chat-page) {
    /* Keep two small trails near the edges instead of shrinking six busy marks. */
    background-image: var(--ufm-site-paw-trail-mobile), var(--ufm-site-gradient) !important;
    background-size: 100% auto, 100% 100vh !important;
    background-position: center top, center top !important;
  }
}
@media print, (forced-colors: active) {
  html body:not(.public-card-body):not(.chat-surface):not(.chat-page) {
    background-image: none !important;
    background-color: Canvas !important;
  }
}