/* Preserved v1 desktop visuals. New v2 styling applies below 992px only. */
@media screen and (min-width: 992px) {
/*
 * TV Ekipman Modern UI 1.0.0 — Electro 3.5.x
 * CSS-only enhancement: no font-family replacement, no JS, no content/layout hooks.
 * Remove/disable the plugin to restore the original appearance.
 */

body.tve-modern-ui {
  --tve-border: #e4e9ef;
  --tve-ink: #243449;
  --tve-muted: #66778b;
  --tve-surface: #fff;
  --tve-soft: #f6f8fb;
  --tve-radius: 14px;
  --tve-shadow: 0 4px 17px rgba(29, 49, 74, .055);
  --tve-shadow-hover: 0 12px 25px rgba(29, 49, 74, .12);
}

/* Be careful not to modify the site's font family or native zoom behavior. */
body.tve-modern-ui :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid #285d99;
  outline-offset: 2px;
}

body.tve-modern-ui .woocommerce-breadcrumb {
  color: var(--tve-muted);
  line-height: 1.6;
  overflow-wrap: anywhere;
}

body.tve-modern-ui .woocommerce-breadcrumb a {
  text-decoration: none;
}

/* Search fields: restrained, modern without interfering with the autocomplete. */
body.tve-modern-ui :where(.site-search, .widget_product_search) form input.search-field {
  min-height: 44px;
  border-radius: 11px;
}

body.tve-modern-ui :where(.site-search, .widget_product_search) form:focus-within {
  outline: 2px solid rgba(29, 95, 159, .18);
  outline-offset: 2px;
}

/* Actual Electro 3.5.6 product-card selectors (verified in the supplied ZIP). */
body.tve-modern-ui .products > li.product,
body.tve-modern-ui .owl-item > li.product {
  border-bottom-color: transparent;
}

body.tve-modern-ui .products > li.product::after,
body.tve-modern-ui .owl-item > li.product::after {
  display: none;
}

body.tve-modern-ui .products > li.product .product-inner,
body.tve-modern-ui .owl-item > li.product .product-inner {
  background: var(--tve-surface);
  border: 1px solid var(--tve-border);
  border-radius: var(--tve-radius);
  box-shadow: var(--tve-shadow);
  transition: border-color .18s ease, box-shadow .18s ease;
}

/* A small gutter without changing the number of columns on desktop. */
body.tve-modern-ui ul.products:not(.owl-carousel) > li.product {
  padding: 6px;
}

body.tve-modern-ui .products > li.product .product-thumbnail img,
body.tve-modern-ui .owl-item > li.product .product-thumbnail img {
  max-width: 100%;
  object-fit: contain;
}

body.tve-modern-ui .products > li.product .loop-product-categories a,
body.tve-modern-ui .owl-item > li.product .loop-product-categories a {
  color: var(--tve-muted);
}

body.tve-modern-ui .products > li.product .woocommerce-loop-product__title,
body.tve-modern-ui .owl-item > li.product .woocommerce-loop-product__title {
  color: var(--tve-ink);
  line-height: 1.36;
  font-weight: 650;
  overflow-wrap: anywhere;
}

body.tve-modern-ui .products > li.product .price,
body.tve-modern-ui .owl-item > li.product .price {
  color: var(--tve-ink);
  font-weight: 700;
  line-height: 1.3;
}

body.tve-modern-ui .products > li.product .onsale,
body.tve-modern-ui .owl-item > li.product .onsale {
  border-radius: 7px;
  padding-inline: 7px;
}

body.tve-modern-ui .shop-control-bar {
  background: var(--tve-soft);
  border: 1px solid var(--tve-border);
  border-radius: 12px;
  margin-bottom: 14px;
}

body.tve-modern-ui :where(.woocommerce-ordering select, .shop-control-bar select) {
  max-width: 100%;
  border-radius: 9px;
}

body.tve-modern-ui :where(.woocommerce-pagination, .pagination) .page-numbers a,
body.tve-modern-ui :where(.woocommerce-pagination, .pagination) .page-numbers span {
  border-radius: 9px;
}

/* Single product: keep WooCommerce buttons, variation selectors and price logic intact. */
body.tve-modern-ui.single-product .product_title {
  color: var(--tve-ink);
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  line-height: 1.28;
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}

body.tve-modern-ui.single-product .product-images-wrapper .woocommerce-product-gallery,
body.tve-modern-ui.single-product .product-images-wrapper .electro-wc-product-gallery {
  border: 1px solid var(--tve-border);
  border-radius: 16px;
  padding: 12px;
  background-color: #fff;
}

body.tve-modern-ui.single-product .product-images-wrapper img {
  height: auto;
  max-width: 100%;
}

body.tve-modern-ui.single-product .summary .price {
  font-size: clamp(1.45rem, 2.7vw, 2.2rem);
  font-weight: 750;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

body.tve-modern-ui.single-product .woocommerce-product-details__short-description {
  color: #536477;
  line-height: 1.75;
}

body.tve-modern-ui.single-product :where(.single_add_to_cart_button, .product-actions .button) {
  border-radius: 10px;
  min-height: 46px;
}

body.tve-modern-ui.single-product :where(.wc-tabs, .woocommerce-tabs) {
  border-color: var(--tve-border);
}

body.tve-modern-ui.single-product .woocommerce-tabs .wc-tab {
  line-height: 1.75;
}

/* Common buttons: keep the theme's existing accent colors and icon fonts. */
body.tve-modern-ui :where(.woocommerce a.button, .woocommerce button.button, .woocommerce input.button) {
  border-radius: 10px;
}

@media (hover: hover) and (min-width: 992px) {
  body.tve-modern-ui .products > li.product:hover .product-inner,
  body.tve-modern-ui .owl-item > li.product:hover .product-inner {
    border-color: #cfdae6;
    box-shadow: var(--tve-shadow-hover);
  }
}


}