/**
 * Jangro Storefront — global colour / border / shadow override (plain CSS).
 *
 * ZOO-706: Magento blank still emits #ff5501 (active/accent) and #68a8e0
 * (focus rings) in compiled styles-m.css even after LESS tokens land, because
 * DeployHQ can bump static/version without a full LESS rebuild. This file
 * loads after blank CSS and forces the approved palette + elevation.
 *
 * Source of truth remains web/css/source/_variables.less + _theme.less;
 * remove once DeployHQ reliably recompiles those LESS files.
 */

:root {
  --jangro-green: #0a4d3c;
  --jangro-green-hover: #073a2d;
  --jangro-green-mid: #11614c;
  --jangro-lime: #8dc63f;
  --jangro-lime-hover: #76a832;
  --jangro-ink: #0a2a20;
  --jangro-text-muted: #4a5a52;
  --jangro-surface: #fff;
  --jangro-muted: #eef3eb;
  --jangro-secondary: #f4f7f2;
  --jangro-border: #dde3dc;
  --jangro-on-dark: #d5e4db;
  --jangro-on-dark-muted: #a8bfb2;
  --jangro-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
  --jangro-shadow-head: 0 1px 2px rgba(16, 24, 40, 0.06);
  --jangro-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1);
  --jangro-focus-ring: 0 0 0 3px rgba(141, 198, 63, 0.25);
  --jangro-radius-m: 6px;
  --jangro-radius-l: 8px;
}

/* Kill Magento blank orange active-link accents */
a:active,
.alink:active,
.pages a.page:active,
.product-items .wishlist.split.button > .action:active,
.paypal-button-widget .paypal-button:active,
.form-create-return .action.remove:active,
.form.send.friend .action.remove:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:active,
.action-gift.pagebuilder-button-link:active,
.ui-dialog-titlebar-close:active,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:active {
  color: var(--jangro-green-hover) !important;
}

/* Focus rings — lime, not sky blue */
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus,
.control input:focus,
.control select:focus,
.control textarea:focus {
  border-color: var(--jangro-green) !important;
  box-shadow: var(--jangro-focus-ring) !important;
}

/* Minicart qty badge — lime CTA, ink text */
.minicart-wrapper .action.showcart .counter.qty {
  background: var(--jangro-lime) !important;
  color: var(--jangro-ink) !important;
}

/* Checkout progress + selected address — lime accents */
.opc-progress-bar-item._active:before,
.opc-progress-bar-item._active > span:before {
  background: var(--jangro-lime) !important;
}

.opc-wrapper .shipping-address-item.selected-item {
  border-color: var(--jangro-lime) !important;
}

.opc-wrapper .shipping-address-item.selected-item:after {
  background: var(--jangro-lime) !important;
  color: var(--jangro-ink) !important;
}

/* Account nav current — green brand border */
.account-nav .item.current a,
.account-nav .item.current strong,
.account-nav .item.current a {
  border-color: var(--jangro-lime) !important;
}

/* Native Magento card/panel surfaces when blank greys remain */
.block.block-collapsible-nav,
.block-wishlist,
.block-reorder,
.sidebar .block,
.cart-summary,
.opc-block-summary,
.checkout-container .opc-sidebar .modal-custom {
  border-color: var(--jangro-border);
  box-shadow: var(--jangro-shadow-card);
}

/* Primary actions — ensure lime even if styles-m lags */
.action.primary,
.action-primary,
button.action.primary,
a.action.primary {
  background: var(--jangro-lime) !important;
  border-color: var(--jangro-lime) !important;
  color: var(--jangro-ink) !important;
  border-radius: var(--jangro-radius-m);
}

.action.primary:hover,
.action-primary:hover,
button.action.primary:hover,
a.action.primary:hover {
  background: var(--jangro-lime-hover) !important;
  border-color: var(--jangro-lime-hover) !important;
  color: var(--jangro-ink) !important;
}