/*
Theme Name: Poznań Usługi
Theme URI: https://www.poznanuslugi.com/
Author: Gregory — Usługi dla Domu
Description: Lekki motyw blokowy dla usług domowych w Poznaniu i okolicach.
Version: 0.3.2
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: poznan-uslugi
*/

html { scroll-behavior: smooth; }
body { overflow-wrap: break-word; }
:where(a, button, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close):focus-visible {
  outline: 3px solid #204d88;
  outline-offset: 3px;
}
.wp-site-blocks > :is(header, footer) > .wp-block-group { padding-inline: clamp(1rem, 4vw, 3rem); }
.wp-site-blocks > header { border-bottom: 1px solid #dce4ec; }
.wp-site-blocks > header + main, .wp-site-blocks > main + footer { margin-block-start: 0; }
.wp-site-blocks > header .wp-block-site-title { max-width: min(55vw, 22rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pu-home :focus-visible, footer :focus-visible { outline-color: #f4e867; }
.wp-site-blocks > main:not(.pu-home) { padding-inline: clamp(1rem, 4vw, 3rem); }
.pu-home { padding-inline: clamp(1rem, 4vw, 3rem); }
.pu-home h1, .pu-home h2, .pu-home h3 { color: #fff; }
.pu-home .pu-eyebrow { color: #8bdcff; font-size: .8rem; font-weight: 800; letter-spacing: .12em; }
.pu-hero { padding-block: clamp(2.5rem, 4vw, 3rem) clamp(4rem, 7vw, 6rem); text-align: center; }
.pu-hero::before {
  content: "";
  display: block;
  width: min(100%, 430px);
  aspect-ratio: 1280 / 645;
  margin: 0 auto 2rem;
  background: url('assets/gregory-logo.jpg') center / contain no-repeat;
}
.pu-hero h1 { max-width: 17ch; margin-inline: auto; line-height: 1.08; letter-spacing: -.03em; }
.pu-hero .has-medium-font-size { max-width: 42rem; margin-inline: auto; }
.pu-home .wp-block-buttons { justify-content: center; }
.pu-home .wp-block-button__link { background: #f4e867; color: #102137; }
.pu-home .is-style-outline .wp-block-button__link { background: transparent; border-color: #fff; color: #fff; }
.pu-services { padding-block: clamp(3.5rem, 6vw, 5rem); border-top: 1px solid #ffffff40; }
.pu-services > .pu-eyebrow, .pu-services > h2, .pu-services > .pu-section-intro { text-align: center; }
.pu-services h2, .pu-contact h2 { line-height: 1.18; letter-spacing: -.02em; }
.pu-section-intro { max-width: 42rem; margin-inline: auto; }
.pu-service-grid { margin-top: 3rem; gap: clamp(1.5rem, 3vw, 3rem); }
.pu-service { padding-top: 1.5rem; border-top: 2px solid #8bdcff; }
.pu-service h3 { color: #8bdcff; font-size: clamp(1.5rem, 2vw, 1.9rem); }
.pu-contact { padding-block: clamp(3.5rem, 6vw, 5rem); border-top: 1px solid #ffffff40; text-align: center; }
.pu-contact > p { max-width: 42rem; margin-inline: auto; }
footer { border-top: 1px solid #ffffff40; }
footer a { color: #fff; text-decoration: underline; }
@media (max-width: 900px) { .pu-header-call { display: none; } }
@media (max-width: 781px) { .pu-service-grid { gap: 1.5rem; } }
@media (max-width: 600px) {
  .pu-hero { padding-block: 2.5rem 4rem; }
  .pu-hero::before { width: min(100%, 360px); margin-bottom: 1.5rem; }
  .pu-hero h1 { font-size: clamp(2.25rem, 10vw, 3.25rem); }
  .pu-hero-actions { align-items: stretch; flex-direction: column; }
  .pu-hero-actions .wp-block-button, .pu-hero-actions .wp-block-button__link { width: 100%; }
  .pu-services { padding-block: 3.5rem; }
  .pu-service-grid { margin-top: 2rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }