/* MEO visual depth: restrained shadows for controls and media.
 * Structural panels keep their hierarchy; keyboard focus rings remain untouched. */

/* Public site and authentication controls. */
.public-cta,
.public-menu-toggle,
.auth-submit,
.auth-button,
.auth-link-button {
  box-shadow: 0 4px 10px rgba(16, 45, 58, .10);
}

.public-cta:hover,
.public-menu-toggle:hover,
.auth-submit:hover,
.auth-button:hover,
.auth-link-button:hover {
  box-shadow: 0 6px 14px rgba(16, 45, 58, .13);
}

/* Marketing and editorial imagery. */
.mk-hero-photo {
  box-shadow: 0 16px 38px rgba(16, 45, 58, .11);
}

.mk-hero-visual > img {
  filter: drop-shadow(0 13px 20px rgba(16, 45, 58, .10));
}

.mk-float,
.mk-tracker-visual {
  box-shadow: 0 10px 24px rgba(16, 45, 58, .09);
}

.blog-hero,
.blog-card,
.blog-article-shell > article {
  box-shadow: 0 9px 24px rgba(24, 50, 60, .055);
}

.blog-card:hover,
.blog-card:focus-within {
  box-shadow: 0 12px 28px rgba(24, 50, 60, .085);
}

.blog-product-screenshot img,
.blog-cover,
.mk-editorial-card img {
  box-shadow: 0 8px 20px rgba(24, 50, 60, .075);
}

/* Application controls and user-supplied/product images. */
.button,
.icon-button,
.help-button,
.context-help-button,
.pet-photo-button,
.settings-avatar-button,
.settings-help-button,
.zone-add-button,
.promotion-cta,
.qr-button-fa {
  box-shadow: 0 4px 10px rgba(16, 45, 58, .10);
}

.button:hover,
.icon-button:hover,
.help-button:hover,
.context-help-button:hover,
.pet-photo-button:hover,
.settings-avatar-button:hover,
.settings-help-button:hover,
.zone-add-button:hover,
.promotion-cta:hover,
.qr-button-fa:hover {
  box-shadow: 0 6px 14px rgba(16, 45, 58, .13);
}

.pet-avatar img,
.pet-photo,
.animal-avatar img,
.profile-photo img,
.product-image,
.settings-map,
.map-shell {
  box-shadow: 0 7px 18px rgba(16, 45, 58, .07);
}

/* Superadmin action controls only; panels retain their information hierarchy. */
.admin-button,
.admin-secondary-button,
.admin-refresh-button,
.admin-sync-button,
.admin-button-icon,
.admin-compact-detail-button {
  box-shadow: 0 4px 10px rgba(18, 48, 60, .09);
}

.admin-button:hover,
.admin-secondary-button:hover,
.admin-refresh-button:hover,
.admin-sync-button:hover,
.admin-button-icon:hover,
.admin-compact-detail-button:hover {
  box-shadow: 0 6px 14px rgba(18, 48, 60, .12);
}

@media (prefers-contrast: more) {
  .public-cta,
  .public-menu-toggle,
  .button,
  .admin-button {
    box-shadow: none;
  }
}