.sale-products {
font-size: 0 !important;
}
.sale-products:before {
content: «Только товары со скидкой»;
font-size: 14px; /* подбери нужный размер шрифта */
visibility: visible;
}
/* Кнопка «Покупка в один клик» мобильная версия карточка товара*/
.single-product .awooc-custom-order-button {
background-color: #0b5aa6 !important; /* твой цвет */
color: #ffffff !important;
border: none !important;
width: 100% !important;
padding: 14px 20px !important;
font-weight: 700 !important;
border-radius: 6px !important;
}
/* Текст внутри кнопки карточка товара мобильная версия*/
.single-product .awooc-custom-order-button span,
.single-product .awooc-custom-order-button {
color: #ffffff !important;
}
/* Hover (при наведении / нажатии) */
.single-product .awooc-custom-order-button:hover {
background-color: #084a8c !important; /* чуть темнее */
color: #ffffff !important;
}
/* Отступ между кнопками Купить и Купить в один клик в мобильной версии карточки товара */
.single-product .single_add_to_cart_button {
margin-bottom: 12px !important;
}
.single-product .awooc-custom-order-button {
margin-top: 12px !important;
}
/* Убрать весь верхний блок над кнопками на странице товара в мобильной версии */
.single-product form.cart .quantity,
.single-product form.cart .plus,
.single-product form.cart .minus,
.single-product form.cart .qty,
.single-product form.cart .qty-minus,
.single-product form.cart .qty-plus,
.single-product form.cart .quantity-wrap,
.single-product form.cart .quantity-wrapper,
.single-product form.cart .input-group,
.single-product form.cart .variation-qty,
.single-product form.cart .variation-calc,
.single-product form.cart .reset_variations,
.single-product form.cart a.reset_variations,
.single-product form.cart .awooc-qty-wrap,
.single-product form.cart .awooc-quantity,
.single-product form.cart .awooc-quantity-wrap {
display: none !important;
}
/* Убрать лишний отступ сверху у кнопок в мобильной версии карточки товара */
.single-product form.cart {
display: flex !important;
align-items: stretch !important;
gap: 12px !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Кнопки в одну линию в мобильной версии карточки товара */
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .awooc-custom-order-button {
flex: 1 1 0 !important;
height: 52px !important;
margin: 0 !important;
}
/* Убрать всё, кроме двух кнопок в мобильной версии карточки товара*/
.single-product form.cart > *:not(.single_add_to_cart_button):not(.awooc-custom-order-button) {
display: none !important;
}
/* Отступ сверху перед кнопками в мобильной версии карточки товара */
.single-product form.cart {
margin-top: 20px !important;
padding-top: 10px !important;
}
/* Отступы и жирность шрифта в кнопках Купить в мобильной версии карточки товара */
.single-product .single_add_to_cart_button,
.single-product .awooc-custom-order-button {
padding: 0 10px !important;
font-size: 14px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
/* 1. Общий контейнер отзывов */
#reviews {
background: #fdfdfd;
padding: 30px;
border-radius: 12px;
border: 1px solid #eee;
}
/* 2. Заголовок «Будьте первым…» */
.woocommerce-Reviews-title {
font-family: ‘Segoe UI’, sans-serif !important;
font-weight: 700 !important;
color: #034c8c !important;
text-transform: uppercase;
font-size: 18px !important;
margin-bottom: 20px !important;
}
/* 3. Стилизация звезд рейтинга */
.comment-form-rating {
background: #fff;
padding: 15px;
border-radius: 8px;
border: 1px dashed #f29f05;
margin-bottom: 20px !important;
}
.stars a {
color: #f29f05 !important; /* Твой фирменный оранжевый для звезд */
}
/* 4. Поля ввода (Имя, Email, Текст отзыва) */
#commentform input,
#commentform textarea {
width: 100%;
padding: 12px 15px !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
background: #fff !important;
font-size: 14px !important;
transition: all 0.3s ease;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}
#commentform textarea:focus,
#commentform input:focus {
border-color: #034c8c !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(3, 76, 140, 0.1) !important;
}
/* 5. Кнопка «Отправить» */
#commentform #submit {
background-color: #034c8c !important;
color: #fff !important;
padding: 12px 35px !important;
border-radius: 50px !important; /* Делаем кнопку закругленной и стильной */
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: 1px;
border: none !important;
cursor: pointer;
transition: 0.3s;
margin-top: 10px;
}
#commentform #submit:hover {
background-color: #f29f05 !important; /* При наведении меняем на оранжевый */
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(242, 159, 5, 0.3);
}
/* 6. Текст «Отзывов пока нет» */
.woocommerce-noreviews {
font-style: italic;
color: #888;
background: #f9f9f9;
padding: 10px 20px;
border-radius: 6px;
border-left: 4px solid #ddd;
}
/* Меняем цвет маркированного списка в карточке товара на оранжевый */
/* Полностью очищаем маркеры и делаем их оранжевыми кружками */
.accordion-content ul.features li::before {
content: «» !important;
background: #f29f05 !important; /* Наш оранжевый цвет */
/* Делаем кружок */
width: 10px !important;
height: 10px !important;
border-radius: 100% !important; /* Это превращает квадрат в круг */
/* Позиционирование */
position: absolute !important;
left: 0 !important;
top: 0.6em !important; /* Центровка по вертикали относительно текста */
}
/* Настройка текста рядом с кружком */
.accordion-content ul.features li {
list-style: none !important;
padding-left: 20px !important;
position: relative !important;
line-height: 1.6 !important;
color: #333 !important;
}
/* Скрываем заголовки на странице магазина радикально */
.post-type-archive-product h1,
.post-type-archive-product .entry-title,
.post-type-archive-product .woocommerce-products-header__title,
.post-type-archive-product .page-header,
.post-type-archive-product .page-title {
display: none !important;
}
/* Увеличиваем толщину границы и делаем её более чёткой */
html ul.products .product {
border: 4px solid #cbd5e1 !important; /* Толщина 2px, приятный нейтральный серый цвет */
border-radius: 12px !important; /* Скругление углов, чтобы карточки выглядели аккуратно */
transition: all 0.25s ease-in-out !important; /* Плавная анимация при наведении */
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important; /* Едва заметная базовая тень */
overflow: hidden; /* Чтобы картинки или фон не вылезали за скруглённые углы */
}
/* Эффект при наведении курсора (или при тапе на мобильном) */
html ul.products .product:hover {
border-color: #fca311 !important; /* Цвет меняется на золотисто-желтый (в тон вашей кнопки) */
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important; /* Усиливаем тень для эффекта «приподнимания» */
transform: translateY(-3px); /* Карточка визуально слегка приподнимается над сеткой */
}
/* 1. Общий синий фон для всей панели и ее ячеек */
html body ul.sticky-dashboard.active,
html body ul.sticky-dashboard.active li,
html body ul.sticky-dashboard.active li a {
background: #004b93 !important;
background-color: #004b93 !important;
box-shadow: none !important;
border: none !important;
}
/* Линия сверху панели */
html body ul.sticky-dashboard.active {
border-top: 2px solid #f5f5f5 !important;
}
/* =================================================== */
/* ЖЕСТКОЕ ПРИНУДИТЕЛЬНОЕ ОКРАШИВАНИЕ ВСЕГО В БЕЛЫЙ */
/* =================================================== */
/* 2. ТЕКСТ: Делаем все текстовые элементы внутри панели белыми */
html body ul.sticky-dashboard.active * {
color: #ffffff !important;
}
/* 3. ЗНАЧКИ: Перекрашиваем абсолютно любые иконки, картинки (img) и маски в белый цвет */
html body ul.sticky-dashboard.active li a *,
html body ul.sticky-dashboard.active li a:before,
html body ul.sticky-dashboard.active li a:after {
color: #ffffff !important;
fill: #ffffff !important;
stroke: #ffffff !important;
/* Силовой фильтр: превращает любую картинку/иконку темы в чисто белый цвет */
filter: brightness(0) invert(1) !important;
-webkit-filter: brightness(0) invert(1) !important;
}
/* 4. СБРОС ФОНА: Убираем любые белые или серые квадраты у кнопок */
html body ul.sticky-dashboard.active li,
html body ul.sticky-dashboard.active li * {
background-image: none !important;
box-shadow: none !important;
}
/* Скрепляет фиксированные и липкие блоки навигации внутри карточки + горизонтальная полоска навигации в карточке цвета */
.single-product [style*=»position: fixed»],
.single-product [style*=»position: sticky»],
.single-product [class*=»navigation»],
.single-product [class*=»tabs»] {
display: none !important;
высота: 0 !важно;
непрозрачность: 0 !важно;
visibility: hidden !important;
}
}
Ваш комментарий будет первым