/*
Theme Name: Avonoria
Theme URI: https://avonoria.com
Author: Nature Omnicore
Description: Motyw potomny Twenty Twenty-Five dla sklepu Avonoria (Nature Omnicore) — paleta "Ziemia i Kosmos": butelkowa zieleń, kamień i beż, granat nocnego nieba. Premium, minimalistycznie, mistycznie.
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avonoria
*/

/* Delikatne dopracowania ponad theme.json */

/* Karty produktów WooCommerce — czysto, dużo powietrza */
.woocommerce ul.products li.product {
  background: transparent;
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wp--preset--font-family--naglowki);
  font-size: 1.15rem;
  color: var(--wp--preset--color--atrament);
}
.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--butelkowa-zielen);
  font-weight: 600;
}
.woocommerce ul.products li.product img {
  border-radius: 6px;
}

/* Przyciski Woo spójne z paletą */
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.wc-block-components-button {
  background-color: var(--wp--preset--color--butelkowa-zielen);
  color: var(--wp--preset--color--pergamin);
  border-radius: 4px;
  font-weight: 500;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover,
.wc-block-components-button:hover {
  background-color: var(--wp--preset--color--granat-nocy);
  color: var(--wp--preset--color--pergamin);
}

/* Gwiazdki opinii w kolorze kamienia */
.woocommerce .star-rating span::before { color: var(--wp--preset--color--zloto-ziol); }

/* Kafelki kategorii na stronie głównej */
.avonoria-tile {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  transition: transform .35s ease;
}
.avonoria-tile:hover { transform: translateY(-4px); }

/* Subtelna linia pod nagłówkami sekcji */
.avonoria-section-title {
  letter-spacing: .02em;
}
.avonoria-section-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  margin: 0.9rem auto 0;
  background: var(--wp--preset--color--zloto-ziol);
}