/* --- TiAuto / TWT My Account layout --- */
:root {
  --twt-red: #410099;
  --twt-text: #1a1a1a;
  --twt-muted: #6b6b6b;
  --twt-bg: #efefef; /* light grey content bg like screenshot */
}

.twt-account {
  padding: 30px 0 60px;
  color: var(--twt-text);
}

.twt-account__inner.container { max-width: 1200px; }

.twt-account__grid {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 40px;
}

@media (max-width: 991px) {
  .twt-account__grid { grid-template-columns: 1fr; }
}

/* LEFT: Sidebar */
.twt-account__sidebar-title {
  font-size: 32px !important;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 18px;
  padding: 20px;
  border-bottom: 0.2px solid #dbdbdb;
}

.twt-account__sidebar {
  background: #ffffff;
  border-radius: .5rem;
}

.twt-account-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border-left: 4px solid transparent;
}

.twt-account-nav__item {
  border-left: 4px solid transparent;
}

.twt-account-nav__item.is-active {
  border-left-color: var(--twt-red);
  background: #fff;
}

.twt-account-nav__link {
  display: block;
  padding: 16px 18px;
  color: var(--twt-text);
  text-decoration: none;
  transition: color .15s ease;
}

.twt-account-nav__item.is-active .twt-account-nav__link,
.twt-account-nav__link:hover {
  color: var(--twt-red);
}

/* RIGHT: Content area */
.twt-account__content {
  background: #ffffff;
  border-radius: 2px;
  min-height: 420px;
  border-radius: .5rem;
  padding-left: 20px;
  padding-right: 20px;
}

.twt-account__heading {
  font-size: 32px !important;
  font-weight: 800;
  color: var(--twt-red);
  text-transform: uppercase;
  margin: 0 0 18px;
  border-bottom: 0.2px solid #dbdbdb;
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
  line-height: 1;
}

.twt-account__hello { margin: 0 0 10px; }
.twt-account__summary a { color: var(--twt-red); }
.twt-account__summary a:hover { text-decoration: underline; }

/* Tables/Lists inside content keep default Woo styles */
.woocommerce-Address-title h3,
.woocommerce-order-details__title,
.woocommerce-MyAccount-content h3 {
  color: var(--twt-text);
}