/* =========================================================
 * VTRUstolife Blog — editor-style.css
 * Стили для редактора Gutenberg (Внешний вид → Настроить тему → Редактор).
 * ========================================================= */

:root {
    --c-brand-deep:   #0c4a7e;
    --c-brand:        #145a92;
    --c-brand-light:  #5da9d8;
    --c-brand-soft:   #e9f3fb;
    --c-coral:        #e88864;
    --c-ink:          #1a2433;
    --c-ink-soft:     #4a5868;
    --c-mute:         #7a8696;
    --c-line:         #e5e9ee;
    --c-bg-soft:      #f7f9fc;
    --c-paper:        #fbfaf6;

    --ff-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
    --ff-head: Georgia, "Iowan Old Style", "Apple Garamond", Baskerville, "Times New Roman", "Droid Serif", Times, serif;
}

body {
    background: var(--c-bg-soft);
    color: var(--c-ink);
    font-family: var(--ff-base);
    font-size: 17px;
    line-height: 1.7;
}
.editor-styles-wrapper { max-width: var(--wp--style--global--content-size, 720px); margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-head);
    color: var(--c-ink);
    font-weight: 700;
    line-height: 1.2;
}
h1 { font-size: 36px; }
h2 { font-size: 28px; color: var(--c-brand-deep); }
h3 { font-size: 22px; color: var(--c-brand-deep); }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; color: var(--c-mute); }

a { color: var(--c-brand); text-decoration: underline; text-decoration-color: rgba(20,90,146,0.35); text-underline-offset: 3px; }
a:hover { color: var(--c-coral); text-decoration-color: var(--c-coral); }

blockquote {
    margin: 1em 0; padding: 1em 1.2em;
    border-left: 4px solid var(--c-coral);
    background: var(--c-brand-soft);
    font-family: var(--ff-head);
    font-style: italic;
    border-radius: 0 8px 8px 0;
}
blockquote p { margin: 0; }

img { max-width: 100%; height: auto; border-radius: 8px; }
figure { margin: 1.4em 0; }
figcaption { font-size: 14px; color: var(--c-mute); text-align: center; margin-top: 6px; font-family: var(--ff-base); }

table { width: 100%; border-collapse: collapse; margin: 1em 0; }
th, td { padding: 0.6em 0.8em; border: 1px solid var(--c-line); text-align: left; }
th { background: var(--c-brand-soft); }

ul, ol { padding-left: 1.4em; }
li { margin-bottom: 0.3em; }

code { background: var(--c-bg-soft); padding: 0.15em 0.4em; border-radius: 4px; font-size: 0.95em; }
pre { background: var(--c-bg-soft); padding: 1em; border-radius: 8px; overflow-x: auto; }

p { margin: 0 0 1em; }

/* Кнопки Gutenberg */
.wp-block-button__link {
    background: var(--c-coral) !important;
    color: #fff !important;
    padding: 0.7em 1.4em !important;
    border-radius: 999px !important;
    font-family: var(--ff-base) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.wp-block-button__link:hover { background: #d37050 !important; }

/* Цитата редактора */
.wp-block-quote, .wp-block-quote.is-style-large {
    border-left: 4px solid var(--c-coral);
    background: var(--c-brand-soft);
    padding: 1em 1.2em;
    font-family: var(--ff-head);
    font-style: italic;
}

/* Цитаты */
.wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 4px solid var(--c-coral); }

/* Выравнивания */
.alignwide { margin-left: calc(-1 * min(120px, 5vw)); margin-right: calc(-1 * min(120px, 5vw)); max-width: calc(100% + min(240px, 10vw)); }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw; max-width: 100vw; }

/* Pullquote */
.wp-block-pullquote {
    border-top: 4px solid var(--c-coral);
    border-bottom: 4px solid var(--c-coral);
    padding: 24px 0;
}
.wp-block-pullquote blockquote { background: transparent; border: 0; }
.wp-block-pullquote p { font-family: var(--ff-head); font-size: 24px; line-height: 1.4; }

/* Категория в виде kicker */
.wp-block-paragraph.has-coral-color, .has-coral-color { color: var(--c-coral); }
.has-brand-deep-color { color: var(--c-brand-deep); }
.has-brand-light-color { color: var(--c-brand-light); }

/* Cover */
.wp-block-cover { border-radius: 8px; }

/* Разделитель */
hr { border: 0; border-top: 1px solid var(--c-line); margin: 2em 0; }