/* ===== MTZ SHOP — TOP LEVEL DESIGN v3.0 ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap');

* { box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif !important; }

/* ========== ВЕРХНІЙ БАР ========== */
#top-bar-wrap {
  background: #0a1a0a !important;
  border-bottom: none !important;
  padding: 6px 0 !important;
}
#top-bar-content, #top-bar-wrap a, #top-bar-wrap span {
  color: #90EE90 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* ========== ШАПКА З ФОТО ПОЛЯ ========== */
#site-header {
  background: linear-gradient(135deg, #0d2b0d 0%, #1a4d1a 100%) !important;
  box-shadow: 0 3px 15px rgba(0,0,0,0.4) !important;
}

#site-header-inner {
  position: relative !important;
  z-index: 1 !important;
  padding: 0 !important;
}

/* ========== ЛОГОТИП ========== */
.site-logo, #site-logo {
  padding: 15px 0 !important;
}
.site-logo a, #site-logo a {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.6) !important;
}
.site-logo a::before { content: "🚜 "; }

/* ========== НАВІГАЦІЯ ========== */
#site-navigation .menu > li > a {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 22px 16px !important;
  transition: all 0.3s !important;
  border-bottom: 3px solid transparent !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important;
}
#site-navigation .menu > li > a:hover,
#site-navigation .menu > li.current-menu-item > a,
#site-navigation .menu > li.current-menu-ancestor > a {
  color: #76ff76 !important;
  border-bottom: 3px solid #76ff76 !important;
  background: rgba(255,255,255,0.08) !important;
}

/* ========== КОШИК У ШАПЦІ ========== */
.woo-cart-count { background: #ff6b35 !important; color: #fff !important; font-weight: bold !important; }
.woo-cart-link { color: #fff !important; }
.oceanwp-cart-icon svg, .oceanwp-cart-icon { color: #fff !important; fill: #fff !important; }

/* ========== ГЕРОЇЧНИЙ БАНЕР ========== */
.entry-content > div:first-child { border-radius: 0 !important; margin: 0 !important; }

/* ========== ОСНОВНИЙ ФОН ========== */
body.woocommerce, body.home, body.page {
  background: #f5f9f5 !important;
}

/* ========== КОНТЕНТ ОБГОРТКА ========== */
.content-area, #primary { max-width: 100% !important; }

/* ========== КАТЕГОРІЇ ========== */
.product-category a {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
  transition: all 0.3s ease !important;
  display: block !important;
  text-decoration: none !important;
}
.product-category a:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 30px rgba(45,122,45,0.25) !important;
}
.woocommerce-loop-category__title {
  background: linear-gradient(135deg, #1a4d1a, #2d7a2d) !important;
  color: #fff !important;
  padding: 14px 10px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
}
.woocommerce-loop-category__title mark {
  background: transparent !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
}

/* ========== КАРТКИ ТОВАРІВ ========== */
ul.products li.product {
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  background: #fff !important;
  padding: 0 !important;
  margin-bottom: 25px !important;
}
ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(45,122,45,0.18) !important;
}
ul.products li.product img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-bottom: 3px solid #e8f5e9 !important;
}
.woocommerce-loop-product__title {
  color: #1a3d1a !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 15px 5px !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product .price {
  color: #2d7a2d !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  padding: 2px 15px 10px !important;
  display: block !important;
}
.woocommerce ul.products li.product .button {
  background: linear-gradient(135deg, #2d7a2d, #4CAF50) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 0 10px 10px !important;
  width: 100% !important;
  padding: 13px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s !important;
  cursor: pointer !important;
  display: block !important;
}
.woocommerce ul.products li.product .button:hover {
  background: linear-gradient(135deg, #1a5c1a, #388E3C) !important;
  transform: none !important;
}

/* ========== ОДИНОЧНА СТОРІНКА ТОВАРУ ========== */
.woocommerce div.product .product_title {
  color: #1a3d1a !important;
  font-size: 26px !important;
  font-weight: 800 !important;
}
.woocommerce div.product .price {
  color: #2d7a2d !important;
  font-size: 28px !important;
  font-weight: 900 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: linear-gradient(135deg, #2d7a2d, #4CAF50) !important;
  color: #fff !important;
  border: none !important;
  padding: 15px 40px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* ========== КНОПКИ CHECKOUT / CART ========== */
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #payment #place_order,
.woocommerce a.button, .woocommerce button.button {
  background: linear-gradient(135deg, #2d7a2d, #4CAF50) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 13px 28px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: all 0.3s !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce #payment #place_order:hover {
  background: linear-gradient(135deg, #1a5c1a, #388E3C) !important;
  transform: translateY(-2px) !important;
}

/* ========== СЕКЦІЯ ЗАГОЛОВКІВ ========== */
.entry-title, .page-title, h1.woocommerce-products-header__title {
  color: #1a3d1a !important;
  font-weight: 800 !important;
}
h2 { color: #1a3d1a !important; }

/* ========== ХЛІБНІ КРИХТИ ========== */
.woocommerce-breadcrumb {
  background: #e8f5e9 !important;
  padding: 10px 20px !important;
  border-left: 4px solid #2d7a2d !important;
  font-size: 13px !important;
  border-radius: 0 4px 4px 0 !important;
  margin-bottom: 20px !important;
}
.woocommerce-breadcrumb a { color: #2d7a2d !important; }

/* ========== БЕЙДЖІ ТОВАРІВ ========== */
.onsale {
  background: #ff6b35 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* ========== ПАГІНАЦІЯ ========== */
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span {
  border-color: #2d7a2d !important;
  color: #2d7a2d !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}
.woocommerce-pagination ul li span.current {
  background: #2d7a2d !important;
  color: #fff !important;
}

/* ========== ФОРМА CHECKOUT ========== */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
  color: #1a3d1a !important;
  border-bottom: 3px solid #2d7a2d !important;
  padding-bottom: 10px !important;
  font-weight: 800 !important;
}
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
  border: 2px solid #c8e6c9 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  transition: border 0.3s !important;
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus {
  border-color: #2d7a2d !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(45,122,45,0.15) !important;
}
#order_review { background: #f1f8e9 !important; border-radius: 10px !important; padding: 20px !important; }

/* ========== ФУТЕР ========== */
#footer-widgets {
  background: #0d2b0d !important;
  padding: 50px 0 30px !important;
  border-top: 4px solid #2d7a2d !important;
}
#footer-bottom {
  background: #061506 !important;
  color: #4a8a4a !important;
  padding: 15px 0 !important;
  text-align: center !important;
}
#footer-bottom a { color: #4a8a4a !important; }
#footer-bottom a:hover { color: #76ff76 !important; }
.widget-title {
  color: #90EE90 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-bottom: 2px solid #2d7a2d !important;
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
}
.footer-widget, .footer-widget a, .footer-widget p, .footer-widget li {
  color: #a8d5a8 !important;
}
.footer-widget a:hover { color: #76ff76 !important; }

/* ========== ПРИХОВАТИ ЗАЙВЕ ========== */
.widget_recent_entries, .widget_recent_comments, .widget_archive { display: none !important; }

/* ========== ПОШУК ========== */
.widget_search .search-field {
  border: 2px solid #2d7a2d !important;
  border-radius: 6px 0 0 6px !important;
  padding: 10px !important;
}
.widget_search .search-submit {
  background: #2d7a2d !important;
  color: #fff !important;
  border-radius: 0 6px 6px 0 !important;
}

/* ========== МОБІЛЬНА АДАПТАЦІЯ ========== */
@media (max-width: 768px) {
  
  .site-logo a { font-size: 18px !important; letter-spacing: 1px !important; }
  #site-navigation .menu > li > a { padding: 14px 10px !important; font-size: 12px !important; }
  ul.products li.product img { height: 160px !important; }
}

/* ===== ВИПРАВЛЕННЯ КАТЕГОРІЙ - назви завжди видимі ===== */
.woocommerce ul.products li.product-category {
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
  transition: all 0.3s ease !important;
}
.woocommerce ul.products li.product-category:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 30px rgba(45,122,45,0.22) !important;
}
.woocommerce ul.products li.product-category img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
}
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title {
  background: linear-gradient(135deg, #1a4d1a, #2d7a2d) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 12px !important;
  text-align: center !important;
  margin: 0 !important;
  border-top: none !important;
}
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title mark {
  background: none !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
/* Прибираємо підсвічування посилань категорій */
.woocommerce ul.products li.product-category a {
  text-decoration: none !important;
  display: block !important;
}
/* Якщо немає зображення - зелений фон */
.woocommerce ul.products li.product-category a:not(:has(img)) h2 {
  background: linear-gradient(135deg, #1a4d1a, #2d7a2d) !important;
}

/* ===== ВИПРАВЛЕННЯ НАКЛАДАННЯ ТЕКСТУ ===== */
.entry-content { padding: 0 !important; margin: 0 !important; }
.entry-content p:empty { display: none !important; }
.oceanwp-entry-header { display: none !important; }
.page .entry-header { display: none !important; }

/* Прибрати зайві відступи на головній */
.home .content-area { padding-top: 0 !important; }
.home #primary { padding: 0 !important; margin: 0 !important; }
.home .site-main { padding: 0 !important; }
.home article.page { padding: 0 !important; }


/* ===== ПОВНА ШИРИНА ДЛЯ ГОЛОВНОЇ ===== */

/* Landing page - прибрати container обмеження */
.landing-page #content-wrap,
.landing-page #primary,
.landing-page #content,
.landing-page .site-main,
.landing-page article {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.landing-page .entry-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Хліб крихти приховати на головній */
.landing-page .site-breadcrumbs { display: none !important; }

/* Прибрати паддінг у main на landing */
.landing-page .site-main { padding: 0 !important; }

/* ===== ФІЗ МЕНЮ - перенести Головна на початок ===== */
/* Вже є через WordPress */

/* ===== SHOP PAGE - прибрати заголовок і зробити ширше ===== */
.woocommerce-shop .page-header,
.woocommerce-shop header.page-header { display: none !important; }
.woocommerce-shop .site-breadcrumbs { display: none !important; }


/* ===== КОМПАКТНЕ МЕНЮ (10 пунктів в один рядок) ===== */
#site-navigation .menu > li > a {
  padding: 18px 10px !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
}

/* Логотип компактніший */
.site-logo a, #site-logo a {
  font-size: 20px !important;
  letter-spacing: 2px !important;
}

/* Шапка трохи менша */
#site-header-inner {
  min-height: auto !important;
}

/* Меню в один рядок */
#site-navigation ul.main-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}