/* Augmodo Studio login — the identity-provider buttons (see ../../theme.properties).
 *
 * Loaded AFTER the parent's styles.css, so these rules win by order at equal
 * specificity; the id prefix keeps them above PatternFly's own footer-link
 * rules. Sizes are relative so a zoomed phone keeps the 48 px floor. */

#kc-social-providers .augmodo-social {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#kc-social-providers .augmodo-social__item {
  width: 100%;
  margin: 0;
}

#kc-social-providers .augmodo-social__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 3rem; /* 48 px: the phone tap floor */
  padding: 0.625rem 0.875rem;
  border: 1px solid var(--pf-v5-global--BorderColor--100, #d2d2d2);
  border-radius: 0.5rem;
  background: var(--pf-v5-global--BackgroundColor--100, #fff);
  color: var(--pf-v5-global--Color--100, #151515);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
}

#kc-social-providers .augmodo-social__link:hover,
#kc-social-providers .augmodo-social__link:focus-visible {
  background: var(--pf-v5-global--BackgroundColor--200, #f0f0f0);
  border-color: var(--pf-v5-global--BorderColor--200, #8a8d90);
  text-decoration: none;
}

#kc-social-providers .augmodo-social__link:focus-visible {
  outline: 2px solid var(--pf-v5-global--primary-color--100, #06c);
  outline-offset: 2px;
}

#kc-social-providers .augmodo-social__link:active {
  transform: scale(0.99);
}

#kc-social-providers .augmodo-social__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

#kc-social-providers .augmodo-social__icon svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: currentColor;
}

/* The two providers' own colours: Google's blue, the partner badge in the
 * Studio accent, so the row reads at a glance. */
#kc-social-providers .augmodo-social__link--google .augmodo-social__icon {
  color: #4285f4;
}
#kc-social-providers .augmodo-social__link--google-personal .augmodo-social__icon {
  color: #0f766e;
}

#kc-social-providers .augmodo-social__label {
  flex: 1 1 auto;
  min-width: 0;
}

/* Dark mode follows the parent's toggle. */
.pf-v5-theme-dark #kc-social-providers .augmodo-social__link {
  background: var(--pf-v5-global--BackgroundColor--dark-300, #26292d);
  border-color: var(--pf-v5-global--BorderColor--dark-100, #4f5255);
  color: var(--pf-v5-global--Color--light-100, #fff);
}
.pf-v5-theme-dark #kc-social-providers .augmodo-social__link:hover,
.pf-v5-theme-dark #kc-social-providers .augmodo-social__link:focus-visible {
  background: var(--pf-v5-global--BackgroundColor--dark-200, #3c3f42);
}

/* Room under the last button — the stock footer sits flush with the card's
 * bottom edge once the links are full-height buttons (Brad's Safari
 * screenshot, 2026-09-16: the partner button's border was the card's edge). */
.pf-v5-c-login__main-footer {
  padding-bottom: 1.25rem;
}
#kc-social-providers {
  padding-bottom: 0.5rem;
}