/* Triton Aminos Auth UX */

/* Single centred card instead of two side-by-side columns */
#customer_login.ta-tabs {
  display: block !important;
  max-width: 560px;
  margin: 0 auto;
}
#customer_login.ta-tabs::before,
#customer_login.ta-tabs::after { display: none !important; }
#customer_login.ta-tabs > .u-column1,
#customer_login.ta-tabs > .u-column2 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
#customer_login.ta-tabs > .u-column1 > h2,
#customer_login.ta-tabs > .u-column2 > h2 { display: none !important; }
#customer_login .ta-hidden { display: none !important; }

/* Tabs */
.ta-tabbar {
  display: flex;
  gap: 0;
  margin: 0 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.ta-tab {
  flex: 1 1 50%;
  min-height: 48px;
  padding: 12px 10px;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .6) !important;
  font: inherit;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .01em;
  cursor: pointer;
  margin-bottom: -1px;
}
.ta-tab:hover { color: #fff !important; }
.ta-tab.is-active {
  color: #fff !important;
  border-bottom-color: #0096FF !important;
}
.ta-tab:focus-visible { outline: 2px solid #0096FF; outline-offset: 2px; }

/* Notices inside the active form */
.ta-notice { margin: 0 0 16px; outline: none; }
.ta-notice ul,
.ta-notice > div,
.ta-notice .woocommerce-error,
.ta-notice .woocommerce-message,
.ta-notice .woocommerce-info { margin: 0 0 8px !important; }
.ta-notice .woocommerce-error {
  list-style: none;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 90, 90, .7) !important;
  border-left: 4px solid #ff5a5a !important;
  border-radius: 8px;
  background: rgba(255, 90, 90, .12) !important;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.5;
}
.ta-notice .woocommerce-error li { margin: 0; padding: 0; }
.ta-notice .woocommerce-error::before { display: none !important; }
.ta-notice a { color: #7fc8ff !important; text-decoration: underline; }

/* Helper lines */
.ta-welcome { margin: 0 0 14px; color: rgba(255, 255, 255, .85); font-size: 15px; }
.ta-switch,
.ta-help { margin: 14px 0 0; font-size: 14px; color: rgba(255, 255, 255, .7); }
.ta-switch a,
.ta-help a { color: #7fc8ff !important; text-decoration: underline; }

/* Show-password toggle: Blocksy draws the eye icon itself (a mask on the button).
   The gate page widget CSS hid it with display:none; bring it back and make it readable. */
#customer_login .password-input input { padding-right: 40px !important; }
#customer_login .show-password-input,
.woocommerce form .show-password-input {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  inset-inline-end: 14px !important;
  top: calc(var(--theme-form-field-height, 40px) / 2 - 8px) !important;
  background-color: #9aa4b5 !important;
}

/* Keep the big gate logo in proportion on tablet widths so the form stays near the top. */
.ta-gate-view .elementor-element-2a3dd2b img { max-width: 240px !important; height: auto !important; }

/* Logged-out header: logo only. Nav, search, account and cart all loop back to the gate. */
.ta-gate-view [data-elementor-type="header"] .elementor-element-634534c8,
.ta-gate-view [data-elementor-type="header"] .elementor-element-ca95881,
.ta-gate-view [data-elementor-type="header"] .elementor-element-44a76bce,
.ta-gate-view [data-elementor-type="header"] .elementor-element-e624722 { display: none !important; }

/* Logged-out footer: drop the links that loop (Shop, COA). */
.ta-gate-view [data-elementor-type="footer"] li:has(> a[href="/shop"]),
.ta-gate-view [data-elementor-type="footer"] li:has(> a[href="/coa"]),
.ta-gate-view [data-elementor-type="footer"] li:has(> a[href$="/shop/"]),
.ta-gate-view [data-elementor-type="footer"] li:has(> a[href$="/coa/"]) { display: none !important; }

/* The help line under the button carries the reset link; drop the duplicate stock link on the gate. */
.ta-gate-view #customer_login .woocommerce-LostPassword { display: none !important; }

/* Success / info messages rendered by the plugin (e.g. password reset email sent) */
.ta-notice .woocommerce-message,
.ta-notice .woocommerce-info {
  padding: 12px 14px !important;
  border: 1px solid rgba(0, 150, 255, .55) !important;
  border-left: 4px solid #0096FF !important;
  border-radius: 8px;
  background: rgba(0, 150, 255, .12) !important;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.5;
}
.ta-notice .woocommerce-message::before,
.ta-notice .woocommerce-info::before { display: none !important; }