/* Start custom CSS for section, class: .elementor-element-5af8315a *//* =========================================================
   VOLTORIA • Global cleanups & shop tweaks
   ========================================================= */

/* --- Base paddings --- */
.content-page,
.page-content { padding-bottom: 50px; }

/* --- Shop grid: alignments & small cosmetics --- */
.products-loop .content-product .product-details,
.swiper-container .content-product .product-details { text-align: start; }

.products-loop .content-product .star-rating,
.swiper-container .content-product .star-rating { margin-left: 0; }

.carousel-area.products-slider { padding: 13px 12px 0; }

.content-product .products-page-cats a {
  font-size: 11px;
  text-transform: uppercase;
}

/* --- Blog & single posts --- */
.grid-post-body,
.single-post .post-heading { text-align: center; }

/* --- Sidebars / headings --- */
.sidebar-widget .widget-title span,
.upsell-products .widget-title span { font-size: 18px; }

/* --- Related products title border --- */
.related-products-title {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 15px;
}
.related-products-title span {
  border-bottom: 2px solid #4caf50;
  padding-bottom: 13px;
}

/* --- Theme variables --- */
body { --pagination-link-radius: var(--et_inputs-border-radius, 0); }

/* --- Footer: inputs & rounded corners --- */
.footer .et-mailchimp input[type="submit"],
.footer .et-mailchimp input[type="email"] {
  border-radius: var(--et_inputs-border-radius, 0) !important;
  border-color: transparent !important;
}
.footer .mc4wp-form .et-mailchimp {
  background-color: #fff;
  border-radius: var(--et_inputs-border-radius, 0) !important;
}
.with-border-radius { border-radius: var(--et_inputs-border-radius, 0); }

/* --- Global container max width for boxed sections --- */
.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1770px; }

/* =========================================================
   UX tweaks: selections, hover states, categories, cards
   ========================================================= */

/* 1) Убираем зеленую подсветку выделения текста */
::selection,
::-moz-selection {
  background: transparent !important;
  color: inherit !important;
}

/* 2) Footer links: только цвет, без фона/обводки при hover */
.footer a:hover,
.footer a:focus,
.footer .menu a:hover,
.footer .menu a:focus {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #20FC8F !important;
}

/* 3) Карточки товаров: без зеленого фона при hover */
.woocommerce ul.products li.product,
.products-grid .product {
  background: #fff !important;
  border: 1px solid #eaeaea !important;
  box-shadow: none !important;
  transition: border-color .3s ease, box-shadow .3s ease;
}

.woocommerce ul.products li.product:hover,
.products-grid .product:hover {
  border-color: transparent !important;
  background: #fff !important;
}

/* Заголовок и цена — меняют только цвет */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products-grid .product .product-title {
  color: #424B54 !important;
  background: transparent !important;
  font-weight: 600;
  transition: color .25s ease;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.products-grid .product:hover .product-title {
  color: #20FC8F !important;
}

.woocommerce ul.products li.product .price {
  color: #222 !important;
  background: transparent !important;
  transition: color .25s ease;
}
.woocommerce ul.products li.product:hover .price { color: #20FC8F !important; }

/* Любые ссылки внутри карточек — без фоновых подсветок */
.woocommerce ul.products li.product a:hover,
.products-grid .product a:hover,
.etheme-product-grid-title a:hover,
.etheme-product-list-title a:hover {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 4) Категории: без зеленого фона при hover, только цвет текста */
.elementor-widget-wc-categories a:hover,
.elementor-widget-wc-categories .woocommerce-loop-category__link:hover,
.elementor-widget-wc-categories .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product-category a:hover,
.etheme-product-category a:hover {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.elementor-widget-wc-categories a:hover h2,
.elementor-widget-wc-categories .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product-category h2:hover {
  color: #20FC8F !important;
}

.elementor-widget-wc-categories a,
.woocommerce ul.products li.product-category a {
  transition: color .2s ease, background .2s ease;
}

/* =========================================================
   Critical: фикс страницы аккаунта (гор. скролл/растягивания)
   ========================================================= */

body.woocommerce-account,
body.woocommerce-account html { overflow-x: hidden !important; }

body.woocommerce-account .page-wrapper,
body.woocommerce-account .site-content,
body.woocommerce-account .container,
body.woocommerce-account .container-fluid,
body.woocommerce-account .elementor-section,
body.woocommerce-account .elementor-container {
  max-width: 100vw !important;
  overflow-x: clip !important;
  box-sizing: border-box;
}

body.woocommerce-account .elementor-section.elementor-section-stretched {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

/* Рекомендованные товары внутри аккаунта — адекватная сетка */
body.woocommerce-account ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.woocommerce-account ul.products li.product {
  width: calc(25% - 20px);
  max-width: 320px;
  min-width: 220px;
}
@media (max-width:1200px){
  body.woocommerce-account ul.products li.product { width: calc(33.333% - 20px); }
}
@media (max-width:768px){
  body.woocommerce-account ul.products li.product { width: calc(50% - 16px); }
}
@media (max-width:480px){
  body.woocommerce-account ul.products li.product { width: 100%; }
}

/* Картинки не выходят за границы */
body.woocommerce-account ul.products img,
body.woocommerce-account .elementor img {
  max-width: 100% !important;
  height: auto !important;
}

/* Глушим случайные translateX/translate3d, которые растягивают страницу */
body.woocommerce-account [style*="translateX"],
body.woocommerce-account [style*="translate3d"] { transform: none !important; }/* End custom CSS */