/*
 * Starter — Reset CSS
 * Повне скидання стилів браузера.
 * Версія: 1.0.0
 */

/* ── Box sizing ─────────────────────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* ── Документ ───────────────────────────────────────────────────────────── */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
    tab-size: 4;
}

/* ── Body ───────────────────────────────────────────────────────────────── */
body {
    min-height: 100vh;
    line-height: 1;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Заголовки ───────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

/* ── Списки ─────────────────────────────────────────────────────────────── */
ul, ol, dl, menu {
    list-style: none;
}

li { display: block; }

/* ── Посилання ───────────────────────────────────────────────────────────── */
a {
    text-decoration: none;
    color: inherit;
    background-color: transparent;
}

a:active, a:hover { outline: 0; }

/* ── Медіа ───────────────────────────────────────────────────────────────── */
img, picture, video, canvas, svg, iframe, embed, object {
    display: block;
    max-width: 100%;
}

img {
    border-style: none;
    height: auto;
}

svg:not([fill]) { fill: currentColor; }

/* ── Типографіка ─────────────────────────────────────────────────────────── */
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-break: break-word;
}

b, strong { font-weight: inherit; }
em, i { font-style: inherit; }
small { font-size: inherit; }
sub, sup { font-size: 100%; vertical-align: baseline; position: static; }

abbr[title], acronym[title] {
    border-bottom: none;
    text-decoration: none;
    cursor: help;
}

/* ── Цитати ─────────────────────────────────────────────────────────────── */
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
    content: '';
    content: none;
}

/* ── Роздільник ─────────────────────────────────────────────────────────── */
hr {
    border: none;
    border-top: 1px solid;
    height: 0;
    color: inherit;
    overflow: visible;
}

/* ── Таблиці ────────────────────────────────────────────────────────────── */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th { font-weight: inherit; text-align: inherit; }
td, th { padding: 0; }
caption { text-align: inherit; }

/* ── Форми ──────────────────────────────────────────────────────────────── */
input, button, textarea, select, optgroup {
    font: inherit;
    color: inherit;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

button:disabled, input:disabled {
    cursor: default;
}

textarea {
    resize: vertical;
    overflow: auto;
}

fieldset { min-width: 0; }
legend { padding: 0; display: table; max-width: 100%; white-space: normal; }

label { display: inline-block; cursor: pointer; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* ── Деталі/Summary ─────────────────────────────────────────────────────── */
details { display: block; }
summary { display: list-item; cursor: pointer; }

/* ── Приховані ───────────────────────────────────────────────────────────── */
[hidden], template { display: none; }

/* ── Фокус ──────────────────────────────────────────────────────────────── */
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* ── WordPress обов'язкові класи ────────────────────────────────────────── */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.alignwide { margin-inline: -2rem; }
.alignfull { margin-inline: calc(50% - 50vw); max-width: 100vw; width: 100vw; }

.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875em; }
.gallery-caption { font-size: 0.875em; }

/* Screen reader text — обов'язково для WordPress */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.screen-reader-text:focus {
    background: #f1f1f1;
    clip: auto;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

/* Sticky post — required */
.sticky { position: relative; }

/* Bypostauthor — required */
.bypostauthor {}