.nicobay-login__top {
  width: 100%;
  margin: 0 auto 24px;

  .nicobay-login__top--image {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    height: auto;
  }
}

.nicobay-login__line--wrapper {
  padding-top: 24px;
  width: 100%;


  .nicobay-login__description {
    text-align: left;
  }
}

/* Override global button border settings for login page */
.customer.login {
  --buttons-border-width: 0px !important;
  --buttons-border-opacity: 0 !important;
  --buttons-border-offset: 0px !important;
  --border-opacity: 0 !important;
  --border-offset: 0px !important;
}

/* Remove black borders from all buttons on account/login page */
.customer.login button,
.customer.login .button,
.customer.login input[type="submit"],
.customer.login a {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove box-shadow from focused state */
.customer.login button:focus,
.customer.login .button:focus,
.customer.login input[type="submit"]:focus,
.customer.login a:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* Remove box-shadow from hover state */
.customer.login button:hover,
.customer.login .button:hover,
.customer.login input[type="submit"]:hover,
.customer.login a:hover {
  box-shadow: none !important;
}

/* Remove box-shadow from active state */
.customer.login button:active,
.customer.login .button:active,
.customer.login input[type="submit"]:active,
.customer.login a:active {
  box-shadow: none !important;
}

/* Also target Shop Login button specifically */
.customer.login .shop-login__button {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove pseudo-element borders if any */
.customer.login button::before,
.customer.login button::after,
.customer.login .button::before,
.customer.login .button::after,
.customer.login a::before,
.customer.login a::after {
  border: none !important;
  box-shadow: none !important;
}

/* Remove borders from buttons and links only - not from inputs */
.customer.login button *,
.customer.login a *,
.customer.login .button *,
.customer.login input[type="submit"] * {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ensure no borders on any clickable elements */
.customer.login button,
.customer.login a,
.customer.login input[type="submit"],
.customer.login [role="button"],
.customer.login .shop-login__button,
.customer.login .shop-login__button * {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Override the base.css ::after pseudo-element that creates borders */
.customer.login .button::after,
.customer.login button::after,
.customer.login a::after,
.customer.login input[type="submit"]::after,
.customer.login .shopify-payment-button__button--unbranded::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}