/* WooCommerce My Account — минималистичные стили
   Цвет бренда: #811823; границы: #e5e5e5
   Селекторы ограничены областью .woocommerce-account для безопасности */

/* Базовая сетка: навигация + контент */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.woocommerce-account .woocommerce .woocommerce-notices-wrapper {
  width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-form-register {
  font-size: 14px;
  line-height: 1.3em;
}
.woocommerce-account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text {
  margin-bottom: 20px;
}
.woocommerce-account .woocommerce:before,
.woocommerce-account .woocommerce:after {
  display:none;
}

@media (max-width: 992px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
  }
}

/* Навигация аккаунта */
.woocommerce-account .woocommerce-MyAccount-navigation {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-top: 1px solid #eaeaea;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
  border-top: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 12px 14px;
  color: #222;
  text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child a {
  border-radius: 8px 8px 0px 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
  border-radius: 0px 0px 8px 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  color: #811823;
  background: #f8f8f8;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  color: #811823;
  background: #f5f5f5;
}

/* Контент аккаунта */
.woocommerce-account .woocommerce-MyAccount-content {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  padding: 24px;
  width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-weight: 600;
  margin: 0 0 14px;
}
.woocommerce-account .woocommerce-MyAccount-content p {
  margin: 0 0 12px;
  line-height: 1.5;
}

/* Карточный вид для колонок логина/регистрации */
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2 {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
}
.woocommerce-account .u-columns {
  gap: 24px;
}

/* Формы (логин, регистрация, адреса, детали аккаунта) */
.woocommerce-account form .form-row {
  margin: 0 0 16px;
}
.woocommerce-account form .form-row label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
}
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="number"],
.woocommerce-account textarea,
.woocommerce-account select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  color: #222;
  font: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder {
  color: #999;
}
.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
  outline: none;
  border-color: #811823;
  box-shadow: 0 0 0 3px rgba(129, 24, 35, 0.08);
}

/* Чекбоксы и радиокнопки */
.woocommerce-account input[type="checkbox"],
.woocommerce-account input[type="radio"] {
  accent-color: #811823;
}

/* Чекбоксы согласия на форме регистрации */
.woocommerce-account .registration-privacy-checkbox {
  margin-bottom: 0px;
}

.woocommerce-account .registration-newsletter-checkbox {
  margin-bottom: 16px;
}

.woocommerce-account .registration-privacy-checkbox label,
.woocommerce-account .registration-newsletter-checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
}

.woocommerce-account .registration-privacy-checkbox input[type="checkbox"],
.woocommerce-account .registration-newsletter-checkbox input[type="checkbox"] {
  margin-top: 3px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: #811823;
}

.woocommerce-account .registration-privacy-checkbox label span,
.woocommerce-account .registration-newsletter-checkbox label span {
  flex: 1;
  color: #333;
}

.woocommerce-account .registration-privacy-checkbox label span a,
.woocommerce-account .registration-newsletter-checkbox label span a {
  color: #811823;
  text-decoration: underline;
}

.woocommerce-account .registration-privacy-checkbox label span a:hover,
.woocommerce-account .registration-newsletter-checkbox label span a:hover {
  color: #9a1e2a;
}

/* Кнопки */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account .woocommerce-Button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: #811823;
  color: #fff;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account .woocommerce-button:hover {
  background: #9a1e2a;
}
.woocommerce-account .button:disabled,
.woocommerce-account button.button:disabled,
.woocommerce-account .woocommerce-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Ссылки (в пределах аккаунта) */
.woocommerce-account .woocommerce a,
.woocommerce-account .woocommerce-MyAccount-content a {
  color: #811823;
}

/* Сообщения WooCommerce */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
  border: 1px solid #e5e5e5;
  border-left: 4px solid #811823;
  background: #fafafa;
  border-radius: 8px;
  padding: 12px 14px;
}

/* Таблицы (заказы, адреса) */
.woocommerce-account table.shop_table {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  padding: 12px 14px;
  border-top: 1px solid #efefef;
}
.woocommerce-account table.shop_table thead th {
  font-weight: 600;
  background: #f8f8f8;
  border-top: none;
}
.woocommerce-account table.shop_table tbody tr:nth-child(even) td {
  background: #fcfcfc;
}
.woocommerce-account table.shop_table .button {
  padding: 7px 12px;
  border-radius: 6px;
}

/* Пагинация заказов и пр. */
.woocommerce-account .woocommerce-pagination .page-numbers {
  display: inline-flex;
  gap: 6px;
}
.woocommerce-account .woocommerce-pagination .page-numbers a,
.woocommerce-account .woocommerce-pagination .page-numbers span {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #222;
  text-decoration: none;
}
.woocommerce-account .woocommerce-pagination .page-numbers .current,
.woocommerce-account .woocommerce-pagination .page-numbers a:hover {
  background: #811823;
  color: #fff;
  border-color: #811823;
}

/* Восстановление пароля */
.woocommerce-account .lost_password a {
  color: #811823;
}

/* Адреса (список карточек) */
.woocommerce-account .woocommerce-Address {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
}
.woocommerce-account .woocommerce-Address-title h3 {
  margin: 0 0 6px;
  font-weight: 600;
}
.woocommerce-account .edit {
  color: #811823;
}

/* Дашборд (приветствие) */
.woocommerce-account .woocommerce-MyAccount-content p a {
  color: #811823;
}

/* Корректировка марджинов в конце блоков */
.woocommerce-account .woocommerce-MyAccount-content > :last-child {
  margin-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:after {
  display:none;
}

@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }
}