/*
 * ВАШИ ПРАВКИ — начинайте с этого файла.
 * Подключён последним на каждой странице и перекрывает оригинальные стили.
 * После изменения сохраните файл и обновите страницу в браузере.
 *
 * Пример смены цвета фона первого экрана:
 * .block-hero-startseite { background: #102c43; }
 *
 * Исходные стили: /styles/original/ и /wp-content/themes/.
 * Чтобы подобрать точный селектор, используйте F12 → Inspect / Проверить.
 */

.search-dialog:has(.local-search-results) .search-dialog__inner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; }
.search-dialog:has(.local-search-results) .search-dialog__form { grid-column: 1; grid-row: 1; }
.search-dialog:has(.local-search-results) .search-dialog__close { grid-column: 2; grid-row: 1; }
.local-search-results { grid-column: 1 / -1; grid-row: 2; margin-top: .5rem; max-height: 55vh; overflow: auto; color: #fff; padding: .5rem 1rem; background: #002431; }
.local-search-results a { display: block; padding: 1rem 0; color: inherit; border-bottom: 1px solid #ffffff40; text-decoration: none; }
.local-search-results a:hover { text-decoration: underline; }
.local-search-results small { display: block; opacity: .75; margin-top: .25rem; }
.local-form-result { padding: 1rem; margin-top: 1rem; border-left: 3px solid #2176a3; background: #eef6fa; color: #123844; font: 16px/1.6 system-ui,sans-serif; }
.local-demo-dialog { max-width: min(520px,90vw); padding: 2rem; border: 0; border-radius: 6px; background: #fff; color: #123844; box-shadow: 0 20px 80px #001e2d60; font: 16px/1.6 system-ui,sans-serif; }
.local-demo-dialog::backdrop { background: #001e2db3; }
.local-demo-dialog button { margin-top: 1rem; padding: .6rem 1rem; color: #fff; background: #12506a; border: 0; cursor: pointer; }
.local-embed-placeholder { display: grid; place-items: center; min-height: 180px; padding: 1.5rem; background: #eef3f5; color: #315260; font: 15px/1.6 system-ui,sans-serif; text-align: center; }
.local-demo-form { width: 100%; margin: 1rem 0; }
.local-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.local-fields label { display: flex; flex-direction: column; gap: .4rem; font-size: .95rem; }
.local-fields input:not([type="checkbox"]), .local-fields textarea { width: 100%; padding: .85rem; background: #f6f7f8; color: #123844; border: 1px solid #c7d1d6; font: inherit; border-radius: 0; }
.local-fields input:focus-visible, .local-fields textarea:focus-visible { outline: 2px solid #397da6; outline-offset: 2px; }
.local-fields .local-full { grid-column: 1 / -1; }
.local-fields .local-checkbox { flex-direction: row; align-items: flex-start; gap: .75rem; }
.local-fields .local-checkbox input { margin-top: .35rem; accent-color: #397da6; }
.local-fields small { font-size: .8rem; color: #586e78; }
.local-submit { display: inline-flex; margin-top: 1.4rem; padding: 1rem 1.5rem; color: #fff; background: #397da6; font-family: inherit; font-size: .8rem; line-height: 1.2; font-weight: bold; border: 0; cursor: pointer; letter-spacing: .05em; }
.local-submit:hover { background: #215b7d; }
@media(max-width:640px) { .local-fields { grid-template-columns: 1fr; } }