/* EXACT REQUEST: nav action circles equal the cart circle; only colour-normalize
   shop category chips and product option/category labels for iOS Safari. */
:root { color-scheme: light; accent-color: #287b16; }

/* All three navigation controls share one identical 54px circular hit area.
   Cart anchor is the size reference; search and menu are matched to it. */
.header .actions > a[aria-label="Shopping cart"],
.header .actions > #searchBtn,
.header .actions > #menuBtn,
.site-shell > .header .actions > a[aria-label="Shopping cart"],
.site-shell > .header .actions > #searchBtn,
.site-shell > .header .actions > #menuBtn,
.inner-page .header .actions > a[aria-label="Shopping cart"],
.inner-page .header .actions > #searchBtn,
.inner-page .header .actions > #menuBtn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  flex: 0 0 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #e3e8d9 !important;
  border-radius: 50% !important;
  background: #fffef8 !important;
  color: #173d25 !important;
  -webkit-text-fill-color: #173d25 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  line-height: 1 !important;
  box-shadow: 0 4px 14px rgba(23,61,37,.10) !important;
  -webkit-tap-highlight-color: transparent !important;
}
.header .actions > a[aria-label="Shopping cart"] svg,
.header .actions > #searchBtn svg,
.header .actions > #menuBtn svg,
.site-shell > .header .actions > a[aria-label="Shopping cart"] svg,
.site-shell > .header .actions > #searchBtn svg,
.site-shell > .header .actions > #menuBtn svg {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  min-height: 21px !important;
  max-width: 21px !important;
  max-height: 21px !important;
  flex: 0 0 21px !important;
  fill: none !important;
  stroke: #173d25 !important;
  color: #173d25 !important;
  overflow: visible !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.header .actions > a[aria-label="Shopping cart"] sup {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Preserve desktop nav visibility; menu button remains mobile-only. */
@media (min-width: 761px) {
  .header .actions > #menuBtn,
  .site-shell > .header .actions > #menuBtn,
  .inner-page .header .actions > #menuBtn { display: none !important; }
}
@media (max-width: 760px) {
  .header .actions { gap: 8px !important; }
}

/* iOS Safari sometimes applies link/button accent blue to category controls.
   Explicitly set both normal and selected text colours to the site's green palette. */
.shop-page .chips .chip,
.shop-page .chips .chip:link,
.shop-page .chips .chip:visited,
.shop-page .chips .chip:focus,
.shop-page .chips .chip:active,
.product-page .choice button,
.product-page .choice button:focus,
.product-page .choice button:active,
.product-page .product-breadcrumb,
.product-page #category,
.product-breadcrumb a {
  color: #244a34 !important;
  -webkit-text-fill-color: #244a34 !important;
  text-decoration: none !important;
  accent-color: #287b16 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.shop-page .chips .chip.active,
.shop-page .chips .chip:hover,
.product-page .choice button.selected {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: #195b3c !important;
  border-color: #195b3c !important;
}
.shop-page .chips .chip {
  background-color: #fffefa !important;
  border-color: #dfe4d8 !important;
}
.shop-page .chips .chip.active {
  background-color: #195b3c !important;
  border-color: #195b3c !important;
}
.shop-page .sort,
.shop-page #sort,
.shop-page .toolbar select {
  color: #173d25 !important;
  -webkit-text-fill-color: #173d25 !important;
  background-color: #fffefa !important;
  border-color: #dfe4d8 !important;
}
.shop-page .sort option,
.shop-page #sort option {
  color: #173d25 !important;
  background-color: #fffefa !important;
}