.sb-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 2.875rem;
padding: 0.75rem 1.5rem;
border: 0;
border-radius: 999px;
font: inherit;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition: background-color 0.2s var(--sb-ease), color 0.2s var(--sb-ease), transform 0.2s var(--sb-ease);
}
.sb-btn:active {
transform: translateY(1px);
}
.sb-btn--primary { background: var(--sb-primary); color: var(--sb-white); }
.sb-btn--primary:hover { background: var(--sb-primary-dark); color: var(--sb-white); }
.sb-btn--dark { background: var(--sb-ink); color: var(--sb-white); }
.sb-btn--dark:hover { background: var(--sb-primary); color: var(--sb-white); }
.sb-btn--light { background: var(--sb-white); color: var(--sb-ink); }
.sb-btn--light:hover { background: var(--sb-primary-soft); color: var(--sb-ink); }
.sb-btn--accent { background: var(--sb-accent); color: var(--sb-ink); }
.sb-btn--accent:hover { background: #E2DA22; color: var(--sb-ink); }
.sb-btn--ghost { background: transparent; color: var(--sb-ink); box-shadow: inset 0 0 0 1px var(--sb-line); }
.sb-btn--ghost:hover { background: var(--sb-canvas); color: var(--sb-ink); } .wp-block-button .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 2.875rem;
text-decoration: none;
transition: background-color 0.2s var(--sb-ease), color 0.2s var(--sb-ease);
}
.wp-block-button.is-style-outline .wp-block-button__link {
border: 0;
background: transparent;
color: var(--sb-ink);
box-shadow: inset 0 0 0 1px var(--sb-line);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--sb-canvas);
color: var(--sb-ink);
}
.wp-block-button.is-style-light .wp-block-button__link {
background: var(--sb-white);
color: var(--sb-ink);
}
.wp-block-button.is-style-light .wp-block-button__link:hover {
background: var(--sb-primary-soft);
}
.wp-block-button.is-style-accent .wp-block-button__link {
background: var(--sb-accent);
color: var(--sb-ink);
}
.wp-block-button.is-style-accent .wp-block-button__link:hover {
background: #E2DA22;
} .is-style-panel,
.is-style-panel-primary,
.is-style-panel-accent,
.is-style-panel-soft {
position: relative;
border-radius: var(--sb-radius-lg);
padding: var(--sb-panel-pad);
overflow: hidden;
}
.is-style-panel { background: var(--sb-white); }
.is-style-panel-soft { background: var(--sb-primary-soft); }
.is-style-panel-accent { background: var(--sb-accent); color: var(--sb-ink); }
.is-style-panel-primary {
background: var(--sb-primary);
color: rgba(255, 255, 255, 0.86);
}
.is-style-panel-primary :where(h1, h2, h3, h4, h5, h6, strong) {
color: var(--sb-white);
}
.is-style-panel-primary a:where(:not(.wp-block-button__link)) {
color: var(--sb-white);
} .is-style-panel-primary::before,
.is-style-panel-primary::after {
content: "";
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 8px 8px 0 0;
}
.is-style-panel-primary::before {
top: clamp(1rem, 2.5vw, 1.75rem);
right: clamp(1rem, 2.5vw, 1.75rem);
width: 56px;
height: 56px;
border-color: var(--sb-accent);
}
.is-style-panel-primary::after {
top: calc(clamp(1rem, 2.5vw, 1.75rem) + 16px);
right: calc(clamp(1rem, 2.5vw, 1.75rem) + 16px);
width: 32px;
height: 32px;
border-color: var(--sb-red);
}
.is-style-panel-primary > *,
.is-style-panel-accent > * {
position: relative;
z-index: 1;
} .is-style-card {
background: var(--sb-white);
border-radius: var(--sb-radius);
padding: clamp(1.25rem, 3vw, 1.75rem);
box-shadow: inset 0 0 0 1px var(--sb-line);
transition: box-shadow 0.25s var(--sb-ease), transform 0.25s var(--sb-ease);
}
.is-style-panel .is-style-card { background: var(--sb-white); }
.is-style-panel-soft .is-style-card,
.sb-main > .sb-content > .is-style-card { box-shadow: none; }
.is-style-card:has(a:hover) {
transform: translateY(-2px);
box-shadow: inset 0 0 0 1px var(--sb-line), var(--sb-shadow);
}
.is-style-card > :first-child { margin-top: 0; }
.is-style-card > :last-child { margin-bottom: 0; } .is-style-card .sb-card-link a {
color: inherit;
text-decoration: none;
}
.is-style-card .sb-card-link a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.is-style-card:has(.sb-card-link) {
position: relative;
} .wp-block-columns.is-style-cards > .wp-block-column {
display: flex;
flex-direction: column;
}
.wp-block-columns.is-style-cards > .wp-block-column > .is-style-card {
flex: 1;
} .is-style-eyebrow {
display: inline-flex;
align-items: center;
gap: 0.6rem;
margin-bottom: 0.75rem;
font-size: 0.8125rem;
font-weight: 650;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sb-primary);
}
.is-style-eyebrow::before {
content: "";
width: 10px;
height: 10px;
border-radius: 2px;
background: var(--sb-red);
box-shadow: 14px 0 0 var(--sb-accent);
margin-right: 14px;
}
.is-style-panel-primary .is-style-eyebrow { color: var(--sb-accent); }
.is-style-lead {
font-size: var(--wp--preset--font-size--medium);
color: var(--sb-text);
line-height: 1.6;
}
.is-style-panel-primary .is-style-lead { color: rgba(255, 255, 255, 0.82); } .wp-block-list.is-style-checklist {
list-style: none;
padding-left: 0;
}
.wp-block-list.is-style-checklist li {
position: relative;
padding-left: 2rem;
margin-bottom: 0.6rem;
}
.wp-block-list.is-style-checklist li::before {
content: "";
position: absolute;
left: 0;
top: 0.15em;
width: 1.35rem;
height: 1.35rem;
border-radius: 50%;
background: var(--sb-primary-soft) url(//spravujemebyty.sk/wp-content/themes/spravujemebyty/assets/icons/check.svg) center / 0.85rem no-repeat;
} .wp-block-image img {
border-radius: inherit;
}
.wp-block-image.is-style-icon {
margin-bottom: 1.25rem;
}
.wp-block-image.is-style-icon img {
width: 3.5rem !important;
height: 3.5rem !important;
padding: 0.85rem;
border-radius: 10px;
background: var(--sb-primary-soft);
object-fit: contain;
}
.is-style-panel-primary .wp-block-image.is-style-icon img {
background: var(--sb-white);
}
.wp-block-image.is-style-cover {
height: 100%;
margin: 0;
}
.wp-block-image.is-style-cover img {
width: 100%;
height: 100%;
min-height: 280px;
object-fit: cover;
border-radius: var(--sb-radius-lg);
}
.wp-block-gallery.is-style-rounded .wp-block-image img,
.wp-block-gallery .wp-block-image img {
border-radius: var(--sb-radius-sm);
} .sb-stat__value {
margin: 0;
font-size: var(--wp--preset--font-size--huge);
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
color: var(--sb-ink);
}
.sb-stat__value .sb-stat__suffix,
.sb-stat__value em {
font-style: normal;
color: var(--sb-primary);
}
.sb-stat__label {
margin-top: 0.5rem !important;
font-size: var(--wp--preset--font-size--small);
color: var(--sb-muted);
}
.is-style-panel-primary .sb-stat__value,
.is-style-panel-primary .sb-stat__value em { color: var(--sb-white); }
.is-style-panel-primary .sb-stat__label { color: rgba(255, 255, 255, 0.75); }
.sb-stats-grid > .wp-block-column {
padding: 1.5rem 0 0;
border-top: 1px solid var(--sb-line);
} .wp-block-details.is-style-faq {
background: var(--sb-canvas);
border-radius: var(--sb-radius-sm);
padding: 1.1rem 1.5rem;
}
.wp-block-details.is-style-faq + .wp-block-details.is-style-faq {
margin-top: 0.75rem;
}
.wp-block-details.is-style-faq summary {
position: relative;
padding-right: 2rem;
font-weight: 600;
color: var(--sb-ink);
cursor: pointer;
list-style: none;
}
.wp-block-details.is-style-faq summary::-webkit-details-marker { display: none; }
.wp-block-details.is-style-faq summary::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
font-weight: 400;
color: var(--sb-primary);
}
.wp-block-details.is-style-faq[open] summary::after { content: "−"; }
.wp-block-details.is-style-faq > :not(summary) { margin-top: 0.75rem; } .sb-query .wp-block-post-template {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.sb-query .wp-block-post {
position: relative;
display: flex;
flex-direction: column;
margin: 0;
background: var(--sb-white);
border-radius: var(--sb-radius);
overflow: hidden;
box-shadow: inset 0 0 0 1px var(--sb-line);
transition: transform 0.25s var(--sb-ease), box-shadow 0.25s var(--sb-ease);
}
.sb-query .wp-block-post:hover {
transform: translateY(-3px);
box-shadow: inset 0 0 0 1px var(--sb-line), var(--sb-shadow);
}
.sb-query .wp-block-post-featured-image {
margin: 0;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.sb-query .wp-block-post-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
transition: transform 0.5s var(--sb-ease);
}
.sb-query .wp-block-post:hover .wp-block-post-featured-image img {
transform: scale(1.04);
}
.sb-query .wp-block-post > :not(.wp-block-post-featured-image) {
margin-inline: 1.5rem;
}
.sb-query .wp-block-post-date {
margin-top: 1.25rem;
font-size: 0.8125rem;
color: var(--sb-muted);
}
.sb-query .wp-block-post-title {
margin-top: 0.35rem;
font-size: var(--wp--preset--font-size--medium);
}
.sb-query .wp-block-post-title a {
color: var(--sb-ink);
text-decoration: none;
}
.sb-query .wp-block-post-title a::after {
content: "";
position: absolute;
inset: 0;
}
.sb-query .wp-block-post-excerpt {
margin-bottom: 1.5rem;
font-size: 0.9375rem;
color: var(--sb-text);
}
.sb-query .wp-block-post-excerpt__more-text { display: none; } .sb-map {
overflow: hidden;
border-radius: var(--sb-radius);
background: var(--sb-canvas);
}
.sb-map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 320px;
border: 0;
} .sb-map__consent {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 320px;
padding: 2rem 1.5rem;
text-align: center;
background:
url(//spravujemebyty.sk/wp-content/themes/spravujemebyty/assets/icons/map-pin.svg) center calc(50% - 5.5rem) / 2.5rem no-repeat,
radial-gradient(circle, rgb(20 76 161 / 0.12) 1px, transparent 1.5px) 0 0 / 18px 18px,
var(--sb-primary-soft);
}
.sb-map__consent p { margin: 0; }
.sb-map__title { padding-top: 3rem; font-weight: 700; color: var(--sb-ink); }
.sb-map__note { max-width: 32ch; font-size: var(--wp--preset--font-size--small); color: var(--sb-muted); }
.sb-map__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.75rem 1.25rem;
margin-top: 0.75rem !important;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
}
.sb-map__load {
padding: 0.7rem 1.4rem;
border: 0;
border-radius: 999px;
font: inherit;
color: var(--sb-white);
background: var(--sb-primary);
cursor: pointer;
}
.sb-map__load:hover { background: var(--sb-primary-dark); } .sb-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.sb-form__field {
display: grid;
gap: 0.4rem;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
}
.sb-form__field--full,
.sb-form__consent,
.sb-form__submit {
grid-column: 1 / -1;
}
.sb-form input:where([type="text"], [type="email"], [type="tel"], [type="url"]),
.sb-form textarea {
width: 100%;
padding: 0.8rem 1rem;
border: 1px solid var(--sb-line);
border-radius: 8px;
background: var(--sb-white);
font: inherit;
font-size: 1rem;
color: var(--sb-ink);
transition: border-color 0.2s, box-shadow 0.2s;
}
.sb-form textarea {
min-height: 120px;
resize: vertical;
}
.sb-form input:focus,
.sb-form textarea:focus {
outline: none;
border-color: var(--sb-primary);
box-shadow: 0 0 0 3px rgba(20, 76, 161, 0.18);
}
.sb-form__consent {
font-size: 0.8125rem;
line-height: 1.5;
}
.sb-form__consent .wpcf7-list-item { margin: 0; }
.sb-form__consent label { display: flex; gap: 0.6rem; align-items: flex-start; }
.sb-form__consent input { margin-top: 0.2rem; accent-color: var(--sb-accent); }
.sb-form .wpcf7-submit {
min-height: 2.875rem;
padding: 0.75rem 1.75rem;
border: 0;
border-radius: 999px;
background: var(--sb-primary);
color: var(--sb-white);
font: inherit;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
cursor: pointer;
}
.sb-form .wpcf7-submit:hover { background: var(--sb-primary-dark); }
.wpcf7-not-valid-tip {
display: block;
margin-top: 0.3rem;
font-size: 0.8125rem;
color: var(--sb-red);
}
.wpcf7 form .wpcf7-response-output {
margin: 1rem 0 0;
padding: 0.75rem 1rem;
border: 0;
border-radius: 8px;
background: var(--sb-canvas);
font-size: var(--wp--preset--font-size--small);
color: var(--sb-ink);
}
.wpcf7-spinner { display: none; }
.wpcf7 form.submitting .wpcf7-spinner { display: inline-block; }
.wpcf7-form .hidden-fields-container { display: none; }
@media (max-width: 599.98px) {
.sb-form { grid-template-columns: 1fr; }
}  .sb-section-head {
margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.sb-section-head h2 { margin: 0; }
.sb-section-head .is-style-eyebrow { margin: 0 0 0.5rem; }
.sb-section-head--row { gap: 1rem 2rem; } .is-style-card :where(h3) {
margin: 0 0 0.5rem;
font-size: var(--wp--preset--font-size--medium);
}
.is-style-card :where(p) {
font-size: 0.9375rem;
color: var(--sb-text);
}
.is-style-card .sb-card-link a:hover { color: var(--sb-primary); }
.sb-services .wp-block-columns + .wp-block-columns { margin-top: 1.25rem; } .sb-hero__main {
display: flex;
flex-direction: column;
height: 100%;
}
.sb-hero__main h1 {
margin-top: 0;
font-size: clamp(2rem, 3.4vw, 3rem);
}
.sb-hero__main .is-style-lead { max-width: 560px; }
.sb-hero__stats {
margin-top: auto !important;
padding-top: clamp(2rem, 5vw, 4rem);
}
.sb-hero__side {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.sb-hero__side > .wp-block-image {
flex: 1;
margin: 0;
}
.sb-hero__side > .wp-block-image img { min-height: 320px; }
.sb-hero__cards { margin: 0 !important; }
.sb-hero__card {
height: 100%;
padding: clamp(1.5rem, 3vw, 2rem);
}
.sb-hero__card h3 {
margin: 0 0 0.35rem;
font-size: var(--wp--preset--font-size--medium);
}
.sb-hero__card h3 a { color: var(--sb-ink); text-decoration: none; }
.sb-hero__card p:last-child { margin-bottom: 0; }
.sb-hero__card .wp-block-image.is-style-icon { margin-bottom: 1rem; }
.sb-hero__card .wp-block-image.is-style-icon img { background: var(--sb-white); }
.is-style-panel-accent .sb-stat__value em { color: var(--sb-ink); }
.is-style-panel-accent .sb-stat__label { color: var(--sb-ink); }
.sb-hero__card.is-style-panel-accent { display: flex; flex-direction: column; justify-content: flex-end; } .sb-why {
padding: var(--sb-panel-pad) clamp(0rem, 2vw, 1.5rem);
}
.sb-why__intro h2 { margin-top: 0; }
.sb-stats-grid + .sb-stats-grid { margin-top: 2rem; } .sb-cta { gap: 1.5rem 3rem; }
.sb-cta h2 { margin: 0 0 0.5rem; }
.sb-cta p { margin: 0; }
.sb-cta__text { max-width: 640px; } .sb-muted {
margin-bottom: 0.25rem !important;
color: var(--sb-muted) !important;
}
.sb-strong {
margin-top: 0 !important;
font-weight: 600;
color: var(--sb-ink) !important;
word-break: break-word;
}
.sb-strong a { color: inherit; text-decoration: none; }
.sb-strong a:hover { color: var(--sb-primary); }
.wp-block-columns.alignwide + .wp-block-columns.alignwide { margin-top: 1.25rem; } .wp-block-button.is-style-outline .wp-block-button__link {
box-shadow: inset 0 0 0 1.5px #C9CFD6;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
box-shadow: inset 0 0 0 1.5px var(--sb-ink);
}
.sb-form textarea {
height: 8.5rem;
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.is-style-panel-soft .wp-block-image:not(.is-style-icon) img {
max-height: 420px;
width: auto;
margin-inline: auto;
display: block;
} .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
aspect-ratio: 4 / 3;
} .wp-block-gallery.has-nested-images > figure.wp-block-image:only-of-type {
flex-grow: 0;
width: auto !important;
max-width: min(100%, 560px);
}
.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image:only-of-type:not(#individual-image) img {
aspect-ratio: auto;
height: auto;
max-height: min(75vh, 720px);
object-fit: contain;
} .entry-content > .wp-block-image:not(.is-style-icon, .is-style-cover) img,
.entry-content .wp-block-column > .wp-block-image:not(.is-style-icon, .is-style-cover) img {
width: auto;
max-width: 100%;
height: auto;
max-height: min(75vh, 640px);
} .wp-lightbox-container img { cursor: zoom-in; } .wp-block-column:has(> .sb-map) {
display: flex;
flex-direction: column;
}
.wp-block-column > .sb-map {
flex: 1;
display: flex;
}
.wp-block-column > .sb-map iframe {
flex: 1;
height: auto;
} .wp-block-list.is-style-steps {
list-style: none;
counter-reset: sb-step;
padding-left: 0;
}
.wp-block-list.is-style-steps > li {
position: relative;
counter-increment: sb-step;
padding-left: 3rem;
margin-bottom: 1rem;
min-height: 2rem;
}
.wp-block-list.is-style-steps > li::before {
content: counter(sb-step);
position: absolute;
left: 0;
top: -0.1rem;
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: var(--sb-primary);
color: var(--sb-white);
font-size: 0.875rem;
font-weight: 700;
} .sb-sheet .wp-block-details.is-style-faq ol,
.sb-sheet .wp-block-details.is-style-faq ul {
margin-top: 0.75rem;
padding-left: 1.25rem;
}
.sb-sheet .wp-block-details.is-style-faq li + li { margin-top: 0.4rem; } .sb-todo {
padding: 0.75rem 1rem;
border: 1px dashed var(--sb-accent);
border-radius: var(--sb-radius-sm);
background: var(--sb-accent-soft);
font-size: var(--wp--preset--font-size--small);
} .sb-ai-note {
margin-top: 2.5rem !important;
padding-top: 1.25rem;
border-top: 1px solid var(--sb-line);
font-size: var(--wp--preset--font-size--small);
color: var(--sb-muted);
} .wp-block-file {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1.25rem;
margin-block: 0 0.75rem !important;
padding: 1rem 1.25rem 1rem 3.75rem;
border: 1px solid var(--sb-line);
border-radius: var(--sb-radius-sm);
background: var(--sb-white) url(//spravujemebyty.sk/wp-content/themes/spravujemebyty/assets/icons/file-text.svg) 1.25rem center / 1.5rem no-repeat;
font-weight: 600;
}
.wp-block-file > a:not(.wp-block-file__button) {
color: var(--sb-ink);
text-decoration: none;
}
.wp-block-file > a:not(.wp-block-file__button):hover { color: var(--sb-primary); }
.wp-block-file .wp-block-file__button {
margin: 0;
padding: 0.55rem 1.1rem;
border-radius: 999px;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
color: var(--sb-white);
background: var(--sb-primary);
text-decoration: none;
}
.wp-block-file .wp-block-file__button:hover { background: var(--sb-primary-dark); } .sb-valid {
display: inline-block;
padding: 0.3rem 0.8rem;
border-radius: 999px;
font-size: 0.8125rem;
font-weight: 600;
color: var(--sb-primary);
background: var(--sb-primary-soft);
} .is-style-card.sb-soon {
position: relative;
background: transparent;
box-shadow: none;
border: 1.5px dashed var(--sb-line);
cursor: default;
}
.is-style-card.sb-soon::before {
content: "Pripravujeme";
position: absolute;
top: 1rem;
right: 1rem;
padding: 0.2rem 0.65rem;
border-radius: 999px;
font-size: 0.75rem;
font-weight: 650;
color: var(--sb-ink);
background: var(--sb-accent-soft);
}
.is-style-card.sb-soon .wp-block-image.is-style-icon img {
background: var(--sb-canvas);
filter: grayscale(1);
opacity: 0.6;
}
.is-style-card.sb-soon h3 { color: var(--sb-muted); }
.sb-form__note {
grid-column: 1 / -1;
margin: 0;
font-size: 0.8125rem;
color: var(--sb-muted);
} .sb-form fieldset.sb-form__group {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
grid-column: 1 / -1;
margin: 0;
padding: 1.5rem 0 0;
border: 0;
border-top: 1px solid var(--sb-line);
}
.sb-form fieldset.sb-form__group:first-child { padding-top: 0; border-top: 0; }
.sb-form legend {
float: left;
grid-column: 1 / -1;
width: 100%;
margin: 0 0 0.25rem;
padding: 0;
font-size: var(--wp--preset--font-size--medium);
font-weight: 700;
color: var(--sb-ink);
}
.sb-form legend span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
margin-right: 0.6rem;
border-radius: 50%;
font-size: 0.875rem;
color: var(--sb-white);
background: var(--sb-primary);
}
.sb-form input:where([type="number"], [type="date"]),
.sb-form select {
width: 100%;
padding: 0.8rem 1rem;
border: 1px solid var(--sb-line);
border-radius: 8px;
font: inherit;
font-weight: 450;
color: var(--sb-ink);
background: var(--sb-white);
}
.sb-form select {
appearance: none;
padding-right: 2.5rem;
background: var(--sb-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23144CA1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 1rem center no-repeat;
}
.sb-form input:where([type="number"], [type="date"]):focus,
.sb-form select:focus {
outline: none;
border-color: var(--sb-primary);
box-shadow: 0 0 0 3px rgba(20, 76, 161, 0.18);
}
.sb-form__choices {
grid-column: 1 / -1;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
}
.sb-form__choices > p { margin: 0 0 0.5rem; }
.sb-form__choices .wpcf7-form-control {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.sb-form__choices .wpcf7-list-item { margin: 0; }
.sb-form__choices .wpcf7-list-item label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.55rem 0.95rem;
border: 1px solid var(--sb-line);
border-radius: 999px;
background: var(--sb-white);
cursor: pointer;
transition: border-color 0.2s, background-color 0.2s;
}
.sb-form__choices .wpcf7-list-item label:has(input:checked) {
border-color: var(--sb-primary);
background: var(--sb-primary-soft);
}
.sb-form__choices input { accent-color: var(--sb-primary); margin: 0; }
@media (max-width: 599.98px) {
.sb-form fieldset.sb-form__group { grid-template-columns: 1fr; }
} .is-style-card.sb-card--rich > p { font-size: var(--wp--preset--font-size--base); }
.is-style-card.sb-card--rich .wp-block-list { margin-top: 1rem; font-size: var(--wp--preset--font-size--small); }
.is-style-card.sb-card--rich .sb-card__more {
margin-top: 1.25rem;
font-size: var(--wp--preset--font-size--small);
font-weight: 700;
color: var(--sb-primary);
} .sb-dots { display: none; }
@media (max-width: 699.98px) { .sb-cards--slider,
.sb-query .wp-block-post-template {
display: flex !important;
gap: 0.75rem;
max-width: none !important;
margin-left: calc(-1 * var(--sb-slider-bleed, 1.25rem)) !important;
margin-right: calc(-1 * var(--sb-slider-bleed, 1.25rem)) !important;
padding: 0.25rem var(--sb-slider-bleed, 1.25rem) 0.5rem;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--sb-slider-bleed, 1.25rem);
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.sb-cards--slider::-webkit-scrollbar,
.sb-query .wp-block-post-template::-webkit-scrollbar { display: none; }
.sb-cards--slider > .wp-block-columns { display: contents; }
.sb-cards--slider .wp-block-column,
.sb-query .wp-block-post-template > .wp-block-post {
flex: 0 0 84% !important;
max-width: 84%;
scroll-snap-align: start;
}
.sb-cards--slider { margin-block: 1.25rem; } .sb-dots {
display: flex;
justify-content: center;
gap: 0.4rem;
margin: 0.25rem 0 1rem;
}
.sb-dots button {
width: 0.5rem;
height: 0.5rem;
padding: 0;
border: 0;
border-radius: 999px;
background: var(--sb-line);
cursor: pointer;
transition: width 0.25s var(--sb-ease), background-color 0.25s;
}
.sb-dots button[aria-current="true"] {
width: 1.5rem;
background: var(--sb-primary);
} .wp-block-column:has(> .sb-stats-grid) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.25rem 1rem;
}
.wp-block-column > .sb-stats-grid { display: contents; }
.sb-stats-grid > .wp-block-column { padding-top: 1rem; }
.sb-stats-grid .sb-stat__value { font-size: 1.875rem; } .is-style-panel-soft .wp-block-column .wp-block-image:not(.is-style-icon) img { max-height: 180px !important; width: auto !important; }
} .wp-block-columns.sb-contact-row {
gap: 1.25rem !important;
margin-top: 1.25rem !important;
}
.wp-block-columns.sb-contact-row > .wp-block-column:first-child {
flex: 0 0 calc((100% - 2 * 1.25rem) / 3) !important;
}
.wp-block-columns.sb-contact-row > .wp-block-column:last-child { flex: 1 1 0 !important; }
.sb-contact-row .is-style-panel-soft {
height: 100%;
padding: clamp(1.25rem, 3vw, 1.75rem);
border-radius: var(--sb-radius);
}
.sb-contact-row .is-style-panel-soft h3 { margin-top: 0; }
.sb-contact-row .sb-map { border-radius: var(--sb-radius); }
@media (max-width: 781.98px) {
.wp-block-columns.sb-contact-row > .wp-block-column:first-child { flex-basis: 100% !important; }
} .sb-handover {
position: relative;
max-width: 420px;
margin-inline: auto;
padding: 1.5rem 1.5rem 2.5rem;
background: radial-gradient(circle, rgb(20 76 161 / 0.14) 1px, transparent 1.5px) 0 0 / 18px 18px;
border-radius: var(--sb-radius-lg);
}
.sb-handover__card {
position: relative;
padding: 1.5rem;
border-radius: var(--sb-radius);
background: var(--sb-white);
box-shadow: 0 1px 2px rgb(16 24 40 / 0.05), 0 18px 40px rgb(20 76 161 / 0.12);
animation: sb-float 6s ease-in-out infinite;
}
.sb-handover__card::after {
content: "";
position: absolute;
top: -10px;
right: -10px;
width: 34px;
height: 34px;
border-top: 6px solid var(--sb-accent);
border-right: 6px solid var(--sb-accent);
border-top-right-radius: 4px;
}
.sb-handover__head {
display: flex;
align-items: center;
gap: 0.85rem;
margin-bottom: 1.25rem;
}
.sb-handover__head strong { display: block; color: var(--sb-ink); }
.sb-handover__head span { font-size: var(--wp--preset--font-size--small); color: var(--sb-muted); }
.sb-handover__icon {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border-radius: 10px;
background: var(--sb-primary-soft);
}
.sb-handover__steps {
display: grid;
gap: 0.75rem;
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
color: var(--sb-ink);
}
.sb-handover__steps li {
display: flex;
align-items: center;
gap: 0.7rem;
animation: sb-step 8s ease-in-out infinite;
animation-delay: calc(var(--i) * 1.1s);
opacity: 0.35;
}
.sb-handover__check {
position: relative;
flex: none;
width: 1.5rem;
height: 1.5rem;
border: 2px solid var(--sb-line);
border-radius: 50%;
animation: sb-check 8s ease-in-out infinite;
animation-delay: inherit;
}
.sb-handover__check::after {
content: "";
position: absolute;
left: 50%;
top: 45%;
width: 0.35rem;
height: 0.65rem;
border: solid var(--sb-white);
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
.sb-handover__bar {
height: 6px;
overflow: hidden;
border-radius: 999px;
background: var(--sb-canvas);
}
.sb-handover__bar span {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--sb-primary), var(--sb-primary) 80%, var(--sb-accent));
animation: sb-bar 8s ease-in-out infinite;
}
.sb-handover__badge {
position: absolute;
right: 0.5rem;
bottom: 0.75rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.55rem 1rem;
border-radius: 999px;
font-size: 0.8125rem;
font-weight: 700;
color: var(--sb-ink);
background: var(--sb-accent);
box-shadow: 0 10px 24px rgb(31 33 33 / 0.12);
animation: sb-float 6s ease-in-out infinite reverse;
}
.sb-handover__badge::before {
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background: var(--sb-red);
}
@keyframes sb-step {
0%, 6% { opacity: 0.35; transform: translateX(0); }
12%, 86% { opacity: 1; transform: translateX(4px); }
94%, 100% { opacity: 0.35; transform: translateX(0); }
}
@keyframes sb-check {
0%, 6% { background: transparent; border-color: var(--sb-line); }
12%, 86% { background: var(--sb-primary); border-color: var(--sb-primary); }
94%, 100% { background: transparent; border-color: var(--sb-line); }
}
@keyframes sb-bar {
0% { width: 0; }
60%, 88% { width: 100%; }
100% { width: 0; }
}
@keyframes sb-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
.sb-handover__card,
.sb-handover__badge,
.sb-handover__steps li,
.sb-handover__check,
.sb-handover__bar span { animation: none; }
.sb-handover__steps li { opacity: 1; }
.sb-handover__check { background: var(--sb-primary); border-color: var(--sb-primary); }
.sb-handover__bar span { width: 100%; }
} .sb-cards--slider:focus-visible,
.sb-query .wp-block-post-template:focus-visible {
outline: 2px solid var(--sb-primary);
outline-offset: 4px;
border-radius: var(--sb-radius-sm);
} .sb-query .wp-block-post-template {
display: flex !important;
gap: 1.25rem;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
padding-bottom: 0.25rem;
}
.sb-query .wp-block-post-template::-webkit-scrollbar { display: none; }
.sb-query .wp-block-post-template > .wp-block-post {
flex: 0 0 calc((100% - 2 * 1.25rem) / 3);
max-width: none;
scroll-snap-align: start;
}
@media (max-width: 1023.98px) {
.sb-query .wp-block-post-template > .wp-block-post { flex-basis: calc((100% - 1.25rem) / 2); }
}
.sb-query .sb-dots,
.sb-cards--slider + .sb-dots {
display: flex;
justify-content: center;
gap: 0.4rem;
margin: 1rem 0 0;
}
.sb-dots button {
width: 0.5rem;
height: 0.5rem;
padding: 0;
border: 0;
border-radius: 999px;
background: var(--sb-line);
cursor: pointer;
transition: width 0.25s var(--sb-ease), background-color 0.25s;
}
.sb-dots button[aria-current="true"] {
width: 1.5rem;
background: var(--sb-primary);
} .sb-slider-nav {
display: inline-flex;
gap: 0.5rem;
}
.sb-slider-nav button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
border: 1px solid var(--sb-line);
border-radius: 50%;
color: var(--sb-ink);
background: var(--sb-white);
cursor: pointer;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, opacity 0.2s;
}
.sb-slider-nav button:hover:not(:disabled) {
color: var(--sb-white);
background: var(--sb-primary);
border-color: var(--sb-primary);
}
.sb-slider-nav button:disabled { opacity: 0.35; cursor: default; }
.sb-slider-nav .sb-icon { width: 1.1rem; height: 1.1rem; }
.sb-slider-nav button:first-child .sb-icon { transform: rotate(180deg); }
.sb-section-head--row .wp-block-buttons { align-items: center; }
@media (max-width: 599.98px) {
.sb-slider-nav { display: none; }
} .sb-desktop-only { display: inline; }
@media (max-width: 599.98px) {
.sb-desktop-only { display: none; }
}