/*
Theme Name: АВТО МЕХАНИК — Брест
Theme URI:  https://amsbrest.by
Description: Дочерняя тема для Hello Elementor, разработанная для автосервиса «АВТО МЕХАНИК» в Бресте. Готовая главная страница, кастомные настройки в админке, форма заявки с сохранением в базе.
Author:     amsbrest.by
Author URI: https://amsbrest.by
Template:   hello-elementor
Version:    1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: auto-mechanic-child
Tags: child-theme, business, blog
*/

/* Стили вынесены в assets/css/main.css для нормального кеширования.
   Этот файл нужен только для заголовка темы. */


/* === claudedev custom page styles 2026-06-09 === */
.am-page .container { max-width: var(--container-max, 1280px) !important; }
.am-page__content { font-size: 17px; line-height: 1.7; }
.am-page__content > h2.h-section { margin-top: 64px; }
.am-page__content > h2.h-section:first-child { margin-top: 0; }
.am-page__content .services__head { margin-bottom: 32px; }
.am-page__content .services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 56px; }
@media (max-width: 900px) { .am-page__content .services__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .am-page__content .services__grid { grid-template-columns: 1fr; } }
.am-page__content .service-card { background: #fff; border: 1px solid var(--gray-200, #eee); border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 12px; transition: box-shadow .2s, transform .2s; }
.am-page__content .service-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,.08); transform: translateY(-2px); }
.am-page__content .service-card__title { font-size: 18px; font-weight: 700; margin: 0; color: var(--ink, #111); }
.am-page__content .service-card__text { font-size: 15px; line-height: 1.55; color: var(--gray-700, #555); margin: 0; }
.am-page__content .am-cta-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 24px 0; }
.am-page__content .btn, .am-page__content .btn--outline, .am-page__content a.btn { width: auto !important; display: inline-flex !important; text-decoration: none; }
.am-page__content .cta-bar { background: var(--ink, #111); color: #fff; padding: 48px 32px; border-radius: 18px; margin: 56px 0 16px; text-align: center; }
.am-page__content .cta-bar .cta-bar__title { color: #fff; margin: 0 0 12px; }
.am-page__content .cta-bar p { color: rgba(255,255,255,.85); margin-bottom: 20px; }
.am-page__content .cta-bar .btn { background: var(--accent, #E11D2A); color: #fff; }
.am-page__content .cta-bar .btn--outline { background: transparent; color: #fff; border: 2px solid #fff; }
.am-page__content .am-contacts__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: start; margin-bottom: 32px; }
@media (max-width: 800px) { .am-page__content .am-contacts__grid { grid-template-columns: 1fr; gap: 24px; } }
.am-page__content .am-contacts__col h2.h-section { margin-top: 0; }
.am-page__content .am-contacts__line { margin: 10px 0; font-size: 17px; }
.am-page__content .am-contacts__note { color: var(--gray-500, #888); font-size: 14px; font-style: italic; margin-top: 4px; }
.am-page__content .am-contacts__map { margin-top: 24px; }
.am-page__content .am-contacts__map iframe { display:block; width:100%; height:420px; border:0; border-radius:14px; }
.am-page__content .am-placeholder { padding: 48px 24px; text-align: center; background: var(--gray-100, #f7f7f8); border-radius: 14px; }
.am-page__content .am-placeholder__lead { font-size: 19px; color: var(--ink, #111); margin-bottom: 16px; line-height: 1.55; }
.am-page__content .am-uslugi-extra { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin: 24px 0 48px; }
@media (max-width: 800px) { .am-page__content .am-uslugi-extra { grid-template-columns: 1fr; } }
.am-page__content .am-uslugi-extra .why-item { background: #fff; border: 1px solid var(--gray-200, #eee); border-radius: 14px; padding: 24px; display: flex; gap: 16px; align-items: flex-start; }
.am-page__content .am-uslugi-extra .why-item__icon { flex-shrink: 0; width: 40px; height: 40px; color: var(--accent, #E11D2A); }
.am-page__content .am-uslugi-extra .why-item__icon svg { width: 100%; height: 100%; }
.am-page__content .am-uslugi-extra .why-item__title { font-size: 17px; font-weight: 700; margin: 0 0 8px; color: var(--ink, #111); }
.am-page__content .am-uslugi-extra .why-item__text { font-size: 15px; line-height: 1.55; color: var(--gray-700, #555); margin: 0; }