/* MY2LK authoritative customer-facing button system.
 * Loaded last so Avada/WooCommerce/page-specific layers cannot change the brand treatment.
 */
@import url("sidebar-system.css");
@import url("related-products-final.css");
@import url("automotive-catalogue.css");
@import url("content-hub-global.css");
@import url("home-hero-hotfix.css");
@import url("mobile-service-bar.css");
@import url("product-decision-panel.css");

:root {
  --my2lk-button-primary: #006837;
  --my2lk-button-primary-hover: #004f2a;
  --my2lk-button-secondary-bg: #ffffff;
  --my2lk-button-secondary-text: #006837;
  --my2lk-button-radius: 9px;
  --my2lk-button-shadow: 0 6px 16px rgba(0, 104, 55, 0.16);
  --my2lk-button-shadow-hover: 0 8px 20px rgba(0, 79, 42, 0.2);
}

/* Primary actions. */
:is(.my2lk-button,.my2lk-cta,.my2lk-info-cta a,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce .checkout-button,.woocommerce .wc-block-components-button:not(.is-link),.wc-block-components-button:not(.is-link),.wp-block-button__link) {
  background: var(--my2lk-button-primary) !important;
  border: 1px solid var(--my2lk-button-primary) !important;
  border-radius: var(--my2lk-button-radius) !important;
  color: #fff !important;
  box-shadow: var(--my2lk-button-shadow) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}
:is(.my2lk-button,.my2lk-cta,.my2lk-info-cta a,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce .checkout-button,.woocommerce .wc-block-components-button:not(.is-link),.wc-block-components-button:not(.is-link),.wp-block-button__link):hover,
:is(.my2lk-button,.my2lk-cta,.my2lk-info-cta a,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce .checkout-button,.woocommerce .wc-block-components-button:not(.is-link),.wc-block-components-button:not(.is-link),.wp-block-button__link):focus {
  background: var(--my2lk-button-primary-hover) !important;
  border-color: var(--my2lk-button-primary-hover) !important;
  color: #fff !important;
  box-shadow: var(--my2lk-button-shadow-hover) !important;
  transform: translateY(-1px);
}
:is(.my2lk-button,.my2lk-cta,.my2lk-info-cta a,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce .checkout-button,.woocommerce .wc-block-components-button:not(.is-link),.wc-block-components-button:not(.is-link),.wp-block-button__link):focus-visible {
  outline: 3px solid rgba(0,104,55,.22) !important;
  outline-offset: 2px !important;
}

.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .single_add_to_cart_button,.woocommerce .checkout-button,.woocommerce .wc-block-components-button:not(.is-link),.wc-block-components-button:not(.is-link),.my2lk-info-cta a {
  min-height: 42px !important;
  padding: 10px 16px !important;
}

:is(.woocommerce a.button.my2lk-secondary,.woocommerce button.button.my2lk-secondary,.my2lk-button--secondary) {
  background: var(--my2lk-button-secondary-bg) !important;
  border-color: #b8d2c5 !important;
  color: var(--my2lk-button-secondary-text) !important;
  box-shadow: none !important;
}
:is(.woocommerce a.button.my2lk-secondary,.woocommerce button.button.my2lk-secondary,.my2lk-button--secondary):hover,
:is(.woocommerce a.button.my2lk-secondary,.woocommerce button.button.my2lk-secondary,.my2lk-button--secondary):focus {
  background: #f2f8f5 !important;
  border-color: var(--my2lk-button-primary) !important;
  color: var(--my2lk-button-primary-hover) !important;
}

:is(.woocommerce button.button:disabled,.woocommerce button.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button.disabled,.wc-block-components-button:disabled,.wc-block-components-button[aria-disabled="true"]) {
  background: #9ca9a2 !important;
  border-color: #9ca9a2 !important;
  box-shadow: none !important;
  color: #fff !important;
  cursor: not-allowed !important;
  opacity: .72 !important;
  transform: none !important;
}

.my2lk-status-badge,.my2lk-navigation a,.my2lk-mobile-nav a,.my2lk-product-breadcrumb a,.my2lk-service-bar a,.my2lk-header-actions a,.my2lk-cart-link,.my2lk-info-nav a { box-shadow: none !important; }

body.page-how-it-works .my2lk-how-cta .my2lk-cta,
body.page-how-it-works .my2lk-how-cta .my2lk-cta:hover,
body.page-how-it-works .my2lk-how-cta .my2lk-cta:focus {
  background: #17362d !important;
  border-color: #17362d !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Related-products desktop action. The icon uses an inset pseudo-element
 * instead of transform centering because Avada applies transforms to button
 * generated content. Equal insets give deterministic optical centering. */
@media (min-width: 1100px) {
  body.single-product .related.products ul.products > li.product .product-buttons .button,
  body.single-product .related.products ul.products > li.product .add_to_cart_button {
    position: relative !important;
    justify-self: end !important;
    box-sizing: border-box !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: 9px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    background: var(--my2lk-button-primary) !important;
  }
  body.single-product .related.products ul.products > li.product .product-buttons .button > *,
  body.single-product .related.products ul.products > li.product .add_to_cart_button > * { display: none !important; }

  body.single-product .related.products ul.products > li.product .product-buttons .button::before,
  body.single-product .related.products ul.products > li.product .add_to_cart_button::before {
    display: block !important;
    position: absolute !important;
    inset: 4px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    content: "" !important;
    background: #fff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2.5 3.5h2.2l2.15 9.25a2.5 2.5 0 0 0 2.44 1.94h7.78a2.5 2.5 0 0 0 2.43-1.91L21 7.5H7.15l-.46-2H2.5v-2Zm5.1 6 1.02 4.38a.7.7 0 0 0 .67.52h7.78a.7.7 0 0 0 .68-.53l1.02-4.37H7.6ZM9.5 17a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Zm7.5 0a1.75 1.75 0 1 1 0 3.5A1.75 1.75 0 0 1 17 17ZM16 1.5h2v2.25h2.25v2H18V8h-2V5.75h-2.25v-2H16V1.5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2.5 3.5h2.2l2.15 9.25a2.5 2.5 0 0 0 2.44 1.94h7.78a2.5 2.5 0 0 0 2.43-1.91L21 7.5H7.15l-.46-2H2.5v-2Zm5.1 6 1.02 4.38a.7.7 0 0 0 .67.52h7.78a.7.7 0 0 0 .68-.53l1.02-4.37H7.6ZM9.5 17a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Zm7.5 0a1.75 1.75 0 1 1 0 3.5A1.75 1.75 0 0 1 17 17ZM16 1.5h2v2.25h2.25v2H18V8h-2V5.75h-2.25v-2H16V1.5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    pointer-events: none !important;
  }
  body.single-product .related.products ul.products > li.product .product-buttons .button::after,
  body.single-product .related.products ul.products > li.product .add_to_cart_button::after { display: none !important; content: none !important; }

  body.single-product .related.products ul.products > li.product .product-buttons .button:hover,
  body.single-product .related.products ul.products > li.product .product-buttons .button:focus-visible,
  body.single-product .related.products ul.products > li.product .add_to_cart_button:hover,
  body.single-product .related.products ul.products > li.product .add_to_cart_button:focus-visible { background: var(--my2lk-button-primary-hover) !important; }
}

/* Mobile Shop/category purchase actions only. Desktop catalogue and the approved
 * desktop single-product Related Products rail are intentionally untouched. */
@media (max-width: 640px) {
  .woocommerce-shop ul.products li.product .product-buttons,
  .tax-product_cat ul.products li.product .product-buttons {
    justify-items: center !important;
  }

  .woocommerce-shop ul.products li.product .product-buttons a.button:not(.show_details_button),
  .tax-product_cat ul.products li.product .product-buttons a.button:not(.show_details_button) {
    position: relative !important;
    justify-self: center !important;
    flex: 0 0 42px !important;
    box-sizing: border-box !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: 9px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
    background: var(--my2lk-button-primary) !important;
  }

  .woocommerce-shop ul.products li.product .product-buttons a.button:not(.show_details_button) > *,
  .tax-product_cat ul.products li.product .product-buttons a.button:not(.show_details_button) > * {
    display: none !important;
  }

  .woocommerce-shop ul.products li.product .product-buttons a.button:not(.show_details_button)::before,
  .tax-product_cat ul.products li.product .product-buttons a.button:not(.show_details_button)::before {
    display: block !important;
    position: absolute !important;
    inset: 6px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    content: "" !important;
    background: #fff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2.5 3.5h2.2l2.15 9.25a2.5 2.5 0 0 0 2.44 1.94h7.78a2.5 2.5 0 0 0 2.43-1.91L21 7.5H7.15l-.46-2H2.5v-2Zm5.1 6 1.02 4.38a.7.7 0 0 0 .67.52h7.78a.7.7 0 0 0 .68-.53l1.02-4.37H7.6ZM9.5 17a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Zm7.5 0a1.75 1.75 0 1 1 0 3.5A1.75 1.75 0 0 1 17 17ZM16 1.5h2v2.25h2.25v2H18V8h-2V5.75h-2.25v-2H16V1.5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2.5 3.5h2.2l2.15 9.25a2.5 2.5 0 0 0 2.44 1.94h7.78a2.5 2.5 0 0 0 2.43-1.91L21 7.5H7.15l-.46-2H2.5v-2Zm5.1 6 1.02 4.38a.7.7 0 0 0 .67.52h7.78a.7.7 0 0 0 .68-.53l1.02-4.37H7.6ZM9.5 17a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Zm7.5 0a1.75 1.75 0 1 1 0 3.5A1.75 1.75 0 0 1 17 17ZM16 1.5h2v2.25h2.25v2H18V8h-2V5.75h-2.25v-2H16V1.5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    pointer-events: none !important;
  }

  .woocommerce-shop ul.products li.product .product-buttons a.button:not(.show_details_button)::after,
  .tax-product_cat ul.products li.product .product-buttons a.button:not(.show_details_button)::after {
    display: none !important;
    content: none !important;
  }

  .woocommerce-shop ul.products li.product .product-buttons .show_details_button,
  .tax-product_cat ul.products li.product .product-buttons .show_details_button {
    justify-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 4px 6px !important;
    text-align: center !important;
  }

  /* Keep the floating contact control fully inside short mobile viewports and
   * devices with a bottom safe area. */
  .my2lk-floating-whatsapp {
    right: 16px !important;
    bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 99999 !important;
  }
}