/* Identity / Bootstrap overrides to match your theme */
:root{
  /* reuse your palette */
  --brand: #451e0d;              /* your brown */
  --brand-soft: #EDE8E0;         /* header bg / warm beige */
  --focus: rgba(69,30,13,.18);   /* focus ring */
}

/* Keep Identity pages consistent with your typography */
.identity-page h1,
.identity-page h2,
.identity-page h3{
  font-family: "Playfair Display", serif;
}

.identity-page{
  color: var(--text);
}

/* Wrap card style (add wrapper div in cshtml, see below) */
.identity-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  padding: 24px;
  margin-top: 1em;
}

/* Inputs */
.identity-page .form-control,
.identity-page .form-select{
  border-radius: 12px;
  border: 1px solid var(--border);
  padding: .65rem .85rem;
}

.identity-page .form-control:focus,
.identity-page .form-select:focus{
  border-color: rgba(69,30,13,.35);
  box-shadow: 0 0 0 .2rem var(--focus);
}

/* Primary button -> match your beige CTA style */
.identity-page .btn-primary{
    color: black;
    background-color: #EDE8E0;
    border-color: #451e0d;
}


.identity-page .btn-primary:hover {
    color: white;
    background-color: #451e0d;
    border-color: #451e0d;
}

.identity-page .btn-primary:hover,
.identity-page .btn-primary:focus{
  opacity: .92;
}

/* Secondary buttons/links */
.identity-page .btn-link{
  color: rgba(0,0,0,.7) !important;
}

.identity-page a{
  color: rgba(0,0,0,.75);
  text-decoration: none;
}
.identity-page a:hover{
  text-decoration: underline;
}

/* Left navigation (Manage) */
.identity-page .nav-pills .nav-link{
  border-radius: 12px;
  padding: .65rem .9rem;
  color: rgba(0,0,0,.78) !important;
}

.identity-page .nav-pills .nav-link:hover{
  background: rgba(0,0,0,.04);
}

.identity-page .nav-pills .nav-link.active{
  background: rgba(69, 30, 13, .06) !important;
  color: #111 !important;
  font-weight: 650;
  border: 1px solid rgba(69,30,13,.12);
}

/* Tabs/sections separators */
.identity-page hr{
  border-top: 1px solid rgba(0,0,0)
}

.auth-page{
  min-height: calc(100vh - 220px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
}

.auth-card{
  width: min(520px, 100%);
  background: #fff;
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
}

.auth-header{
  margin-bottom: 18px;
}

.auth-title{
  font-family: "Playfair Display", serif;
  font-size: 44px;
  line-height: 1.05;
  margin: 0 0 8px 0;
}

.auth-subtitle{
  margin: 0;
  opacity: .75;
}

.auth-btn{
  border-radius: 12px;
  padding: 12px 16px;
}

.auth-links{
  margin-top: 16px;
  display: flex;
  gap: 8px;
  justify-content: center;
  opacity: .9;
}

/* Register & login knapp stil */
.auth-page .btn-primary {
  --bs-btn-bg: var(--brand-soft);
  --bs-btn-border-color: #451e0d;
  --bs-btn-color: #111;

  --bs-btn-hover-bg: #451e0d;
  --bs-btn-hover-border-color: #451e0d;
  --bs-btn-hover-color: #fff;

  border-radius: 12px;
  font-weight: 650;
  padding: .7rem 1.1rem;
}


.btn-outline-primary,
.btn-outline-secondary {
    color: black;
    background-color: #EDE8E0;
    border-color: #451e0d;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    color: white;
    background-color: #451e0d;
    border-color: #451e0d;
}

.alert-warning {
    --bs-alert-color: black;
    --bs-alert-bg: #EDE8E0;
    --bs-alert-border-color: #451e0d;
    --bs-alert-link-color: #451e0d;
}

code {
    font-size: 1em;
    color: #451e0d;
    word-wrap: break-word;
}

.pdp__stockOut {
    color: #451e0d;
    font-weight: 600;
}