/*
Theme Name: Storefront Child
Theme URI: https://shop.sitepro.space
Author: SitePro Digital Vladyslav Duz
Author URI: https://sitepro.space
Description: Child theme of Storefront for eco-innovation demo
Template: storefront
Version: 1.0
Text Domain: storefront-child
*/

/* Импортируем базовый стиль родителя */
@import url("../storefront/style.css");

/* ====== ECO-TECH STYLE ====== */
:root {
  --eco-green: #5BB450;
  --graphite-gray: #3B3B3B;
  --mist-white: #F7F8F6;
  --tech-blue: #5DADEC;
  --soft-beige: #E9E5D9;
  --radius: 10px;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--mist-white);
  color: var(--graphite-gray);
  line-height: 1.6;
}

/* Заголовки */
h1, h2, h3, h4 {
  color: var(--graphite-gray);
  letter-spacing: 0.5px;
}
.site-header{
    background-color: #8bc34a8f;
    padding-top: 1.618em;
    padding-bottom: 1.618em;
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid rgba(0,0,0,0);
}

/* Кнопки */
button, .button, .woocommerce a.button {
  background-color: var(--eco-green);
  color: white;
  border: none;
  border-radius: var(--radius);
  transition: all 0.3s ease;
}

button:hover, .button:hover, .woocommerce a.button:hover {
  background-color: var(--tech-blue);
  transform: translateY(-2px);
}

/* Карточки товаров */
ul.products li.product {
  background: white;
  border-radius: var(--radius);
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}
ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Верхний баннер */
.hero-section {
  background: linear-gradient(135deg, var(--eco-green), var(--tech-blue));
  color: white;
  padding: 90px 20px;
  text-align: center;
  border-radius: 0 0 50px 50px;
}
.hero-section h1 {
  font-size: 42px;
  margin-bottom: 10px;
}
.hero-section p {
  font-size: 18px;
  opacity: 0.9;
}
.hero-section a.button {
  margin-top: 20px;
  background: white;
  color: var(--graphite-gray);
  font-weight: 600;
}

/* Footer */
.site-footer {
  background-color: var(--soft-beige);
  color: var(--graphite-gray);
  padding-top: 40px;
}