/*
Theme Name: Solid Builders 941
Description: Professional block theme for luxury remodeling & construction websites (includes sample images).
Version: 1.2.0
Text Domain: solid-builders-941
*/

/*
  Minimal theme CSS.
  Most typography/colors/spacing are configured in theme.json.
*/

/* Smoother anchor scrolling for header CTA links */
html {
  scroll-behavior: smooth;
}

/* Simple card helper class used in templates */
.solid-card {
  border: 1px solid var(--wp--preset--color--surface-200);
  border-radius: 18px;
  background: var(--wp--preset--color--surface-100);
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}

/* Improve default image rendering */
.wp-block-image img,
.wp-block-gallery img {
  border-radius: 16px;
}

/* Button style variations (used via className is-style-...) */
.wp-block-button.is-style-solid-primary .wp-block-button__link {
  border-radius: 999px;
  padding: 0.75rem 1.1rem;
  font-weight: 700;
}

.wp-block-button.is-style-solid-outline .wp-block-button__link {
  border-radius: 999px;
  padding: 0.75rem 1.1rem;
  font-weight: 700;
  border: 2px solid currentColor;
  background: transparent;
}

/* Subtle hover polish */
.wp-block-button .wp-block-button__link {
  transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.wp-block-button .wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

/* Tidy navigation spacing */
.wp-block-navigation .wp-block-navigation-item__content {
  padding: 0.4rem 0.55rem;
  border-radius: 999px;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  background: var(--wp--preset--color--surface-200);
}

/* Better separator defaults */
.wp-block-separator {
  border-color: var(--wp--preset--color--surface-200);
}