/* ===== ОБЩИЕ СТИЛИ ===== */

/* Логотип (золотой градиент) */
.wpdevart-logo-text-gradient a {
    background: linear-gradient(to right, #edb23f, #edb23f) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #edb23f !important;
    text-decoration: none !important;
}

/* Скрытие метаданных (автор, дата, комментарии) на страницах */
.page .wpdevart-banner-page-entry-text {
    display: none !important;
}

/* ===== СТИЛИ ДЛЯ CONTACT FORM 7 ===== */
.wpcf7 form {
    width: 100%;
}
.wpcf7 form p {
    display: flex;
    flex-direction: column;
    align-items: left;
    width: 100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.wpcf7 textarea {
    min-height: 120px;
}
.wpcf7 input[type="submit"] {
    display: block;
    margin: 20px auto 0;
    padding: 12px 30px;
    background: #007cba;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}
.wpcf7 input[type="submit"]:hover {
    background: #005a87;
}

/* ===== СТРАНИЦА ВХОДА (ID 293) ===== */

/* Сообщения всех типов — в стилизованном контейнере, но с сохранением стандартных цветов */
.page-id-293 .wpuf-message,
.page-id-293 .wpuf-success,
.page-id-293 .wpuf-error,
.page-id-293 .wpuf-info {
    max-width: 500px !important;
    margin: 20px auto 30px auto !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434 !important;
    border: 1px solid #433e37 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    /* фон и цвет текста не переопределяем, они остаются стандартными */
}

/* Контейнер формы */
.page-id-293 .wpuf-login-form {
    max-width: 500px;
    margin: 0 auto 30px auto;
    background: #040303;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
    box-sizing: border-box;
}

/* Поля ввода */
.page-id-293 .wpuf-login-form input[type="text"],
.page-id-293 .wpuf-login-form input[type="email"],
.page-id-293 .wpuf-login-form input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    background: transparent;
    border: 1px solid #433e37;
    border-radius: 4px;
    color: #d5d5d5;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.page-id-293 .wpuf-login-form input:focus {
    outline: none;
    border-color: #e03100;
    box-shadow: 0 0 0 2px rgba(224, 49, 0, 0.2);
}

.page-id-293 .wpuf-login-form label {
    color: #d5d5d5;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Чекбокс и ссылка "Потерянный пароль" */
.page-id-293 .wpuf-remember-me {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.page-id-293 .wpuf-remember-me input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #e03100;
}
.page-id-293 .wpuf-remember-me label {
    color: #aaa;
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 0;
}

.page-id-293 .wpuf-lost-password {
    text-align: right;
    margin-bottom: 15px;
}
.page-id-293 .wpuf-lost-password a {
    color: #edb23f;
    text-decoration: none;
    font-weight: 500;
    transition: 0.5s all;
}
.page-id-293 .wpuf-lost-password a:hover {
    color: #ffffff;
}

/* Кнопка входа — с оранжевой рамкой, фон становится чёрным при наведении */
.page-id-293 #wp-submit {
    background: #e03100;
    color: #ffffff;
    padding: 14px 20px;
    border: 1px solid #e03100;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: auto;
    display: inline-block;
}

.page-id-293 #wp-submit:hover {
    background: #000000;
    color: #ffffff;
    border-color: #e03100;  /* рамка остаётся оранжевой */
}

/* Блок "Don't have an account? Регистрация" */
.page-id-293 .wpuf-action-links {
    max-width: 500px;
    margin: 20px auto 0 auto;
    background: #040303;
    border-radius: 8px;
    padding: 15px 20px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
    text-align: center;
    box-sizing: border-box;
    color: #aaa;
}
.page-id-293 .wpuf-action-links a {
    color: #edb23f;
    text-decoration: none;
}
.page-id-293 .wpuf-action-links a:hover {
    color: #ffffff;
}

/* ===== СТРАНИЦА РЕГИСТРАЦИИ (ID 285) ===== */

.page-id-285 .wpuf-registration-form {
    max-width: 500px;
    margin: 0 auto 30px auto;
    background: #040303;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
    box-sizing: border-box;
}

.page-id-285 .wpuf-registration-form input[type="text"],
.page-id-285 .wpuf-registration-form input[type="email"],
.page-id-285 .wpuf-registration-form input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    background: transparent;
    border: 1px solid #433e37;
    border-radius: 4px;
    color: #d5d5d5;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.page-id-285 .wpuf-registration-form input:focus {
    outline: none;
    border-color: #e03100;
    box-shadow: 0 0 0 2px rgba(224, 49, 0, 0.2);
}

.page-id-285 .wpuf-registration-form label {
    color: #d5d5d5;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Кнопка регистрации — аналогично */
.page-id-285 .wpuf-registration-form input[type="submit"] {
    background: #e03100;
    color: #ffffff;
    padding: 14px 20px;
    border: 1px solid #e03100;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: auto;
    display: inline-block;
}

.page-id-285 .wpuf-registration-form input[type="submit"]:hover {
    background: #000000;
    color: #ffffff;
    border-color: #e03100;
}

/* Блок "Already have an account? Вход" */
.page-id-285 .wpuf-action-links {
    max-width: 500px;
    margin: 20px auto 0 auto;
    background: #040303;
    border-radius: 8px;
    padding: 15px 20px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
    text-align: center;
    box-sizing: border-box;
    color: #aaa;
}
.page-id-285 .wpuf-action-links a {
    color: #edb23f;
    text-decoration: none;
}
.page-id-285 .wpuf-action-links a:hover {
    color: #ffffff;
}

/* --- СТРАНИЦА ВОССТАНОВЛЕНИЯ ПАРОЛЯ (action=lostpassword, ID 293) --- */

/* Контейнер формы */
.page-id-293 #lostpasswordform {
    max-width: 500px;
    margin: 0 auto 30px auto;
    background: #040303;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
    box-sizing: border-box;
}

/* Поле ввода (имя пользователя/email) */
.page-id-293 #lostpasswordform input[type="text"] {
    width: 100%;
    padding: 12px 15px;
    background: transparent;
    border: 1px solid #433e37;
    border-radius: 4px;
    color: #d5d5d5;
    font-size: 16px;
    transition: all 0.3s;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}

.page-id-293 #lostpasswordform input[type="text"]:focus {
    outline: none;
    border-color: #e03100;
    box-shadow: 0 0 0 2px rgba(224, 49, 0, 0.2);
}

/* Метка поля */
.page-id-293 #lostpasswordform label {
    color: #d5d5d5;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Кнопка "Получить новый пароль" — сохраняем её оригинальный стиль */
.page-id-293 #lostpasswordform #wp-submit {
    /* Можно добавить только отступы и ширину, если нужно */
    width: 100%;
    margin-top: 10px;
    /* Никаких других переопределений — кнопка остаётся как есть */
}

/* Сообщения об ошибках/успехе (если они выводятся) */
.page-id-293 .woocommerce-message,
.page-id-293 .woocommerce-error,
.page-id-293 .woocommerce-info {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Контейнер – только центрирование, без оформления */
.social-login-buttons-inside {
    text-align: center;
}

.social-login-buttons-inside {
    text-align: center;
}

/* Все возможные кнопки внутри контейнера */
.social-login-buttons-inside a,
.social-login-buttons-inside button,
.social-login-buttons-inside ss[class*="theChamp"],
.social-login-buttons-inside [class*="theChamp"] {
    border-radius: 4px !important;
    transition: all 0.3s ease;
    display: inline-block;
}

.social-login-buttons-inside a:hover,
.social-login-buttons-inside button:hover,
.social-login-buttons-inside ss[class*="theChamp"]:hover,
.social-login-buttons-inside [class*="theChamp"]:hover {
    opacity: 0.9;
    transform: translateY(-0.1px);
}

/* Скрыть иконку аккаунта (WooCommerce) */
.header-woo-account-icon,
.header-woo-account-icon-mobile {
    display: none !important;
}

/* Скрываем все возможные варианты иконок поиска */
.wpdevart-search-button-icon-mobile,
.search-trigger-layout-two,
#wpdevartsmallsearchbutton,
#wpdevartwidesearchbutton,
.site-header__search-trigger,
.search-menu-buttons,
button[onClick*="wpdevartToggleModal"] {
    display: none !important;
}

/* ===== СТРАНИЦА АККАУНТА (WooCommerce) ===== */

/* Основной контейнер */
.woocommerce-account .entry-content {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Двухколоночная верстка */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

/* Левая колонка – меню (30% ширины) */
.woocommerce-MyAccount-navigation {
    flex: 0 0 260px;
    background: #040303;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
    align-self: flex-start;
}

/* Правая колонка – контент (остальная ширина) */
.woocommerce-MyAccount-content {
    flex: 1;
    min-width: 300px;
    background: #040303;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;
    border: 1px solid #433e37;
}

/* Вертикальное меню */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    color: #d5d5d5;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid transparent;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: rgba(224, 49, 0, 0.1);
    border-color: #e03100;
    color: #ffffff;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #e03100;
    color: #ffffff;
    border-color: #e03100;
}

/* Контент – заголовки */
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: #edb23f;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}

.woocommerce-MyAccount-content p {
    color: #d5d5d5;
    font-size: 16px;
    line-height: 1.6;
}

/* Таблицы */
.woocommerce-MyAccount-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content td {
    padding: 12px;
    border: 1px solid #433e37;
    color: #d5d5d5;
    text-align: left;
}

.woocommerce-MyAccount-content th {
    background: rgba(224, 49, 0, 0.1);
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

/* Поля ввода */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
    width: 100%;
    padding: 12px 15px;
    background: transparent;
    border: 1px solid #433e37;
    border-radius: 4px;
    color: #d5d5d5;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
    outline: none;
    border-color: #e03100;
    box-shadow: 0 0 0 2px rgba(224, 49, 0, 0.2);
}

.woocommerce-MyAccount-content label {
    color: #d5d5d5;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Кнопки */
.woocommerce-MyAccount-content button,
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input[type="submit"] {
    background: #e03100;
    color: #ffffff;
    padding: 14px 20px;
    border: 1px solid #e03100;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
}

.woocommerce-MyAccount-content button:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
    background: #000000;
    border-color: #e03100;
    color: #ffffff;
}

/* Адресная книга */
.woocommerce-Addresses {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.woocommerce-Address {
    flex: 1;
    min-width: 250px;
    background: rgba(255,255,255,0.02);
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #433e37;
}

.woocommerce-Address header h3 {
    margin-top: 0;
    color: #edb23f;
    font-size: 20px;
    border-bottom: 2px solid #e03100;
    padding-bottom: 10px;
}

.woocommerce-Address address {
    color: #d5d5d5;
    font-style: normal;
    margin: 15px 0;
    line-height: 1.6;
}

.woocommerce-Address .edit {
    color: #edb23f;
    text-decoration: none;
    font-weight: 500;
    transition: 0.5s all;
}

.woocommerce-Address .edit:hover {
    color: #ffffff;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    
    .woocommerce-MyAccount-navigation {
        flex: none;
        width: 100%;
    }
}

.woocommerce-account .page-banner__title {
    text-align: center;
}

/* Контейнер-сетка */
.wpdevart-woo-homepage-products-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* расстояние между блоками, подберите под свой дизайн */
}

/* Каждый блок товара — гибкая колонка */
.wpdevart-woo-homepage-products-content {
    display: flex;
    flex-direction: column;
    width: calc(25% - 20px); /* 4 блока в ряд с учётом gap. Если у вас другое количество, измените проценты */
    background: #fff;      /* фон по желанию */
    border: 1px solid #eee; /* рамка по желанию */
    padding: 15px;
    box-sizing: border-box;
    /* Высота автоматически подстроится под самый высокий блок в строке */
}

/* Кнопка прижимается к низу блока */
.wpdevart-woo-homepage-products-content .wpdevart-homepage-woo-button {
    margin-top: auto;
}

/* Чтобы заголовок занимал всё свободное пространство (если нужно) */
.wpdevart-woo-homepage-products-content h5 {
    flex-grow: 1;
}

.wpdevart-woo-homepage-products-content .figureproductsimage {
    aspect-ratio: 3 / 4;
    overflow: hidden;
}
.wpdevart-woo-homepage-products-content .figureproductsimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#menu-topmenu {
    margin-right: 20px; /* подберите нужное значение */
}



/* Скрываем всё лишнее в блоке платежного адреса */
/* #billing-fields .wc-block-components-address-form__country,
#billing-fields .wc-block-components-address-form__address_1,
#billing-fields .wc-block-components-address-form__address_2-toggle,
#billing-fields .wc-block-components-address-form__city,
#billing-fields .wc-block-components-address-form__state,
#billing-fields .wc-block-components-address-form__postcode,
#billing-fields .wc-block-components-address-card__edit {
    display: none !important;
}
 */
/* Переименовываем заголовок визуально (твой метод) */
#billing-fields .wc-block-components-checkout-step__title {
    font-size: 0 !important;
    line-height: 0 !important;
}

#billing-fields .wc-block-components-checkout-step__title::before {
    content: "Данные клиента";
    font-size: 20px !important;
    visibility: visible !important;
    display: block !important;
    line-height: normal !important;
}

/* Показываем Имя, Фамилию и Телефон */
/* #billing-fields .wc-block-components-address-form__first_name,
#billing-fields .wc-block-components-address-form__last_name,
#billing-fields .wc-block-components-address-form__phone {
    display: block !important;
    visibility: visible !important;
} */

/* Единый стиль для всех уведомлений: только фон, текст и рамка */
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-warning,
.wc-block-components-notice-banner.is-error,
.wc-block-store-notice.is-info,
.wc-block-store-notice.is-error,
.wc-block-components-shipping-rates-control__no-results-notice {
    background-color: #000000 !important; /* Черный фон */
    border: 2px solid #ff8c00 !important; /* Оранжевая рамка */
    padding: 15px !important;
    border-radius: 4px;
    margin-bottom: 20px;
}

/* Только текст делаем белым, иконки не трогаем */
.wc-block-components-notice-banner__content,
.wc-block-components-notice-banner__content div {
    color: #ffffff !important;
}

/* Футер — горизонтальные ряды с двумя колонками в каждом */
/* .wpdevart-footer-container {
    width: 100%;
} */
/* .site-footer-four-widgets-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;  */ /* раздвигает колонки по краям */
/*     width: 100%;
    margin-bottom: 20px;
}
.wpdevart-footer-col-layout-four { */
/*     flex: 1;     */                     /* колонки одинаковой ширины */
 /*    margin: 0 10px;     */              /* отступы между колонками */
}

/* Настройка отступов для конкретных колонок */
.site-footer-four-widgets-group:first-child .wpdevart-footer-col-layout-four:first-child {
    margin-right: -40px; /* чем больше, тем сильнее вторая колонка сдвигается влево */
}
.site-footer-four-widgets-group:last-child .wpdevart-footer-col-layout-four:first-child {
    margin-right: 0px; /* чем больше, тем сильнее четвёртая колонка прижимается вправо */
}