/* Sidetron — supplemental styles for block patterns
   Nur Helfer-Klassen & Block-Styles. Farben/Typo kommen aus theme.json. */

/* Section spacing helpers used by patterns */
.st-eyebrow{
  display:inline-block;color:var(--wp--preset--color--accent);font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;
  border:1px solid var(--wp--preset--color--border);padding:7px 16px;border-radius:999px;
  margin:0 auto;text-align:center;
}

/* Card block style */
.wp-block-group.is-style-card,
.wp-block-group.is-style-card-accent{
  background:var(--wp--preset--color--card);
  border:1px solid var(--wp--preset--color--border);
  border-radius:16px;padding:34px 30px;transition:.2s;height:100%;
}
.wp-block-group.is-style-card:hover,
.wp-block-group.is-style-card-accent{
  border-color:var(--wp--preset--color--accent);
  transform:translateY(-6px);
  box-shadow:0 20px 50px -30px var(--wp--preset--color--accent);
}

/* CTA banner columns style */
.wp-block-columns.is-style-cta,
.wp-block-group.is-style-card-accent.st-cta{
  background:var(--wp--preset--color--card);
  border:1px solid var(--wp--preset--color--border);
  border-radius:16px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;
}

/* Grayscale image that turns colored on hover */
.wp-block-image.is-style-grayscale img{filter:grayscale(1);transition:.3s;border-radius:14px}
.wp-block-image.is-style-grayscale:hover img{filter:grayscale(0)}

/* Header nav pill look */
.st-header .wp-block-navigation{
  background:var(--wp--preset--color--card);
  border:1px solid var(--wp--preset--color--border);
  border-radius:999px;padding:6px 8px;
}
.st-header .wp-block-navigation a{
  text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600;
}

/* Stat block */
.st-stat{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--border);
  border-radius:16px;padding:24px 34px;text-align:center;min-width:150px}

/* Hover lift for post/team images */
.st-hoverimg img{transition:.4s}
.st-hoverimg:hover img{transform:scale(1.05)}

/* Query/post cards */
.wp-block-post-template.is-layout-grid{gap:28px}
.st-post-card{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--border);
  border-radius:16px;overflow:hidden;transition:.2s}
.st-post-card:hover{border-color:var(--wp--preset--color--accent);transform:translateY(-6px)}

/* Buttons ghost variant via is-style-outline already themed; add ghost */
.wp-block-button.is-style-ghost .wp-block-button__link{
  background:transparent;color:var(--wp--preset--color--contrast);
  border:1px solid var(--wp--preset--color--accent);
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover{
  background:var(--wp--preset--color--accent);color:#04211f;
}

/* Give sections comfortable default padding when pattern uses .st-section */
.st-section{padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)}