/*
Theme Name: Biletska
Version: 2.0.0
Requires at least: 7.1
Requires PHP: 8.0
Text Domain: biletska
*/

* { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body { margin: 0; color: var(--color-ink); background: var(--color-paper); font-family: var(--font-body); font-size: var(--text-base); line-height: var(--leading-body); }
a { color: inherit; }
.site-main { min-height: 70vh; }
.container, .site-main > :where(:not(.alignfull):not(.alignleft):not(.alignright)) {
  width: min(var(--content-width), calc(100% - 2 * var(--page-gutter)));
  margin-inline: auto;
}
.site-main > .alignfull { max-width: none; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--button-height); padding: var(--space-5) var(--space-8); border: 0; border-radius: var(--radius-card); background: var(--color-pink); color: var(--color-ink); text-decoration: none; font-weight: var(--font-weight-bold); line-height: var(--leading-body); }
.button:hover { background: var(--color-pink-hover); }
.text-highlight { color: var(--color-pink); }
.service-introduction, .service-children { padding-block: var(--section-space); }
.service-introduction h1 { margin: 0 0 var(--space-7); font-size: var(--text-title); line-height: var(--leading-title); }
.service-children h2 { margin: 0 0 var(--space-8); font-size: var(--text-h4); line-height: var(--leading-h4); }
.service-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--space-7); list-style: none; padding: 0; margin: 0; }
.service-list li { padding: var(--space-8); border: 1px solid var(--color-muted); border-radius: var(--radius-card); }
.service-list a { font-size: var(--text-h6); line-height: var(--leading-h6); font-weight: var(--font-weight-medium); text-decoration: none; }
.service-list a:hover { text-decoration: underline; }
.service-list p { margin: var(--space-5) 0 0; }
:where(a, button, input, textarea):focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }