/* Solirius Reply brand overrides — loaded via brand_config.css_overrides.
 * These hide Canvas's default upstream attribution (Instructure footer logo,
 * "Open Source LMS" link, Help links) so the deployment shows Solirius
 * branding only.
 *
 * To re-enable any of these, comment out the relevant block here and re-run
 * scripts/canvas-init.sh (or just rake brand_configs:write).
 */

/* ── Hide the entire app footer (post-login chrome) ────────────────────
 * Footer contains: Instructure logo image, "Open Source LMS" link
 * (toggleable via show_opensource_linkback Setting, also disabled in DB),
 * cookie consent link, and rendered footer_links partial.
 */
footer.ic-app-footer,
#footer.ic-app-footer {
  display: none !important;
}

/* ── Hide the login-page footer (different markup from app footer) ─────
 * The login layout renders <footer class="ic-Login-footer"> with the
 * Instructure logo link and Help/Open Source LMS text links inside it.
 */
footer.ic-Login-footer,
#footer.ic-Login-footer,
.ic-Login-footer__logo-link,
.ic-Login-footer__links {
  display: none !important;
}

/* ── Hide Help links in the global side navigation ─────────────────────
 * Different from the footer; Canvas renders a Help item as the last entry
 * in the left sidebar. Hide all known selectors for it.
 */
li.menu-item-help,
.ic-app-header__menu-list-item--help,
a[aria-label="Help"]:not(.ic-app-header__menu-list-link),
button[aria-label="Help"]:not(.ic-app-header__menu-list-link) {
  display: none !important;
}

/* ── Defensive: hide the Instructure logo wherever else it may appear ──
 * Catches the legacy by-instructure footer link and any standalone
 * Instructure attribution outside the main footer block.
 */
a.footer-logo,
a.ic-app-footer__logo-link,
.byline-by-instructure,
[class*="by-instructure"] {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
 * Soft Corporate login page theme
 * Light warm-gray background, white card with shadow, Solirius blue
 * accents. Non-blinding, professional, Google-login feel.
 * ═══════════════════════════════════════════════════════════════════ */

/* ── Login card: elevated white card with soft shadow ───────────────── */
.ic-Login__content {
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08),
             0 0 1px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden;
}

/* ── Logo area: Solirius blue header bar ────────────────────────────── */
.ic-Login-header {
  background: #005399;
  border-radius: 12px 12px 0 0;
  padding: 28px 24px !important;
  margin: -12px -12px 0 -12px;
  width: calc(100% + 24px);
}

/* ── Form body: comfortable spacing ─────────────────────────────────── */
.ic-Login__body {
  padding: 24px 24px 20px !important;
}

/* ── Input fields: clean bordered style ─────────────────────────────── */
.ic-Login__body .ic-Input {
  border: 1px solid #D0D5DD !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 0.938rem !important;
  background: #FAFBFC !important;
  color: #323232 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ic-Login__body .ic-Input:focus {
  border-color: #005399 !important;
  box-shadow: 0 0 0 3px rgba(0, 83, 153, 0.12) !important;
  background: #FFFFFF !important;
  outline: none !important;
}

/* ── Labels ──────────────────────────────────────────────────────────── */
.ic-Login__body .ic-Label {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  color: #323232 !important;
  margin-bottom: 4px !important;
}

/* ── Actions: stack vertically, button on top ───────────────────────── */
.ic-Login__actions {
  flex-direction: column;
  gap: 12px;
}

.ic-Login__actions-timeout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  order: 2;
  width: 100%;
  font-size: 0.813rem;
  color: #555555;
}

.ic-Login__actions > .ic-Form-control--login {
  order: 1;
  width: 100%;
  margin: 0;
}

/* ── Log In button ──────────────────────────────────────────────────── */
.Button--login {
  display: block !important;
  width: 100% !important;
  padding: 11px 24px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  background: #005399 !important;
  color: #FFFFFF !important;
  border: none !important;
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

.Button--login:hover {
  background: #003E6B !important;
  box-shadow: 0 2px 6px rgba(0, 83, 153, 0.25) !important;
}

/* ── Forgot-password link ────────────────────────────────────────────── */
.ic-Login__forgot {
  margin-left: auto;
}

.ic-Login__link {
  color: #005399 !important;
  font-size: 0.813rem !important;
  text-decoration: none !important;
}
.ic-Login__link:hover {
  text-decoration: underline !important;
}

/* ── SSO divider and Google button ────────────────────────────────────  */
.ic-Login__sso {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid #E0E4E8;
}

.ic-Login__sso-button {
  width: 100% !important;
  justify-content: center;
  border-radius: 6px !important;
  padding: 10px 24px !important;
  border: 1px solid #D0D5DD !important;
  background: #FFFFFF !important;
  color: #323232 !important;
  font-weight: 500 !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.ic-Login__sso-button:hover {
  background: #F7F8FA !important;
  border-color: #005399 !important;
}

/* ── Checkbox ─────────────────────────────────────────────────────────  */
.ic-Login__actions-timeout label {
  color: #555555 !important;
  font-size: 0.813rem !important;
}