/* mobile.eto-design.ru: то, чего не было в теме apply-theme (стили старого сайта — apply/, apply-child/). */

/* форма «Оставьте заявку» — на месте неработавшего Contact Form 7 */
.mobile-order-form input[type="text"], .mobile-order-form textarea { width: 100%; }
.mobile-order-form .not-valid { border-color: #dc3232; }
.mobile-order-response { margin: 1em 0; }
.mobile-order-response:empty { display: none; }
.mobile-order-response.ok { color: #46b450; }
.mobile-order-response.error { color: #dc3232; }

/* панель администратора на сайте */
.mobile-admin-bar { position: fixed; right: 12px; bottom: 12px; z-index: 10000; display: flex; gap: 6px; }
.mobile-admin-bar a { background: rgba(33, 37, 41, .85); color: #fff; padding: 6px 12px; border-radius: 4px; font: 13px/1.4 Arial, sans-serif; }
.mobile-admin-bar a:hover { background: #000; color: #fff; }

/* «© год» слева внизу подвала — в одном ряду с логотипом (.footer-top .branding: absolute, right 10%, 20px, отступ 30px) */
.footer-top { position: relative; }
.mobile-copyright { position: absolute; left: 10%; bottom: 30px; line-height: 20px; font-size: 13px; color: rgb(204, 204, 204); }

/* телефон вместо формы заявки ([order-phone]) — на тёмных полосах «Закажите разработку» */
.mobile-order-phone { text-align: center; padding: 10px 0 20px; }
.mobile-order-phone a { display: inline-block; font-size: 40px; line-height: 1.3; font-weight: 300; color: #fff; letter-spacing: 1px; }
.mobile-order-phone a:hover { color: #3ac1e3; }
@media (max-width: 640px) { .mobile-order-phone a { font-size: 30px; } }

/* подвал прижат к низу экрана: на высоком экране содержимое растягивается, подвал — внизу; не влезает — прокрутка */
.layout-wrap > .layout-inner { display: flex; flex-direction: column; min-height: 100vh; }
.layout-wrap > .layout-inner > * { flex-shrink: 0; }
.layout-wrap > .layout-inner > .main-content { flex-grow: 1; }