/* Shared navigation: Services owns pet care and training. */
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--leaf-dark);outline-offset:4px}
.services-menu{position:relative;flex:1 1 0;min-width:0}
.services-menu > summary {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  min-width: 0;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(31, 45, 39, 0.1);
  border-radius: 8px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 8px 18px rgba(31, 45, 39, 0.06);
  text-decoration: none;
  white-space: nowrap;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}
.services-menu > summary::before {
  content: var(--nav-icon, "🐾");
  display: inline-flex;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 253, 248, 0.9);
  border-radius: 50%;
  color: var(--leaf-dark);
  font-size: 1.1rem;
  line-height: 1;
  background:
    radial-gradient(circle at 63% 35%, rgba(255, 255, 255, 0.9) 0 13%, transparent 14%),
    linear-gradient(135deg, var(--leaf), var(--sun));
  box-shadow: 0 5px 11px rgba(31, 45, 39, 0.13);
}
.services-menu > summary{cursor:pointer;list-style:none;color:inherit;font:inherit}
.services-menu > summary::-webkit-details-marker{display:none}
.services-menu > summary::after{content:'▾';font-size:.75rem}
.services-menu[open] > summary{background:var(--white);color:var(--leaf-dark);border-color:var(--leaf)}
.services-submenu{position:absolute;top:calc(100% + 8px);left:0;width:260px;max-width:calc(100vw - 36px);padding:8px;background:var(--cream);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:30}
.nav .services-submenu a{display:flex;justify-content:space-between;gap:12px;min-height:48px;padding:12px;white-space:normal;box-shadow:none;border:0;font-size:.9rem}
.nav .services-submenu a::before{display:none}
.services-submenu span{font-size:.8rem;white-space:nowrap;color:var(--muted)}
.training-breadcrumb{max-width:1180px;margin:20px auto 0;padding:0 clamp(18px,4vw,42px);font-size:.9rem;color:var(--muted)}
.training-booking-note{font-size:.95rem;color:var(--muted)}
@media(max-width:900px){
.site-header .nav{display:flex;flex-wrap:wrap;overflow:visible;justify-content:center;gap:8px;width:100%}
.site-header .nav > a,.services-menu{flex:0 1 auto}
.site-header .nav > a,.services-menu > summary{min-height:44px;padding:8px 12px;white-space:normal}
.site-header .nav > a::before,.services-menu > summary::before{display:none}
.services-submenu{left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}