/* Member-facing chrome that has to exist on every page, not just the bank:
   the header's account button, the account page's list of what a membership
   opens, and a correction to Simple Membership's stock red submit button —
   red reads as a warning, and signing in is not a warning. */

:root {
  --tdb-brand: #7a4f2e;
  --tdb-brand-soft: #96684a;
}

/* ---- header: the account item, told apart from the rest of the nav ----
   The nav bar has no horizontal slack left: measured on the live header, ANY
   increase in this item's width pushes BOOK NOW out of its slot and drops the
   menu onto a second row. So the pill is painted rather than built — a white
   box-shadow spread, which renders outside the box without taking part in
   layout. Padding would look the same and break the header. */
.menu-item.tdb-nav-member > a,
li.tdb-nav-member > a {
  background: #ffffff;
  color: var(--tdb-brand) !important;
  font-weight: 700;
  border-radius: 4px;
  box-shadow: 0 0 0 7px #ffffff, 0 1px 2px 7px rgba(0,0,0,.10);
  border-bottom: 0 !important;
  text-decoration: none !important;
}
.menu-item.tdb-nav-member > a:hover,
li.tdb-nav-member > a:hover,
.menu-item.tdb-nav-member.current-menu-item > a,
li.tdb-nav-member.current-menu-item > a {
  background: #f4ece5;
  box-shadow: 0 0 0 7px #f4ece5, 0 1px 2px 7px rgba(0,0,0,.10);
  color: var(--tdb-brand) !important;
}
/* Once the nav stacks there is room to do it properly, and a shadow-painted
   pill on a stacked list sits too close to its neighbours. */
@media (max-width: 900px) {
  .menu-item.tdb-nav-member > a,
  li.tdb-nav-member > a,
  .menu-item.tdb-nav-member > a:hover,
  li.tdb-nav-member > a:hover {
    box-shadow: none;
    border-radius: 6px;
    padding: 8px 14px !important;
    display: inline-block;
  }
}

/* ---- the account page ---- */
.tdb-mine { list-style: none; margin: 14px 0 0; padding: 0; }
.tdb-mine-item {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  border: 1px solid #e3d9d0; border-radius: 10px;
  padding: 14px 16px; margin: 0 0 10px;
  background: #fdfbf9;
}
.tdb-mine-text { flex: 1 1 260px; min-width: 0; }
.tdb-mine-text strong { display: block; font-size: 16px; }
.tdb-mine-text span { display: block; font-size: 14px; line-height: 1.5; opacity: .8; margin-top: 2px; }
.tdb-mine-empty { border: 1px solid #e3d9d0; border-radius: 10px; padding: 14px 16px; background: #fdfbf9; }
.tdb-mine-empty p { margin: 0 0 8px; }

.tdb-cta,
a.tdb-cta {
  display: inline-block;
  background: var(--tdb-brand);
  color: #ffffff !important;
  border-radius: 8px;
  padding: 9px 18px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  white-space: nowrap;
}
.tdb-cta:hover, a.tdb-cta:hover { background: var(--tdb-brand-soft); color: #ffffff !important; }

.tdb-account-links { margin: 18px 0 0; font-size: 14px; }
.tdb-account-links a { font-weight: 600; }

/* ---- Simple Membership's own buttons, brought into the site's palette ---- */
.swpm-login-form-submit,
.swpm-registration-submit-section input[type="submit"],
input.swpm-login-form-submit,
.swpm-profile-edit-submit-section input[type="submit"],
.swpm-password-reset-submit-section input[type="submit"] {
  background: var(--tdb-brand) !important;
  background-image: none !important;
  border-color: var(--tdb-brand) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  text-shadow: none !important;
}
.swpm-login-form-submit:hover,
.swpm-registration-submit-section input[type="submit"]:hover,
input.swpm-login-form-submit:hover,
.swpm-profile-edit-submit-section input[type="submit"]:hover,
.swpm-password-reset-submit-section input[type="submit"]:hover {
  background: var(--tdb-brand-soft) !important;
  border-color: var(--tdb-brand-soft) !important;
}