/* PET BRO polish, 10 Nov 2026.
   1. Orange only on things you tap.  2. Fewer, clearer text sizes.
   3. Dog initials instead of the cartoon puppy.  4. Empty states with a next step.
   Loaded after every other stylesheet. Remove the <link> to undo. */

/* 1. One signal colour */
html body .eyebrow{color:var(--pb-muted,#5B5F68)}
html[data-theme=dark] body .eyebrow{color:var(--pb-muted)}
html body .pb-vaccine-card{border-color:var(--pb-line,#E6E7EA)!important;box-shadow:inset 4px 0 0 var(--pb-ink,#17181C)}
html body .pb-vaccine-card .section-title h3,html[data-theme=dark] body .pb-vaccine-card .section-title h3{color:var(--pb-ink,#17181C)}
html body .pb-offer{margin:6px 0 0;font-weight:700;color:var(--pb-ink,#17181C)}
html body .stat-icon,html body .pack-stat:nth-child(n) .stat-icon,html body .section-emblem{background:var(--pb-surface,#F1F2F4);color:var(--pb-ink,#17181C)}
html body .section-emblem svg{color:var(--pb-ink,#17181C)}
html body .hero-kicker{color:#C9CCD2}
html body .small-link{color:var(--pb-accent,#C2410C)}
html[data-theme=dark] body .small-link{color:var(--pb-accent-text)}
html body .nav button[hidden]{display:none!important}

/* 2. Type scale: big titles, small labels, little in between */
html body .panel .heading h1{font-size:40px;line-height:1.05;letter-spacing:-.035em}
html body #home>.heading h1{font-size:48px}
html body .section-title h3{font-size:20px;letter-spacing:-.02em}
html body .pack-stat strong{font-size:34px;line-height:1}
html body .pack-stat small,html body .action small,html body .dog small,html body .pb-areas{font-size:12px}
html body .panel .heading p{font-size:14px}
@media(max-width:850px){
  html body .panel .heading h1{font-size:30px}
  html body #home>.heading h1{font-size:34px}
  html body .pack-stat strong{font-size:28px}
}

/* 3. Dog photo placeholder: initial on a dark brand tile */
html body .dogpic:not(.has-photo){background:linear-gradient(140deg,#1B1C21 0%,#3B2418 100%)}
.pb-dog-initial{font-size:44px;font-weight:800;line-height:1;color:#F7E7D6;letter-spacing:-.04em}
.dog .pb-dog-initial{font-size:32px}
.dog-actions{display:flex!important;flex-wrap:nowrap;gap:8px}
html body .dog-actions .btn{flex:1 1 0;min-width:0;min-height:40px;padding:8px 6px;font-size:13px;white-space:nowrap}

/* 4. Empty states */
.pb-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:28px 16px;border:1px dashed var(--pb-line,#E6E7EA);border-radius:16px;grid-column:1/-1}
.pb-empty-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--pb-surface,#F4F5F7);color:var(--pb-ink,#17181C)}
.pb-empty-icon svg{width:26px;height:26px}
.pb-empty strong{font-size:17px;color:var(--pb-ink,#17181C)}
.pb-empty p{margin:0;max-width:360px;font-size:14px;color:var(--pb-muted,#5B5F68)}
.pb-empty .btn{margin-top:6px}

/* Book a pro: links to the vet directory and trainer sign-up (menu merged) */
.pb-more-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:4px}
.pb-more-links a{font-size:14px;font-weight:700;color:var(--pb-accent,#C2410C);text-decoration:none}
html[data-theme=dark] .pb-more-links a{color:var(--pb-accent-text)}

/* Mobile: keep the last card clear of the bottom menu */
@media(max-width:850px){html body .content{padding-bottom:120px}}