/* Global button harmonization for ATVOF-klubben (sitewide)
 * Keep this file light and deterministic. Scoped rules use !important to win over theme/Elementor.
 */
:root{
  --td-primary: var(--td-color-primary, #c46a2b);
  --td-primary-10: rgba(196,106,43,.10);
  --td-border: rgba(0,0,0,.12);
  /* Elementor använder ibland globala radius-variabler. Sätt dem sitewide. */
  --e-global-border-radius: 5px;
}

/* Base: all buttons should match the Figma rounded-rectangle look (not pills). */
button,
a.button,
.button,
.wp-element-button,
.wp-block-button__link,
.elementor-button,
.elementor-button-link,
.elementor-button-wrapper .elementor-button,
[class*="elementor-button"],
input[type="button"],
input[type="submit"],
input[type="reset"]{
  border-radius: 5px !important;
}

/* TD icon buttons: rounded square, consistent size, visible border and icon color */
.td-icon-btn{
  width: 40px !important;
  height: 40px !important;
  border-radius: 5px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.td-icon-btn .dashicons{
  font-family: dashicons !important;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--td-primary) !important;
}

/* Copy button should have a slightly stronger orange presence (but still icon-style) */
.td-icon-btn.td-share-copy{
  border-color: rgba(196,106,43,.35) !important;
  background: var(--td-primary-10) !important;
}

/* Ensure share/copy icons don't become "white on white" due to theme resets */
.td-entry-actions .td-icon-btn,
.td-entry-actions .td-icon-btn .dashicons{
  color: var(--td-primary) !important;
}

/* WooCommerce: hide password toggle button on login forms */
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input,
.woocommerce .woocommerce-form-login .show-password-input,
.woocommerce-page .woocommerce-form-login .show-password-input{
  display: none !important;
}