/* ================================
   MOBILE LOGIN LOGO (iOS FIX)
================================ */

/* Inject your logo into mobile header */
.mobileLogin-Header {
  background-image: url("https://learn.signary.us/accounts/1/files/22/download?verifier=dZ8G6rXDX8ZmR2QFIbgJ27LDABzmWLf0R4m1cj4m");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120px;
  height: 140px;
}

/* ================================
   MOBILE LOGIN - MATCH MAC STYLE
================================ */

/* Center the whole login area */
#f1_container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 20px;
}

/* Create a centered card */
#f1_card {
  width: 100%;
  max-width: 380px;
  background-color: #1a1a1a !important;
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}

/* Bigger mobile logo */
.mobileLogin-Header {
  background-image: url("https://learn.signary.us/accounts/1/files/22/download?verifier=dZ8G6rXDX8ZmR2QFIbgJ27LDABzmWLf0R4m1cj4m");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px; /* ⬅️ bigger logo */
  height: 140px;          /* ⬅️ gives it room */
  margin-bottom: 10px;
}

/* Inputs inside card */
.ic-Input {
  border-radius: 8px !important;
  padding: 12px !important;
}

/* Button styling */
.Button {
  border-radius: 10px !important;
  font-weight: 600;
}


/* ===== CENTER LOGIN CLEANLY ===== */
body.ic-Login-Body .ic-Login__container {
  min-height: 100vh !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 10vh !important;
}

body.ic-Login-Body .ic-Login {
  margin: 0 !important;
}


/* ===== REMOVE FOOTER ===== */
body.ic-Login-Body footer#footer,
body.ic-Login-Body #footer * {
  display: none !important;
}

/* ===== LOGIN CARD STYLE ===== */
body.ic-Login-Body .ic-Login__content {
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
  overflow: hidden !important;
}

/* ===== LOGO SIZE ===== */
body.ic-Login-Body .ic-Login-header__logo img {
  height: 120px !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
}

.ic-app-header__logo img {
  content: url('https://yourdomain.com/your-logo.png') !important;
}

.ic-Login__content .ic-Login__logo img {
  content: url("https://learn.signary.us/path-to-your-logo.png") !important;
  max-width: 220px;
}

.ic-Login__content {
  background-image: url("https://learn.signary.us/path-to-your-logo.png");
  background-repeat: no-repeat;
  background-position: center 40px;
  background-size: 180px;
}

.ic-Login__content .ic-Login__logo {
  display: none !important;
}

/* ===== INPUT FIELDS ===== */
body.ic-Login-Body .ic-Input {
  background-color: #FFFAFA !important;
  border: 1px solid #ddd !important;
  color: #111111 !important;
  border-radius: 6px !important;
}

/* ===== INPUT FOCUS EFFECT ===== */
body.ic-Login-Body .ic-Input:focus {
  border-color: #AFC5FF !important;
  box-shadow: 0 0 0 2px rgba(175,197,255,0.3) !important;
}

/* ===== LOGIN BUTTON ===== */
body.ic-Login-Body .Button--login {
  background-color: #AFC5FF !important;
  border: none !important;
  color: #111111 !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

/* ===== BUTTON HOVER ===== */
body.ic-Login-Body .Button--login:hover {
  background-color: #9FB8FF !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(175,197,255,0.3);
}

/* ===== BUTTON CLICK ===== */
body.ic-Login-Body .Button--login:active {
  transform: translateY(0);
  box-shadow: none;
}