/*
Theme Name: OnlyAgro
Theme URI: https://onlyagro.eu/
Author: OnlyAgro
Description: Bespoke block theme foundation for the OnlyAgro agronomy publication.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: onlyagro
*/

:root {
  --oa-transition-fast: 160ms;
  --oa-transition-base: 260ms;
}

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

a { text-underline-offset: 0.16em; }
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--wp--preset--color--accent);
  outline-offset: 3px;
}

.oa-site-header {
  border-bottom: 1px solid var(--wp--preset--color--line);
}

.oa-wordmark a {
  text-decoration: none;
}

.oa-main {
  min-height: 60vh;
}

.oa-hero-shell {
  overflow: clip;
}

.oa-hero-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.oa-hero-panel {
  min-height: clamp(16rem, 42vw, 34rem);
  display: flex;
  align-items: end;
  padding: clamp(1.25rem, 2vw, 2rem);
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--surface);
  border-radius: var(--wp--custom--radius--large);
  transition: transform var(--oa-transition-base) ease;
}

.oa-hero-panel:nth-child(even) {
  background: var(--wp--preset--color--primary-2);
}

.oa-hero-panel:hover,
.oa-hero-panel:focus-within {
  transform: translateY(-0.25rem);
}

.oa-hero-panel a {
  color: inherit;
}

.oa-card {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--medium);
  padding: var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--surface);
}

.oa-taxonomy-intro {
  max-width: 52rem;
}

@media (max-width: 900px) {
  .oa-hero-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .oa-hero-grid {
    grid-template-columns: 1fr;
  }

  .oa-hero-panel {
    min-height: 11rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}