/* Modern Dental V414.3 — Premium Emerald × Champagne Gold buttons.
   Additive CSS only. No changes to HTML structure, route handlers, orders,
   payments, customer data or administrator interface.
   Based on the user's reference: deep emerald enamel, champagne-gold inlay,
   sculpted edge, restrained highlights; no bright cyan strip. */
:root {
  --md4143-gold:#e3c17e;
  --md4143-gold-pale:#f4dfaa;
  --md4143-shadow:rgba(18,34,27,.30);
}
/* Only existing filled primary action buttons on the PUBLIC storefront.
   Secondary/outline/danger, quantity, icon, close and navigation links stay as-is. */
#app .navcat,
#app .search button,
#app .btn:not(.outline):not(.light):not(.danger),
#app .md81-btn-primary,
#app .md75-buy .md75-add-cart,
#app .md414-button,
#app .md345-submit,
#app .md94-hero-search button,
#app .md324-hero-link,
#app .md324-help-button {
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  color:#fef6e2 !important;
  background:
    radial-gradient(ellipse at 74% -25%,rgba(29,198,169,.50),rgba(1,58,52,0) 54%) padding-box,
    linear-gradient(158deg,#001a19 0%,#00372f 25%,#045c51 55%,#012c29 80%,#007969 100%) padding-box,
    linear-gradient(130deg,#8c602b 0%,#eddca8 15%,#fff4c3 30%,#bc883e 55%,#f2d18a 79%,#865322 100%) border-box !important;
  border:1.75px solid transparent !important;
  border-radius:12px !important;
  box-shadow:
    inset 0 1px 1px rgba(255,246,207,.34),
    inset 0 -3px 5px rgba(1,22,18,.62),
    0 2px 0 rgba(99,63,26,.68),
    0 5px 10px rgba(31,43,30,.24),
    0 8px 19px rgba(30,48,42,.12) !important;
  text-shadow:0 1px 2px rgba(0,19,17,.52) !important;
  font-weight:800;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
  -webkit-tap-highlight-color:transparent;
}
/* Painted inlay / gentle curvature, both pointer-transparent. */
#app .navcat::before,
#app .search button::before,
#app .btn:not(.outline):not(.light):not(.danger)::before,
#app .md81-btn-primary::before,
#app .md75-buy .md75-add-cart::before,
#app .md414-button::before,
#app .md345-submit::before,
#app .md94-hero-search button::before,
#app .md324-hero-link::before,
#app .md324-help-button::before {
  content:'';
  position:absolute;
  inset:2px 3px;
  border-radius:9px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 16% -25%,rgba(255,233,166,.20),transparent 35%),
    linear-gradient(175deg,rgba(247,255,240,.16) 0%,rgba(255,255,255,0) 31%,rgba(0,190,147,.02) 65%,rgba(0,214,164,.20) 100%);
  z-index:0;
}
#app .navcat::after,
#app .search button::after,
#app .btn:not(.outline):not(.light):not(.danger)::after,
#app .md81-btn-primary::after,
#app .md75-buy .md75-add-cart::after,
#app .md414-button::after,
#app .md345-submit::after,
#app .md94-hero-search button::after,
#app .md324-hero-link::after,
#app .md324-help-button::after {
  content:'';
  position:absolute;
  left:9%;right:7%;bottom:3px;
  height:8px;
  border-bottom:1px solid rgba(247,213,132,.36);
  border-radius:0 0 60% 85%;
  pointer-events:none;
  z-index:0;
}
/* The category trigger is the strongest visual reference. */
#app .navcat {
  min-height:44px;
  padding:10px 17px !important;
  letter-spacing:0;
  font-size:12.5px;
  white-space:nowrap;
}
#app .navcat .navcat-arrow {color:var(--md4143-gold-pale) !important;}
#app .navcat:focus-visible,
#app .search button:focus-visible,
#app .btn:not(.outline):not(.light):not(.danger):focus-visible,
#app .md81-btn-primary:focus-visible,
#app .md75-buy .md75-add-cart:focus-visible,
#app .md414-button:focus-visible,
#app .md345-submit:focus-visible,
#app .md94-hero-search button:focus-visible,
#app .md324-hero-link:focus-visible,
#app .md324-help-button:focus-visible {
  outline:2px solid #b88a42 !important;
  outline-offset:3px;
}
@media (hover:hover) {
  #app .navcat:hover,
  #app .search button:hover,
  #app .btn:not(.outline):not(.light):not(.danger):hover,
  #app .md81-btn-primary:hover,
  #app .md75-buy .md75-add-cart:hover,
  #app .md414-button:hover,
  #app .md345-submit:hover,
  #app .md94-hero-search button:hover,
  #app .md324-hero-link:hover,
  #app .md324-help-button:hover {
    transform:translateY(-1px);
    filter:brightness(1.07);
    box-shadow:
      inset 0 1px 1px rgba(255,249,207,.44),
      inset 0 -3px 5px rgba(1,22,18,.57),
      0 2px 0 rgba(99,63,26,.69),
      0 8px 17px rgba(36,37,24,.23),
      0 12px 24px rgba(32,48,36,.12) !important;
  }
}
#app button:disabled:is(.navcat,.btn,.md414-button,.md345-submit),
#app .btn[aria-disabled='true'] {
  transform:none !important;
  filter:grayscale(.5) brightness(.8) !important;
  opacity:.62;
  cursor:not-allowed;
}
/* Preserve existing compact card and mobile heights; no padding increase. */
#app .product-card .pactions .btn,
#app .md402-restorative .pactions .btn {
  min-width:0;
  font-size:inherit;
  border-radius:10px !important;
}
@media (max-width:720px) {
  #app .btn:not(.outline):not(.light):not(.danger),
  #app .md414-button,
  #app .md345-submit {
    border-radius:10px !important;
  }
  #app .search button {
    padding-inline:12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  #app .navcat,#app .search button,#app .btn,
  #app .md81-btn-primary,#app .md75-add-cart,#app .md414-button,#app .md345-submit,
  #app .md324-hero-link,#app .md324-help-button{transition:none!important;}
}
