/* v2.4.15 — mobile product-card energy label relocation.
   On small screens the EU energy badge is moved from the image corner to the
   product information area next to the price. This keeps product photos clean
   and matches the requested red-box position. */

@media (max-width: 782px) {
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-image-wrap > .vlg-energy-badge,
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-image-wrap > .vlg-energy-badge-link,
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-image-wrap > .valgusallikad-energiasildid-label-wrap,
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-image-wrap .valgusallikad-energiasildid-thumb-wrap > .valgusallikad-energiasildid-label-wrap {
    display: none !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-content,
  body.vlg-theme .vlg-products-grid li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-content,
  body.vlg-theme ul.products li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: end !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-category,
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .woocommerce-loop-product__title,
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-rating {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-price {
    grid-column: 1 !important;
    grid-row: auto !important;
    align-self: center !important;
    min-width: 0 !important;
  }

  body.vlg-theme li.product.vlg-product-card .vlg-card-energy-mobile-slot {
    display: none;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot {
    display: inline-flex !important;
    grid-column: 2 !important;
    grid-row: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 42px !important;
    min-height: 34px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .vlg-energy-badge,
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .valgusallikad-energiasildid-label-wrap {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
    z-index: 1 !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .valgusallikad-energiasildid-label-wrap {
    --valgusallikad-energiasildid-size: 40px;
    line-height: 1 !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .valgusallikad-energiasildid-badge {
    width: calc(var(--valgusallikad-energiasildid-size, 40px) * .95) !important;
    height: calc(var(--valgusallikad-energiasildid-size, 40px) * .68) !important;
    min-width: 32px !important;
    min-height: 24px !important;
    filter: drop-shadow(0 5px 9px rgba(15, 23, 42, .16)) !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .vlg-energy-badge[data-vlg-energy-label],
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .vlg-energy-badge {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 34px !important;
    padding: 4px 0 !important;
    border-radius: 10px !important;
    background: var(--vlg-energy-color, #e30613) !important;
    color: #fff !important;
    box-shadow: 0 5px 10px rgba(15, 23, 42, .16) !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .vlg-energy-badge-eu {
    font-size: 8px !important;
    padding: 1px 5px !important;
    margin-bottom: 2px !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .vlg-energy-badge-class {
    font-size: 15px !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-actions {
    margin-top: 14px !important;
  }
}

@media (max-width: 430px) {
  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-content {
    column-gap: 8px !important;
  }

  body.vlg-theme li.product.vlg-product-card.vlg-energy-meta-moved .vlg-card-energy-mobile-slot .valgusallikad-energiasildid-label-wrap {
    --valgusallikad-energiasildid-size: 36px;
  }
}