/*
Theme Name: Energo Optima
Theme URI: https://energo-optima.pl/
Author: Energo Optima
Description: Dedykowany motyw blokowy B2B dla firmy doradczo-inzynierskiej z branzy energetycznej.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: energo-optima
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html { scroll-behavior: smooth; }
body { text-wrap: pretty; }

.eo-sticky-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(14px);
  background: color-mix(in srgb, var(--wp--preset--color--surface) 94%, transparent);
}

.eo-kicker {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.eo-proof-grid > * + * {
  border-left: 1px solid var(--wp--preset--color--line);
}

.eo-card {
  height: 100%;
  transition: transform .2s ease, box-shadow .2s ease;
}

.eo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 46px rgba(14, 35, 43, .10);
}

.eo-process-step {
  min-height: 210px;
  border-top: 3px solid var(--wp--preset--color--accent);
}

.eo-metric {
  border-top: 2px solid var(--wp--preset--color--secondary);
  padding-top: .7rem;
}

.eo-placeholder {
  color: var(--wp--preset--color--warning);
  font-style: italic;
}

.eo-query-empty {
  padding: var(--wp--preset--spacing--40);
  border: 1px dashed var(--wp--preset--color--line);
}

.wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; }
.wp-block-navigation a { text-underline-offset: .25em; }
footer a { color: inherit; }
.wp-block-navigation-item.has-background > a {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--surface);
  padding: .7rem 1rem;
  text-decoration: none;
}
.wp-block-button__link { transition: transform .2s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }

.eo-entity-fields,
.eo-relations {
  max-width: var(--wp--style--global--content-size);
  margin: var(--wp--preset--spacing--50) auto;
}

.eo-entity-field {
  padding-block: var(--wp--preset--spacing--30);
  border-top: 1px solid var(--wp--preset--color--line);
}

.eo-related ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 0;
  list-style: none;
}

.eo-related li {
  background: var(--wp--preset--color--surface-alt);
  padding: 1rem;
}

@media (max-width: 781px) {
  .eo-proof-grid > * + * {
    border-left: 0;
    border-top: 1px solid var(--wp--preset--color--line);
  }
  .eo-process-step { min-height: 0; }
  .eo-related ul { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .eo-card, .wp-block-button__link { transition: none; }
}