/*
 * Поправки для WordPress поверх main.css (main.css = точная копия стилей прототипа, его не трогаем).
 */

/* Атрибут hidden должен скрывать всегда: в main.css у .error-text, .empty и др. свой display, он перебивал hidden
   (например, сообщение «Отметьте согласие» было видно до отправки формы). */
[hidden] { display: none !important; }

/* Формы: невидимое поле выбора файлов растянуто на inset:0 - его рамкой должна быть зона загрузки,
   иначе оно накрывает весь экран и любой клик открывает выбор файла. */
.dropzone { position: relative; }

/* «Листайте дальше»: плавно гаснет при прокрутке вниз и плавно появляется у верха страницы (класс ставит wp-extras.js).
   Мерцание надписи (cueBlink) уже управляет opacity, поэтому гасим через filter: opacity() - они перемножаются. */
.scroll-cue { filter: opacity(1); transition: filter .8s ease, visibility 0s linear 0s; }
.scroll-cue.is-faded { filter: opacity(0); visibility: hidden; pointer-events: none; transition: filter .8s ease, visibility 0s linear .8s; }

/* О компании, телефон: фото над текстом во всю ширину. В колонке с align-items:start ширина фото
   берётся из картинки, а картинка с loading="lazy" нулевой ширины не загружается - растягиваем явно. */
@media (max-width: 720px) {
  .grid-2:has(> .co-photo) > .co-photo { align-self: stretch; }
}

/* footer-bottom-line */
.footer-bottom .made-by{order:3}
.footer-bottom .made-by a{color:inherit!important;min-height:0!important;display:inline!important;text-decoration:none}
.footer-bottom .made-by a:hover{color:#fff!important;text-decoration:underline}
@media (min-width:721px){
  .footer-bottom{display:grid!important;grid-template-columns:auto auto;justify-content:center;column-gap:var(--space-8);row-gap:var(--space-3)}
  .footer-bottom>.row{grid-column:1/-1}
  .footer-bottom>span:first-child{justify-self:start;text-align:left}
  .footer-bottom>.made-by{justify-self:end;text-align:right}
}

/* theme-color: панели браузера и фон под страницей - цвет подвала (иначе в Safari внизу белая полоса).
   body - свой слой, чтобы холст волн (z-index:-1) оставался над белым фоном страницы */
html{background:#07203a}
body{position:relative;z-index:0}