/* ================================================================
   MY ACCOUNT — Moon Juice style  (biomentor / myshop)
   ================================================================ */

.lk { padding-bottom: 80px; }

/* ── Page title ── */
.lk__caption {
  font-weight: 300 !important;
  letter-spacing: -.01em;
  color: #1A1A1A !important;
}

/* ── Sidebar ── */
.lk__sidebar {
  border: 1px solid #E8E0D4 !important;
  box-shadow: none !important;
}
.lk__menu-item .icon {
  background-color: #F5F0E8 !important;
}
.lk__menu-item.active,
.lk__menu-item:hover {
  background-color: #F5F0E8 !important;
}
.lk__menu-item .info span { color: #9B9589 !important; }

/* ── Personal data cards ── */
.lk__personal-block {
  background-color: #fff !important;
  border: 1px solid #E8E0D4 !important;
}
.acc__header { color: #1A1A1A; }
.lk__personal-block__info-block span { color: #9B9589 !important; }
.lk__personal-block__info-block p { color: #1A1A1A; }

/* Expand/collapse circle + chevron — was light green rgba(5,121,57,.15) */
.toggle { background-color: rgba(26,26,26,.06) !important; }
.lk__personal-block.active .acc__header .toggle svg path,
.acc__header .toggle svg path {
  fill: #1A1A1A !important;
}

/* "Редагувати" buttons */
.lk__personal-block__setted .btn {
  background-color: #1A1A1A !important;
  border-color: #1A1A1A !important;
  border-radius: 2px !important;
  font-weight: 600;
  letter-spacing: .04em;
}
.lk__personal-block__setted .btn:hover { background-color: #000 !important; }

/* "Змінити" / "Змінити пароль" / "Вийти" links */
.dotted-link {
  color: #1A1A1A !important;
  border-bottom-color: rgba(26,26,26,.4) !important;
}
.dotted-link:hover { border-bottom-color: #1A1A1A !important; }

.lk__empty { color: #9B9589 !important; }

/* ═══════════════════════════════════════════════════════════════
   ORDERS LIST
   ═══════════════════════════════════════════════════════════════ */

.order-card { border: 1px solid #E8E0D4 !important; }
.order-card__body { border-top-color: #E8E0D4 !important; }
.order-card__toggle { background: #F5F0E8 !important; }
.order-card__toggle:hover { background: #EFE9DF !important; }
.order-card__product-name { color: #1A1A1A !important; }
.order-card__info-box { background: #FAF8F3 !important; }
.order-card__np { border-top-color: #EFE9DF !important; }

/* Status badges keep semantic meaning — just normalize green hue */
.order-card__status._completed { color: #059669 !important; }

/* ═══════════════════════════════════════════════════════════════
   INLINE EDIT (toggled in-place via .lk__personal-block._editing,
   no navigation to a separate page)
   ═══════════════════════════════════════════════════════════════ */

.lk__edit-hint {
  font-size: 13px;
  color: #9B9589;
  margin: 4px 0 18px;
}

/* Original theme's space-between only kicks in with a ._personal/._delivery
   modifier we don't use — define our own layout instead of relying on it */
.lk__personal-block__edit .lk__personal-block__input-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 0 32px;
  margin-bottom: 0 !important;
}

.lk__edit-field {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(50% - 16px);
  max-width: 320px;
  margin-bottom: 30px;
}
.lk__edit-field label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #6B6560;
  margin-bottom: 7px;
}
.lk__edit-field input,
.lk__edit-field select {
  height: 42px;
  border: 1px solid #E8E0D4;
  border-radius: 4px;
  padding: 0 12px;
  font-size: 14px;
  color: #1A1A1A;
  background: #FAF8F3;
  transition: border-color .2s;
}
.lk__edit-field input:focus,
.lk__edit-field select:focus {
  border-color: #1A1A1A;
  outline: none;
  background: #fff;
}

.lk__personal-btns {
  align-items: center;
}
.lk__personal-btns .btn {
  background-color: #1A1A1A !important;
  border-color: #1A1A1A !important;
  color: #fff !important;
  border-radius: 2px !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .04em;
  width: auto !important;
  flex: 0 0 auto;
  height: 42px;
  line-height: 42px;
  padding: 0 30px;
}
.lk__personal-btns .btn:hover { background-color: #000 !important; }
.lk__personal-btns .lk__personal-block__cancel-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 15px;
  padding: 0;
}

.lk__form-msg {
  font-size: 13px;
  margin-top: 12px;
}
.lk__form-msg._error { color: #DC2626; }
.lk__form-msg._success { color: #059669; }

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .lk { padding-bottom: 48px; }
  .lk__personal-block { padding: 16px 18px !important; }
  .lk__edit-field { flex: 0 0 100%; }
}

/* ================================================================
   ГІСТЬ НА /my-account/ — заглушка «Увійдіть до акаунту»  (2026-09-23)
   Та сама картка, що на /viewed/, /reviews/, /structure/ (css/account-lists.css
   .lk__list-empty), яке тут не підключено — дублюємо лише вигляд картки.
   ================================================================ */
.lk__main > .lk__list-empty {
  border: 1px solid #E8E0D4;
  border-radius: 4px;
  background: #fff;
}