/* =========================================================================
   Shared portal-button styles
   -------------------------------------------------------------------------
   Branded buttons for the partner portals schools commonly link to from
   their websites — Compass (school comms / attendance) and Kidsoft (OSHC
   bookings). These were originally template_01-only; lifted out so any
   template's inner-page content can render them with the official brand
   look without each template re-implementing the styling.

   Imported from each template's per-template stylesheet so the visual
   stays scoped under the template wrapper (the rules below intentionally
   nest under .sh-template_NN selectors set by each template's @import).
   ========================================================================= */

.sh-portal-btn {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
  max-width: 320px;
}
.sh-portal-btn:hover {
  border-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

/* Kidsoft — official navy + white wordmark. */
.sh-portal-btn-kidsoft {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-template-columns: none;
  background: #2C3863;
  border-color: #2C3863;
  padding: 18px 22px;
  min-height: 72px;
}
.sh-portal-btn-kidsoft:hover {
  background: #212B4D;
  border-color: #212B4D;
  box-shadow: 0 8px 20px rgba(44, 56, 99, 0.28);
  transform: translateY(-1px);
}
.sh-portal-logo-kidsoft {
  height: 36px;
  width: auto;
  max-width: 100%;
  display: block;
}

/* Compass — official Compass blue + strap logo. */
.sh-portal-btn-compass {
  background: #1B4F8C;
  border-color: #1B4F8C;
  color: #fff;
}
.sh-portal-btn-compass:hover {
  background: #143E70;
  border-color: #143E70;
  box-shadow: 0 8px 20px rgba(27, 79, 140, 0.28);
}
.sh-portal-logo-compass {
  height: 36px;
  width: auto;
  max-width: 100%;
  display: block;
}