/**
* Theme Name: Cargo Trucking Child
* Description: This is a child theme of Cargo Trucking.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: cargo-trucking
* Version: 1.0.0
* Tested up to: 6.6
* Requires PHP: 7.4
* License:
* License URI:
* Text Domain: cargo-trucking-child
* Copyright: cmsmasters 2025 / All Rights Reserved
*/




@media (max-width:1024px){
    .elementor-51303 .elementor-element.elementor-element-3e16b90c .elementor-widget-cmsmasters-site-logo__image-container img {
    width: 250px;
    max-width: 250px !important;
}
}

.cmsmasters-widget-image__wrap {
    text-align: inherit;
    display: flex;
    width: 100%;
    position: relative;
    /* max-height: 400px; */
    background-image: fill;
    object-fit: cover;
    height: 450px;
}

/* === Вирівнюємо висоту карток продуктів === */
.elementor-widget-container .cmsmasters-products,
ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
}

/* Основна картка */
ul.products li.product,
.cmsmasters-products .product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 10px 15px;
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Візуальний ефект при наведенні */
ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Фото */
ul.products li.product img,
.cmsmasters-products .product img {
  height: 240px;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* Текст */
ul.products li.product .woocommerce-loop-product__title,
.cmsmasters-products .product .woocommerce-loop-product__title {
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  min-height: 52px; /* однакова висота блоку з назвою */
  margin-bottom: 8px;
}

/* Ціна внизу */
ul.products li.product .price,
.cmsmasters-products .product .price {
  margin-top: auto;
}

/* Кнопка Add to Cart завжди вирівняна */
ul.products li.product .button,
.cmsmasters-products .product .button {
  margin-top: 12px;
  align-self: flex-start;
}

/* === Вирівнюємо висоту всіх карточок у гріді === */
.cmsmasters-products .e-con-full.e-flex {
  align-items: stretch !important; /* Вирівнює всі по висоті */
}

/* Кожна картка товару */
.cmsmasters-products .e-con-full.e-flex > .e-con.e-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Зображення товару */
.cmsmasters-products .cmsmasters-widget-woocommerce-product-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 6px;
}

/* Назва */
.cmsmasters-products .cmsmasters-widget-woocommerce-product-title {
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

/* Ціна і кнопка — фіксуємо внизу */
.cmsmasters-products .cmsmasters-widget-woocommerce-product-price {
  margin-top: auto;
}

.cmsmasters-products .cmsmasters-widget-woocommerce-add-to-cart {
  margin-top: 10px;
  align-self: flex-start;
}
/* === Вирівнювання висоти карток у гріді CMSMasters === */
.cmsmasters-products .e-con-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Контейнер усієї сітки — рівномірна висота рядків */
.cmsmasters-products .e-con-full.e-flex {
  align-items: stretch !important;
}

/* Фото товару */
.cmsmasters-products .cmsmasters-widget-woocommerce-product-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 12px;
}

/* Назва — однакова висота для всіх */
.cmsmasters-products .cmsmasters-widget-woocommerce-product-title {
  min-height: 50px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

/* Ціна і кнопка — знизу */
.cmsmasters-products .cmsmasters-widget-woocommerce-product-price {
  margin-top: auto;
}

.cmsmasters-products .cmsmasters-widget-woocommerce-add-to-cart {
  margin-top: 10px;
  align-self: flex-start;
}