/* accounts.css - small, specific overrides for account pages */
/* ----------------------------------------------------------
   Profile page top spacing (navbar-safe)
---------------------------------------------------------- */
.profile-page {
  margin-top: 2.5rem;
}

/* Mobile */
@media (max-width: 768px) {
  .profile-page {
    margin-top: 1.75rem;
  }
}
/* Ensure account pages can be transparent/full-width */
.no-main-bg .omi-main,
.full-width-page .omi-main {
  background: transparent !important;
  border-left: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* AUTH CARD */
.auth-wrap {
  padding: 28px 16px;
  display: flex;
  justify-content: center;
}
.auth-card {
  width: 100%;
  max-width: 460px;
  background: var(--card-bg);
  border-radius: 10px;
  padding: 28px;
  border: 1px solid var(--card-border);
  box-shadow: 0 8px 30px rgba(2,6,23,0.08);
}
.auth-logo img { width: 90px; height: 90px; object-fit:cover; border-radius:12px; display:block; margin:0 auto 12px;}
.auth-title { text-align:center; margin-bottom:6px; font-size:1.6rem; font-weight:700;}
.auth-sub { text-align:center; margin-bottom:18px; color:var(--text-muted); }

.form-row { margin-bottom:12px; }
.form-row input,
.form-row select,
.form-row textarea {
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid var(--border);
  background: var(--card-bg);
  color: var(--text);
}

/* Buttons */
.btn-omi { background: var(--accent); color:#fff; font-weight:700; border-radius:8px; padding:10px 14px; }
.btn-omi.btn-block { width:100%; }

/* Make inputs transparent on full-width pages (checkout/profile) */
body.full-width-page input,
body.full-width-page select,
body.full-width-page textarea {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.06);
  color: var(--text);
}

.auth-card input,
.auth-card select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--text);
    font-size: 15px;
}

.auth-card input::placeholder {
    color: var(--text-muted);
}

.auth-card input:focus,
.auth-card select:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(13,110,253,0.15);
}

.btn-facebook {
  background-color: #1877f2;
  color: #fff;
  border: none;
}

.btn-facebook:hover {
  background-color: #145dbf;
  color: #fff;
}

.btn-facebook i {
  color: #fff;
}
.text{
  color: var(--text);
}
.social-row {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 3fr);
  margin-bottom: 10px;
}