/* Profile/Dashboard gradient */
.bg-dashboard-gradient {
    /* fallback */
    /*background: #42548a;*/
    /* your requested radial gradient */
    /*background: radial-gradient(circle, rgba(66,84,138,1) 0%, rgba(252,70,107,1) 100%);*/
    background: #FC466B;
    background: radial-gradient(circle, rgba(252, 70, 107, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

/* subtle inner container sheen for cards */
.card-sheen {
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

/* Make large hero images show the top a bit more (keeps heads in frame) */
.object-top-15 {
    object-position: 50% 15%;
}

.object-top-20 {
    object-position: 50% 20%;
}

/* thin borders that look good on both themes */
.border-slate-ink {
    border-color: rgba(148,163,184,.25);
}

/* cap wide content and add side breathing space */
.wrap {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1rem;
}

/* Gift modal inputs on dark background */
#giftModal input[type="text"],
#giftModal input[type="email"],
#giftModal input[type="number"],
#giftModal #mPayer {
    color: #e5e7eb; /* slate-200 */
    background-color: #0b1220 !important; /* dark field */
    border-color: #334155; /* slate-600 */
}

#giftModal input[type="text"]::placeholder,
#giftModal input[type="email"]::placeholder {
  color: #94a3b8;                 /* slate-400 */
  opacity: .9;
}

#giftModal input[type="text"]:focus,
#giftModal input[type="email"]:focus,
#giftModal input[type="number"]:focus {
  color: #ffffff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(56,189,248,.8); /* sky-400 */
}

/* Chromium/Edge autofill on dark */
#giftModal input:-webkit-autofill,
#giftModal input:-webkit-autofill:hover,
#giftModal input:-webkit-autofill:focus {
  -webkit-text-fill-color: #e5e7eb !important;
  caret-color: #e5e7eb;
  transition: background-color 9999s ease-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #0b1220 inset !important;
}