/* woo-account.css === ЛИЧНЫЙ КАБИНЕТ === */

/* === ОСНОВНАЯ СТРУКТУРА (2 КОЛОНКИ) === */
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 280px 1fr; gap: 2rem; align-items: start; }

/* === СКРЫТЬ ЗАГРУЗКИ === */
.woocommerce-MyAccount-navigation-link--downloads { display: none; }

/* === ЛЕВОЕ МЕНЮ === */
.woocommerce-MyAccount-navigation { background: var(--white-color); border-radius: var(--border-radius); padding: 1.5rem; box-shadow: var(--shadow); }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation a { display: flex; align-items: center; gap: 0.75rem; padding: 0.875rem 1rem; border-radius: var(--border-radius-sm); color: var(--dark-color); text-decoration: none; transition: var(--transition); border: 1px solid transparent; }
.woocommerce-MyAccount-navigation a:hover { background: var(--light-color); color: var(--primary-color); border-color: var(--border-color); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--danger-color); border: 1px solid var(--border-color); }
.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: #ffebee; border-color: var(--danger-color); }

/* === ПРАВАЯ ЧАСТЬ === */
.woocommerce-MyAccount-content { background: var(--white-color); border-radius: var(--border-radius); padding: 2.5rem; box-shadow: var(--shadow); }

/* === DASHBOARD С ПЛИТКАМИ === */
.account-dashboard { }

/* === ПРИВЕТСТВИЕ === */
.account-greeting { text-align: center; margin-bottom: 2.5rem; }
.account-greeting__title { font-size: 1.75rem; font-weight: 600; color: var(--dark-color); margin-bottom: 0.5rem; }
.account-greeting__text { font-size: 1rem; color: var(--text-light); margin: 0; }

/* === СЕТКА ПЛИТОК === */
.account-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

/* === ПЛИТКА === */
.account-tile { background: var(--white-color); border: 2px solid var(--border-color); border-radius: var(--border-radius); padding: 2rem; text-decoration: none; transition: var(--transition); display: flex; flex-direction: column; align-items: center; text-align: center; }
.account-tile:hover { border-color: var(--primary-color); transform: translateY(-4px); box-shadow: var(--shadow-lg); text-decoration: none; }

/* === ИКОНКА === */
.account-tile__icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary-color), var(--primary-light)); border-radius: 50%; color: var(--white-color); font-size: 1.75rem; margin-bottom: 1.25rem; transition: var(--transition); }

/* === КОНТЕНТ === */
.account-tile__content { }
.account-tile__title { font-size: 1.125rem; font-weight: 600; color: var(--dark-color); margin-bottom: 0.5rem; }
.account-tile__desc { font-size: 0.875rem; color: var(--text-muted); margin: 0; }

/* === ФОРМЫ ВХОДА И РЕГИСТРАЦИИ === */
/* Скрыть заголовок страницы на странице входа */
body.noauth.woocommerce-account .page__title { display: none; }

/* Обёртка страницы входа с двумя колонками (если регистрация включена) */
body.noauth .wc-login-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; max-width: 1200px; margin: 0 auto; }
body.noauth .wc-login-column { width: 100%; }

/* Одна форма входа (если регистрация выключена) */
body.noauth .woocommerce:not(.wc-login-columns) { max-width: 600px; margin: 0 auto; }
body.noauth.woocommerce-checkout .woocommerce { max-width: none; margin: 0 auto; }
body.noauth .woocommerce { display:block; }
/* Карточки форм */
.woocommerce-form-login, .woocommerce-form-register { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 2.5rem; box-shadow: var(--shadow); }

/* Заголовки форм */
.woocommerce-form-login h2, .woocommerce-form-register h2 { font-size: 1.75rem; font-weight: 600; color: var(--dark-color); margin: 0 0 1.5rem; text-align: center; }

/* Поля */
.woocommerce-form-login .form-row, .woocommerce-form-register .form-row { margin-bottom: 1.25rem; }
.woocommerce-form-login label, .woocommerce-form-register label { display: block; font-weight: 500; color: var(--dark-color); margin-bottom: 0.5rem; font-size: 0.875rem; }
.woocommerce-form-login input[type="text"], .woocommerce-form-login input[type="password"], .woocommerce-form-login input[type="email"], .woocommerce-form-register input[type="text"], .woocommerce-form-register input[type="password"], .woocommerce-form-register input[type="email"] { width: 100%; padding: 0.875rem 1rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 0.9375rem; transition: var(--transition); }
.woocommerce-form-login input:focus, .woocommerce-form-register input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }

/* Кнопки */
.woocommerce-form-login .button, .woocommerce-form-register .button { width: 100%; padding: 1rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); margin-top: 0.5rem; }
.woocommerce-form-login .button:hover, .woocommerce-form-register .button:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); }

/* Запомнить меня */
.woocommerce-form-login .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; }
.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--primary-color); margin: 0; }

/* Забыли пароль */
.woocommerce-form-login .lost_password { text-align: center; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }
.woocommerce-form-login .lost_password a { color: var(--primary-color); text-decoration: none; font-size: 0.9375rem; }
.woocommerce-form-login .lost_password a:hover { text-decoration: underline; }

/* Кнопка показа пароля (стандартная WooCommerce) */
.woocommerce-form-login .show-password-input, .woocommerce-form-register .show-password-input { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: var(--text-muted); cursor: pointer; padding: 0.5rem; transition: var(--transition); }
.woocommerce-form-login .show-password-input:hover, .woocommerce-form-register .show-password-input:hover { color: var(--primary-color); }
.woocommerce-form-login .password-input, .woocommerce-form-register .password-input { position: relative; display: block; }
.woocommerce-form-login .password-input input, .woocommerce-form-register .password-input input {  }

/* Новые стили для кастомного шаблона */
.login-page-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; max-width: 1000px; margin: 0 auto; }
.login-form-container, .register-form-container { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); overflow: hidden; }
.login-form-header, .register-form-header { background: var(--light-color); padding: 2rem; text-align: center; border-bottom: 1px solid var(--border-color); }
.login-form-title, .register-form-title { font-size: 1.5rem; font-weight: 600; color: var(--dark-color); margin: 0 0 0.5rem; }
.login-form-subtitle, .register-form-subtitle { font-size: 0.9375rem; color: var(--text-muted); margin: 0; }
.login-form, .register-form { padding: 2rem; }
.login-form-field, .register-form-field { margin-bottom: 1.25rem; }
.login-form-field label, .register-form-field label { display: block; font-weight: 500; color: var(--dark-color); margin-bottom: 0.5rem; font-size: 0.875rem; }
.login-form-field .required, .register-form-field .required { color: var(--danger-color); }
.login-form-input-wrapper, .register-form-input-wrapper { position: relative; display: flex; align-items: center; }
.login-form-input-wrapper i:first-child, .register-form-input-wrapper i:first-child { position: absolute; left: 1rem; color: var(--text-muted); font-size: 1rem; }
.login-form-input-wrapper input, .register-form-input-wrapper input { width: 100%; padding: 0.875rem 1rem 0.875rem 3rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 0.9375rem; transition: var(--transition); }
.login-form-input-wrapper input:focus, .register-form-input-wrapper input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }
.login-password-toggle, .register-password-toggle { position: absolute; right: 0.75rem; background: transparent; border: none; color: var(--text-muted); cursor: pointer; padding: 0.5rem; font-size: 1rem; transition: var(--transition); }
.login-password-toggle:hover, .register-password-toggle:hover { color: var(--primary-color); }
.login-form-remember { margin-bottom: 1.5rem; }
.login-form-remember label { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; font-size: 0.875rem; color: var(--dark-color); }
.login-form-remember input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--primary-color); cursor: pointer; }
.login-form-submit, .register-form-submit { width: 100%; padding: 1rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: 0.625rem; }
.login-form-submit:hover, .register-form-submit:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.login-form-submit i, .register-form-submit i { font-size: 1.125rem; }
.login-form-footer { margin-top: 1.5rem; text-align: center; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }
.login-lost-password { color: var(--primary-color); text-decoration: none; font-size: 0.9375rem; display: inline-flex; align-items: center; gap: 0.5rem; transition: var(--transition); }
.login-lost-password:hover { text-decoration: underline; }
.register-form-note { background: #e3f2fd; border: 1px solid var(--info-color); border-radius: var(--border-radius-sm); padding: 0.875rem; margin-bottom: 1.25rem; display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.875rem; color: var(--info-color); }
.register-form-note i { font-size: 1.125rem; flex-shrink: 0; margin-top: 2px; }

/* === ТАБЛИЦА ЗАКАЗОВ === */
.woocommerce-orders-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.woocommerce-orders-table thead { background: var(--light-color); }
.woocommerce-orders-table th { padding: 1rem; text-align: left; font-weight: 600; color: var(--dark-color); font-size: 0.9rem; border-bottom: 2px solid var(--border-color); }
.woocommerce-orders-table td { padding: 1rem; border-bottom: 1px solid var(--border-color); font-size: 0.9rem; }
.woocommerce-orders-table tr:last-child td { border-bottom: none; }
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a { color: var(--primary-color); font-weight: 600; text-decoration: none; }
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover { text-decoration: underline; }
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status { }
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark { padding: 0.375rem 0.75rem; border-radius: 1.25rem; font-size: 0.75rem; font-weight: 600; }
.woocommerce-orders-table mark.status-completed { background: #e7f7ef; color: var(--success-color); }
.woocommerce-orders-table mark.status-processing { background: #fff3e0; color: var(--warning-color); }
.woocommerce-orders-table mark.status-on-hold { background: #e3f2fd; color: var(--info-color); }
.woocommerce-orders-table mark.status-cancelled { background: #ffebee; color: var(--danger-color); }
.woocommerce-orders-table .woocommerce-button { padding: 0.5rem 1rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-size: 0.85rem; font-weight: 500; text-decoration: none; display: inline-block; transition: var(--transition); }
.woocommerce-orders-table .woocommerce-button:hover { background: var(--primary-dark); }

/* === АДРЕСА === */
.woocommerce-MyAccount-content .woocommerce-Addresses { display: grid!important; grid-template-columns: repeat(2, 1fr)!important; gap: 2rem!important; }
.woocommerce-MyAccount-content .woocommerce-Addresses .col-1, .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 { width: 100%; }
.woocommerce-Address { background: var(--light-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 1.5rem; }
.woocommerce-Address-title h3 { font-size: 1.25rem; font-weight: 600; color: var(--dark-color); margin-bottom: 1rem; }
.woocommerce-Address address { font-style: normal; line-height: 1.6; color: var(--text-light); margin-bottom: 1rem; }
.woocommerce-Address .edit { color: var(--primary-color); text-decoration: none; font-weight: 500; font-size: 0.9rem; }
.woocommerce-Address .edit:hover { text-decoration: underline; }

/* === ФОРМА РЕДАКТИРОВАНИЯ АККАУНТА === */
.account-edit-form { }

/* Сетка карточек */
.account-edit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 1.5rem; }

/* Карточка */
.account-edit-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); overflow: hidden; }
.account-edit-card__header { background: var(--light-color); padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: 0.75rem; }
.account-edit-card__header i { font-size: 1.25rem; color: var(--primary-color); }
.account-edit-card__header h3 { font-size: 1.125rem; font-weight: 600; color: var(--dark-color); margin: 0; }
.account-edit-card__body { padding: 1.5rem 1.25rem; }

/* Уведомление */
.account-edit-notice { background: #e3f2fd; border: 1px solid var(--info-color); border-radius: var(--border-radius-sm); padding: 0.75rem 1rem; margin-bottom: 1.25rem; display: flex; align-items: center; gap: 0.75rem; font-size: 0.875rem; color: var(--info-color); }
.account-edit-notice i { font-size: 1.125rem; flex-shrink: 0; }

/* Группа полей (2 в ряд) */
.account-field-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 1rem; }

/* Поле */
.account-field { margin-bottom: 1rem; }
.account-field:last-child { margin-bottom: 0; }
.account-field label { display: block; font-weight: 500; color: var(--dark-color); margin-bottom: 0.5rem; font-size: 0.875rem; }
.account-field .req { color: var(--danger-color); margin-left: 2px; }
.account-field input[type="text"], .account-field input[type="email"], .account-field input[type="password"] { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 0.9375rem; transition: var(--transition); }
.account-field input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }
.account-field-hint { display: block; font-size: 0.8125rem; color: var(--text-muted); margin-top: 0.375rem; font-style: italic; }

/* Поле пароля с кнопкой показа */
.account-password-field { position: relative; }
.account-password-field input { padding-right: 3rem; }
.account-password-toggle { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: var(--text-muted); cursor: pointer; padding: 0.5rem; font-size: 1rem; transition: var(--transition); }
.account-password-toggle:hover { color: var(--primary-color); }

/* Кнопка сохранения */
.account-edit-actions { display: flex; justify-content: flex-end; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }
.account-edit-submit { padding: 0.875rem 2rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; gap: 0.625rem; }
.account-edit-submit:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.account-edit-submit i { font-size: 1.125rem; }

/* Старые стили для совместимости */
.woocommerce-EditAccountForm, .woocommerce-address-fields { }
.woocommerce-EditAccountForm .form-row, .woocommerce-address-fields .form-row { margin-bottom: 1rem; }
.woocommerce-EditAccountForm label, .woocommerce-address-fields label { display: block; font-weight: 500; color: var(--dark-color); margin-bottom: 0.5rem; font-size: 0.9rem; }
.woocommerce-EditAccountForm input[type="text"], .woocommerce-EditAccountForm input[type="email"], .woocommerce-EditAccountForm input[type="password"], .woocommerce-address-fields input[type="text"], .woocommerce-address-fields input[type="email"], .woocommerce-address-fields select { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 0.95rem; transition: var(--transition); }
.woocommerce-EditAccountForm input:focus, .woocommerce-address-fields input:focus, .woocommerce-address-fields select:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }
.woocommerce-EditAccountForm .button, .woocommerce-address-fields .button { padding: 0.75rem 1.5rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: var(--transition); }
.woocommerce-EditAccountForm .button:hover, .woocommerce-address-fields .button:hover { background: var(--primary-dark); transform: translateY(-2px); }
.woocommerce-EditAccountForm fieldset { border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 1.25rem; margin-bottom: 1.25rem; }
.woocommerce-EditAccountForm legend { font-weight: 600; color: var(--dark-color); padding: 0 0.5rem; font-size: 1rem; }
.woocommerce-EditAccountForm .show-password-input, .woocommerce-address-fields .show-password-input { position: relative; }
.woocommerce-EditAccountForm .show-password-input .woocommerce-Input, .woocommerce-address-fields .show-password-input .woocommerce-Input { padding-right: 3rem; }
.woocommerce-EditAccountForm .show-password-input button, .woocommerce-address-fields .show-password-input button { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: var(--text-muted); cursor: pointer; padding: 0.5rem; font-size: 0.9rem; }
.woocommerce-EditAccountForm .show-password-input button:hover, .woocommerce-address-fields .show-password-input button:hover { color: var(--primary-color); }



/* === ЗАГРУЗКИ === */
.woocommerce-MyAccount-downloads { }
.woocommerce-MyAccount-downloads .woocommerce-orders-table { }

/* === СООБЩЕНИЯ === */
.woocommerce-message, .woocommerce-error, .woocommerce-info { padding: 1rem 1.25rem; border-radius: var(--border-radius-sm); margin-bottom: 1.5rem; border-left: 4px solid; }
.woocommerce-message { background: #e7f7ef; border-left-color: var(--success-color); color: var(--success-color); }
.woocommerce-error { background: #ffebee; border-left-color: var(--danger-color); color: var(--danger-color); }
.woocommerce-info { background: #e3f2fd; border-left-color: var(--info-color); color: var(--info-color); }

/* === АДАПТИВНОСТЬ === */
@media (max-width: 991px) {
.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
body.noauth .wc-login-columns { grid-template-columns: 1fr; gap: 1.5rem; }
.login-page-wrapper { grid-template-columns: 1fr; gap: 1.5rem; }
.woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr!important; gap: 1.5rem!important; }
.account-edit-grid { grid-template-columns: 1fr; gap: 1.25rem; }
.account-field-group { grid-template-columns: 1fr; gap: 0.75rem; }
.woocommerce-MyAccount-navigation { margin-bottom: 2rem; }
.account-greeting__title { font-size: 1.5rem; }
}

@media (max-width: 767px) {
.woocommerce-MyAccount-content { padding: 2rem; }
.woocommerce-MyAccount-navigation { padding: 1.25rem; }
.woocommerce-form-login, .woocommerce-form-register { padding: 2rem; }
.woocommerce-orders-table { font-size: 0.85rem; }
.woocommerce-orders-table th, .woocommerce-orders-table td { padding: 0.75rem 0.5rem; }
.account-greeting { margin-bottom: 2rem; }
.account-greeting__title { font-size: 1.375rem; }
.account-tiles { grid-template-columns: 1fr; gap: 1rem; }
.account-tile { padding: 1.5rem; }
.account-tile__icon { width: 60px; height: 60px; font-size: 1.5rem; margin-bottom: 1rem; }
.account-tile__title { font-size: 1rem; }
}

@media (max-width: 575px) {
.woocommerce-MyAccount-content { padding: 1.5rem; }
.woocommerce-MyAccount-navigation { padding: 1rem; }
.woocommerce-MyAccount-navigation a { padding: 0.75rem; font-size: 0.9rem; }
.woocommerce-form-login, .woocommerce-form-register { padding: 1.5rem; }
.woocommerce-orders-table { display: block; overflow-x: auto; }
.woocommerce-MyAccount-content .woocommerce-Addresses { gap: 1rem!important; }
.woocommerce-Address { padding: 1.25rem; }
.account-greeting { margin-bottom: 1.5rem; }
.account-greeting__title { font-size: 1.25rem; }
.account-tiles { gap: 0.875rem; }
.account-tile { padding: 1.25rem; }
.account-tile__icon { width: 55px; height: 55px; font-size: 1.375rem; }
.account-tile__desc { font-size: 0.8rem; }
}




/* === ДОБАВИТЬ В КОНЕЦ ФАЙЛА woo-account.css === */

/* === ПЕРЕКЛЮЧЕНИЕ ФОРМ ВХОД/РЕГИСТРАЦИЯ === */
.login-form-wrapper, .register-form-wrapper { width: 100%; }
.register-form-wrapper { display: none; }

/* Ссылка переключения в подзаголовке */
.login-card__subtitle a { color: var(--primary-color); text-decoration: none; font-weight: 500; transition: var(--transition); }
.login-card__subtitle a:hover { text-decoration: underline; }

/* Скрыть стандартный глазик WooCommerce */
.woocommerce-form-login .show-password-input, .woocommerce-form-register .show-password-input { display: none !important; }
.woocommerce-form-login .password-input .show-password-input, .woocommerce-form-register .password-input .show-password-input { display: none !important; }

/* Скрыть иконки валидации email от WooCommerce */
.woocommerce-Input--text + .woocommerce-input-wrapper__suffix { display: none !important; }
.woocommerce input[type="text"]:invalid, .woocommerce input[type="email"]:invalid { box-shadow: none !important; }

/* Поля регистрации */
.register-form-body { padding: 0; }
.register-field { margin-bottom: 1.25rem; }
.register-field:last-of-type { margin-bottom: 2rem; }
.register-field label { display: block; font-weight: 500; color: var(--dark-color); margin-bottom: 0.5rem; font-size: 0.875rem; }
.register-field .required { color: var(--danger-color); }
.register-field input[type="email"], .register-field input[type="password"] { width: 100%; padding: 0.875rem 1rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 0.9375rem; transition: var(--transition); }
.register-field input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }

/* Кнопка регистрации */
.register-submit { width: 100%; padding: 1rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: 0.625rem; }
.register-submit:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.register-submit i { font-size: 1.125rem; }

/* Уведомление в форме регистрации */
.register-notice { background: #e3f2fd; border: 1px solid var(--info-color); border-radius: var(--border-radius-sm); padding: 0.875rem 1rem; margin-bottom: 1.25rem; display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.875rem; color: var(--info-color); }
.register-notice i { font-size: 1.125rem; flex-shrink: 0; margin-top: 2px; }
.register-notice p { margin: 0; }

/* Валидация поля повтора пароля */
.register-field.success input { border-color: var(--success-color); }
.register-field.error input { border-color: var(--danger-color); }

/* === СТРАНИЦА ВОССТАНОВЛЕНИЯ ПАРОЛЯ И СОЗДАНИЯ НОВОГО === */
.woocommerce-ResetPassword .login-page { max-width: 600px; margin: 0 auto; padding: 2rem 0; }
.login-page { max-width: 600px; margin: 0 auto; padding: 2rem 0; }
.login-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow); }
.login-card__header { background: var(--light-color); padding: 2rem; text-align: center; border-bottom: 1px solid var(--border-color); }
.login-card__title { font-size: 1.75rem; font-weight: 600; color: var(--dark-color); margin: 0 0 0.5rem; }
.login-card__subtitle { font-size: 0.9375rem; color: var(--text-muted); margin: 0; }
.login-form-body { padding: 2rem; }
.login-field { margin-bottom: 1.5rem; }
.login-field:last-of-type { margin-bottom: 2rem; }
.login-field label { display: block; font-weight: 500; color: var(--dark-color); margin-bottom: 0.5rem; font-size: 0.875rem; }
.login-field .required { color: var(--danger-color); }
.login-field input[type="text"], .login-field input[type="email"], .login-field input[type="password"] { width: 100%; padding: 0.875rem 1rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); font-size: 0.9375rem; transition: var(--transition); }
.login-field input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }
.login-field .password-input { position: relative; display: block; width: 100%; }
.login-field .password-input input { width: 100%; padding-right: 3rem; }
.login-field .password-input .show-password-input { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: var(--text-muted); cursor: pointer; padding: 0.5rem; z-index: 10; }
.login-submit { width: 100%; padding: 1rem; background: var(--primary-color); color: var(--white-color); border: none; border-radius: var(--border-radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: 0.625rem; }
.login-submit:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.login-submit i { font-size: 1.125rem; }
.login-footer { margin-top: 1.5rem; text-align: center; padding-top: 1.5rem; border-top: 1px solid var(--border-color); }
.login-lost-password { color: var(--primary-color); text-decoration: none; font-size: 0.9375rem; display: inline-flex; align-items: center; gap: 0.5rem; transition: var(--transition); }
.login-lost-password:hover { text-decoration: underline; }

/* Скрыть заголовок страницы */
body.woocommerce-lost-password .page__title { display: none; }

/* === АДАПТИВНОСТЬ ДЛЯ ВОССТАНОВЛЕНИЯ ПАРОЛЯ === */
@media (max-width: 767px) {
.login-page { padding: 1.5rem 0; }
.login-card__header { padding: 1.5rem; }
.login-card__title { font-size: 1.5rem; }
.login-form-body { padding: 1.5rem; }
}

@media (max-width: 575px) {
.login-page { padding: 1rem 0; }
.login-card__header { padding: 1.25rem; }
.login-card__title { font-size: 1.25rem; }
.login-card__subtitle { font-size: 0.875rem; }
.login-form-body { padding: 1.25rem; }
}






.login-register-link { margin-top:2rem; }
.login-field { margin-bottom:2rem; }















/* === АДРЕСА === */
body.woocommerce-view-order .woocommerce-customer-details { margin-top: 2rem; }
body.woocommerce-view-order .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
body.woocommerce-view-order .woocommerce-column { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 1.5rem; width: 100%!important; max-width: none!important; flex: none!important; }
body.woocommerce-view-order .col-1, body.woocommerce-view-order .col-2 { width: 100%!important; max-width: none!important; flex: none!important; }
body.woocommerce-view-order .woocommerce-column__title { font-size: 1.125rem; font-weight: 600; color: var(--dark-color); margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border-color); }
body.woocommerce-view-order .woocommerce-column address { font-style: normal; line-height: 2; color: var(--text-light); margin: 0; display: block; }
body.woocommerce-view-order .woocommerce-customer-details--phone { margin: 1rem 0 0.5rem!important; padding-top: 1rem!important; border-top: 1px solid var(--border-color)!important; color: var(--dark-color)!important; font-weight: 500!important; display: flex!important; align-items: center!important; gap: 0.5rem!important; line-height: 1.5!important; }
body.woocommerce-view-order .woocommerce-customer-details--phone::before { content: "\f095"; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--primary-color); font-size: 0.875rem; }
body.woocommerce-view-order .woocommerce-customer-details--email { margin: 0.5rem 0 0!important; padding: 0!important; color: var(--dark-color)!important; font-weight: 500!important; display: flex!important; align-items: center!important; gap: 0.5rem!important; line-height: 1.5!important; }
body.woocommerce-view-order .woocommerce-customer-details--email::before { content: "\f0e0"; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--primary-color); font-size: 0.875rem; }/* woo-view-order.css === ДЕТАЛЬНАЯ СТРАНИЦА ЗАКАЗА === */

/* === СТАТУС ЗАКАЗА === */
body.woocommerce-view-order .woocommerce-MyAccount-content > p { background: var(--light-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 1.5rem; margin-bottom: 2rem; font-size: 1rem; line-height: 1.6; }
body.woocommerce-view-order .woocommerce-MyAccount-content > p mark { background: none; padding: 0.25rem 0.625rem; border-radius: var(--border-radius-sm); font-weight: 600; }
body.woocommerce-view-order .woocommerce-MyAccount-content > p .order-number { background: var(--primary-color); color: var(--white-color); }
body.woocommerce-view-order .woocommerce-MyAccount-content > p .order-date { background: #e3f2fd; color: var(--info-color); }
body.woocommerce-view-order .woocommerce-MyAccount-content > p .order-status { background: #fff3e0; color: var(--warning-color); }

/* === СЕКЦИЯ ДЕТАЛЕЙ ЗАКАЗА === */
body.woocommerce-view-order .woocommerce-order-details { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 2rem; margin-bottom: 2rem; }
body.woocommerce-view-order .woocommerce-order-details__title { font-size: 1.375rem; font-weight: 600; color: var(--dark-color); margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--border-color); }

/* === ТАБЛИЦА ТОВАРОВ === */
body.woocommerce-view-order .woocommerce-table { width: 100%; border-collapse: separate; border-spacing: 0; }
body.woocommerce-view-order .woocommerce-table thead { background: var(--light-color); }
body.woocommerce-view-order .woocommerce-table thead th { padding: 1rem; text-align: left; font-weight: 600; color: var(--dark-color); font-size: 0.9rem; border-bottom: 2px solid var(--border-color); }
body.woocommerce-view-order .woocommerce-table thead th:last-child { text-align: right; }
body.woocommerce-view-order .woocommerce-table tbody td { padding: 1rem; border-bottom: 1px solid var(--border-color); font-size: 0.9375rem; vertical-align: middle; }
body.woocommerce-view-order .woocommerce-table tbody td:last-child { text-align: right; }
body.woocommerce-view-order .woocommerce-table tbody tr:last-child td { border-bottom: none; }
body.woocommerce-view-order .woocommerce-table .product-name a { color: var(--primary-color); text-decoration: none; font-weight: 500; transition: var(--transition); }
body.woocommerce-view-order .woocommerce-table .product-name a:hover { text-decoration: underline; }
body.woocommerce-view-order .woocommerce-table .product-quantity { color: var(--text-muted); font-weight: 400; margin-left: 0.5rem; }
body.woocommerce-view-order .woocommerce-table .product-total { font-weight: 600; color: var(--dark-color); }

/* === ИТОГИ (TFOOT) === */
body.woocommerce-view-order .woocommerce-table tfoot { background: var(--light-color); }
body.woocommerce-view-order .woocommerce-table tfoot th { padding: 0.875rem 1rem; text-align: left; font-weight: 500; color: var(--text-light); font-size: 0.875rem; border-top: 1px solid var(--border-color); }
body.woocommerce-view-order .woocommerce-table tfoot td { padding: 0.875rem 1rem; text-align: right; font-weight: 500; color: var(--dark-color); font-size: 0.9375rem; border-top: 1px solid var(--border-color); }
body.woocommerce-view-order .woocommerce-table tfoot tr:first-child th, body.woocommerce-view-order .woocommerce-table tfoot tr:first-child td { border-top: 2px solid var(--border-color); }
body.woocommerce-view-order .woocommerce-table tfoot tr:last-child { background: var(--white-color); }
body.woocommerce-view-order .woocommerce-table tfoot tr:last-child th { font-weight: 600; font-size: 1rem; color: var(--dark-color); }
body.woocommerce-view-order .woocommerce-table tfoot tr:last-child td { font-weight: 700; font-size: 1.125rem; color: var(--primary-color); }
body.woocommerce-view-order .woocommerce-table tfoot .shipped_via { color: var(--text-muted); font-weight: 400; }

/* === АДРЕСА === */
body.woocommerce-view-order .woocommerce-customer-details { }
body.woocommerce-view-order .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
body.woocommerce-view-order .woocommerce-column { background: var(--white-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 1.5rem; }
body.woocommerce-view-order .woocommerce-column__title { font-size: 1.125rem; font-weight: 600; color: var(--dark-color); margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border-color); }
body.woocommerce-view-order .woocommerce-column address { font-style: normal; line-height: 1.8; color: var(--text-light); margin: 0; display: block; }
body.woocommerce-view-order .woocommerce-column address br { display: block; margin-bottom: 0.25rem; }
body.woocommerce-view-order .woocommerce-customer-details--phone { margin: 1rem 0 0.5rem!important; padding-top: 1rem!important; border-top: 1px solid var(--border-color)!important; color: var(--dark-color)!important; font-weight: 500!important; display: flex!important; align-items: center!important; gap: 0.5rem!important; }
body.woocommerce-view-order .woocommerce-customer-details--phone::before { content: "\f095"; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--primary-color); font-size: 0.875rem; }
body.woocommerce-view-order .woocommerce-customer-details--email { margin: 0.5rem 0 0!important; padding: 0!important; color: var(--dark-color)!important; font-weight: 500!important; display: flex!important; align-items: center!important; gap: 0.5rem!important; }
body.woocommerce-view-order .woocommerce-customer-details--email::before { content: "\f0e0"; font-family: "Font Awesome 6 Pro"; font-weight: 400; color: var(--primary-color); font-size: 0.875rem; }

/* === АДАПТИВНОСТЬ === */
@media (max-width: 991px) {
body.woocommerce-view-order .woocommerce-columns--addresses { max-width: 100%; }
}

@media (max-width: 767px) {
body.woocommerce-view-order .woocommerce-order-details { padding: 1.5rem; }
body.woocommerce-view-order .woocommerce-table { font-size: 0.875rem; }
body.woocommerce-view-order .woocommerce-table thead th, body.woocommerce-view-order .woocommerce-table tbody td, body.woocommerce-view-order .woocommerce-table tfoot th, body.woocommerce-view-order .woocommerce-table tfoot td { padding: 0.75rem 0.5rem; }
body.woocommerce-view-order .woocommerce-column { padding: 1.25rem; }
}

@media (max-width: 575px) {
body.woocommerce-view-order .woocommerce-MyAccount-content > p { padding: 1.25rem; font-size: 0.9375rem; }
body.woocommerce-view-order .woocommerce-order-details { padding: 1.25rem; }
body.woocommerce-view-order .woocommerce-order-details__title { font-size: 1.25rem; }
body.woocommerce-view-order .woocommerce-table { display: block; overflow-x: auto; }
body.woocommerce-view-order .woocommerce-column { padding: 1rem; }
body.woocommerce-view-order .woocommerce-column__title { font-size: 1rem; }
}