/*
Theme Name: Автоэлектрик
Template: twentytwentyfive
Description: Дочерняя тема Twenty Twenty-Five для сайта автоэлектрика. Цвета, шапка с телефоном и подвал с контактами.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: autoelectric
*/

/* шапка */
.ae-header { border-bottom: 1px solid var(--wp--preset--color--accent-2); background: var(--wp--preset--color--base); position: sticky; top: 0; z-index: 50; }
.ae-header .wp-block-site-title a { font-weight: 800; text-decoration: none; letter-spacing: -0.01em; }
.ae-header .wp-block-site-title a::before { content: "⚡"; margin-right: .35em; }
.ae-phone .wp-block-button__link { font-weight: 700; white-space: nowrap; }
.ae-header .wp-block-navigation__container { flex-wrap: nowrap; gap: 1.4rem; }
.ae-header .wp-block-navigation-item__content { white-space: nowrap; }

/* первый экран */
.wp-block-cover.ae-hero .wp-block-cover__inner-container { max-width: var(--wp--style--global--wide-size) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
.wp-block-cover.ae-hero .wp-block-cover__inner-container > .wp-block-group { margin-left: 0 !important; margin-right: auto !important; max-width: 720px; }
.ae-hero .wp-block-cover__background { background: radial-gradient(circle at 78% 35%, rgba(30,91,184,.45), transparent 42%), linear-gradient(135deg, #0f1b2d 55%, #13294b 100%) !important; opacity: 1 !important; }
.ae-hero::after { content: "⚡"; position: absolute; right: 8%; top: 50%; transform: translateY(-50%); font-size: clamp(8rem, 18vw, 16rem); opacity: .9; filter: drop-shadow(0 0 40px rgba(255,193,7,.35)); pointer-events: none; z-index: 1; }
@media (max-width: 960px) { .ae-hero::after { display: none; } }
.ae-kicker { display: inline-block; color: var(--wp--preset--color--accent-1); text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; font-weight: 700; }
.ae-btn-outline .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.6); }
.ae-btn-outline .wp-block-button__link:hover { border-color: #fff; }

/* карточки услуг */
.ae-muted { color: var(--wp--preset--color--accent-4); }
.ae-cards { gap: 1.25rem; }
.ae-card { background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--accent-2); border-radius: 14px; padding: 1.5rem 1.5rem 1.25rem; transition: box-shadow .2s, transform .2s; }
.ae-card:hover { box-shadow: 0 10px 30px rgba(15,27,45,.08); transform: translateY(-2px); }
.ae-card h3 { font-size: 1.2rem; margin-top: .5rem; }
.ae-card p { margin-bottom: 0; }
.ae-icon { font-size: 2rem; line-height: 1; margin: 0; }
.ae-num { font-size: 1.15rem; border-left: 4px solid var(--wp--preset--color--accent-1); padding-left: .6rem; }

/* цены */
.ae-prices table { border-collapse: collapse; width: 100%; max-width: 760px; margin: 0 auto; }
.ae-prices th, .ae-prices td { border: 0; border-bottom: 1px solid var(--wp--preset--color--accent-2); padding: .85rem .5rem; }
.ae-prices th { text-align: left; color: var(--wp--preset--color--accent-4); font-weight: 600; }
.ae-prices td:last-child, .ae-prices th:last-child { text-align: right; white-space: nowrap; font-weight: 700; }

/* форма заявки (Contact Form 7) */
.wpcf7 form { display: grid; gap: .9rem; max-width: 560px; }
.wpcf7 form p { margin: 0; }
.wpcf7 label { display: grid; gap: .35rem; font-weight: 600; }
.wpcf7 .wpcf7-acceptance label { display: flex; gap: .55rem; align-items: flex-start; font-weight: 400; font-size: .9rem; }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 textarea { width: 100%; box-sizing: border-box; padding: .8rem 1rem; border: 1px solid #cfd6e2; border-radius: 10px; font: inherit; background: #fff; }
.wpcf7 textarea { height: 120px; min-height: 90px; }
.wpcf7 input[type="submit"] { justify-self: start; background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--contrast); border: 0; border-radius: 999px; padding: .85rem 1.8rem; font: inherit; font-weight: 700; cursor: pointer; }
.wpcf7 .wpcf7-acceptance { font-weight: 400; font-size: .9rem; }
.wpcf7 input[type="submit"]:disabled { opacity: .45; cursor: not-allowed; }

/* заголовок страницы по ширине содержимого */
.ae-page-title { margin-top: var(--wp--preset--spacing--60) !important; margin-bottom: var(--wp--preset--spacing--40); }
.ae-contacts { margin-bottom: var(--wp--preset--spacing--70) !important; }

/* карта */
.ae-map iframe { width: 100%; height: 380px; border: 0; border-radius: 14px; display: block; }

/* подвал */
.ae-footer a { text-decoration: none; }

@media (min-width: 600px) and (max-width: 960px) {
  .ae-header .ae-phone { display: none !important; }
}
@media (max-width: 599px) {
  .ae-header .wp-block-site-title a { font-size: 1rem; }
  .ae-header .wp-block-site-title a::before { margin-right: .2em; }
  .ae-header .alignwide > .wp-block-group { gap: .6rem; }
  .ae-phone .wp-block-button__link { font-size: .8rem; padding: .45rem .7rem !important; }
}
@media (max-width: 400px) {
  .ae-header .wp-block-site-title a::before { content: none; }
  .ae-phone .wp-block-button__link { font-size: .75rem; padding: .4rem .6rem !important; }
}
@media (max-width: 340px) {
  .ae-header .ae-phone { display: none !important; }
}
@media (max-width: 781px) {
  .ae-cards { gap: 1rem; }
}