/* Стилове само за WordPress версията. theme.css се синхронизира от Laravel и не се пипа. */

/* Стандартните блокове на WordPress носят свои класове, но дизайнът ги оформя като в Laravel. */
.wp-block-list { padding-left: 0; }
.wp-block-table.legal-table { margin: 6px 0 18px; overflow-x: auto; }
.wp-block-table.legal-table table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.wp-block-table.legal-table th, .wp-block-table.legal-table td { text-align: left; vertical-align: top; padding: 12px 14px; border: 1px solid #2a2a2a; }
.wp-block-table.legal-table th { background: #151515; color: #f0f0f0; font-weight: 650; }

/* Числата като отделен блок стоят плътно под предходната секция, както в Laravel. */
.numbers-section { padding-top: 0; margin-top: -8px; }
.numbers-section .numbers { margin-top: 0; }
@media (max-width: 700px) { .numbers-section { margin-top: 11px; } }

/* „Внос от Европа“ – S-Class пред сградата (18.10.2026). На мобилен вертикалният кадър е долу, колата е под бутоните. */
.import-hero .service-hero-image { object-position: 80% 75%; filter: none; }
@media (max-width: 700px) {
  .import-hero { background: #2a2e31; }
  .import-hero .service-hero-image { top: auto; bottom: 0; height: auto; aspect-ratio: 1086 / 1448; }
  .import-hero .service-hero-shade { background: linear-gradient(180deg, #1d2a33f2 0%, #1d2a33d9 45%, #1d2a3300 72%); }
  .import-hero .service-hero-content { padding-bottom: 250px; }
}

/* „Покупка и транспорт“ – камион VIP Auto Select с G-Class (18.10.2026). На мобилен снимката е зад текста, със засенчване за четимост. */
.transport-hero .service-hero-image { object-position: 60% 62%; filter: none; }
@media (max-width: 700px) {
  .transport-hero .service-hero-image { object-position: 72% 50%; }
  .transport-hero .service-hero-shade { background: linear-gradient(180deg, #141d24eb 0%, #141d24db 45%, #141d24c2 70%, #141d24e6 100%); }
}

/* „Текст със снимка“ с отделна снимка за телефон (18.10.2026). */
.split-visual picture { display: block; }
/* „Проверка на автомобила“, „Проверката не е поглед отвън“: Porsche на подемник. */
.split-visual .img-lift { object-position: 30% 55%; }

/* „За нас“: логото вместо G-Class в „Създаваме ново разбиране…“ (18.10.2026). Без фон и рамка, логото е с прозрачен фон. */
.about-visual:has(.img-logo) { position: static; align-self: center; background: none; border: 0; border-radius: 0; overflow: visible; display: flex; align-items: center; justify-content: center; padding: 24px 0; }
.about-visual .img-logo, .about-visual:hover .img-logo { filter: none; transform: none; aspect-ratio: 1200 / 357; object-fit: contain; max-width: 520px; margin-inline: auto; }

/* „За нас“ hero: G-Class под покривало с бордо панделка (18.10.2026). Колата е вдясно в кадъра. */
.about-hero .service-hero-image { object-position: 90% 60%; }

/* Потвърждение след изпратено запитване: под бутона, леко зелено (18.10.2026). */
.form-feedback.form-success, .contact-form-block .form-feedback.form-success { margin: 18px 0 0; padding: 13px 16px; border: 1px solid #4fae7a66; border-radius: 4px; background: #2e8b5a1f; color: #d4f0de; scroll-margin-top: 140px; }

/* Работно време и срок за отговор (18.10.2026). */
.contact-hours { line-height: 1.7; }
.contact-response { margin: 14px 0 0; color: #b6c1ca; font-size: .95rem; }
.inquiry-contacts small { color: #8b98a3; font-size: .85rem; }
.footer-hours { margin-top: 14px; color: #8b98a3; font-size: .85rem; line-height: 1.7; }

/* Главна, hero с G-Class под покривало (проба, 18.10.2026): колата вдясно, на мобилен – зад текста. */
.hero-image-amg { object-position: 88% 60%; filter: none; }
.hero:has(.hero-image-amg) .hero-shade { background: linear-gradient(90deg, #0b0f13f0 0%, #0b0f13b3 38%, #0b0f1320 66%, transparent 82%), linear-gradient(0deg, #0b0f13 0%, #0b0f1300 24%); }
@media (max-width: 700px) {
  .hero-image-amg { object-position: 86% 72%; }
  .hero:has(.hero-image-amg) .hero-shade { background: linear-gradient(180deg, #0b0f13e6 0%, #0b0f13b3 40%, #0b0f1373 72%, #0b0f13d9 100%); }
  .hero:has(.hero-image-amg) .hero-description, .hero:has(.hero-image-amg) h1 { text-shadow: 0 1px 12px #000c, 0 0 2px #000; }
}

/* ---------- Нови услуги: „Продажба с VIP Auto Select“ и „Автомобилни консултации“ (19.10.2026) ---------- */

/* Hero „Продажба“: фотограф снима Audi RS 7 (от 19.10.2026), на телефон отделен вертикален кадър зад текста. */
.sale-hero .service-hero-image { object-position: 80% 60%; filter: none; }
.consulting-hero .service-hero-image { object-position: 75% 12%; filter: none; }
@media (max-width: 700px) {
  /* Снимката е зад текста (по молба на Алекс, 19.10.2026). Слоят е по-плътен горе, където е текстът, и по-лек долу, където е колата или хората. */
  .sale-hero .service-hero-image { object-position: 50% 70%; }
  .consulting-hero .service-hero-image { object-position: 62% 30%; }
  .sale-hero .service-hero-shade, .consulting-hero .service-hero-shade { background: linear-gradient(180deg, #11171ce6 0%, #11171cbf 40%, #11171c8c 68%, #11171cd9 100%); }
  .sale-hero .service-hero-content, .consulting-hero .service-hero-content { text-shadow: 0 1px 12px #000c, 0 0 2px #000; }
  .sale-hero .button, .consulting-hero .button { text-shadow: none; }
}

/* Предимства в две колони, без номера. */
.benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.benefit-grid .service-card { min-height: 0; }
@media (max-width: 700px) { .benefit-grid { grid-template-columns: 1fr; } }

/* Стъпки една под друга: номерът вляво, текстът със списъци вдясно. */
.process-stacked .process-grid { grid-template-columns: 1fr; gap: 0; max-width: 900px; margin-inline: auto; }
.process-stacked .process-card { display: grid; grid-template-columns: 110px minmax(0, 1fr); column-gap: 24px; padding: 30px 0; }
.process-stacked .process-card .step-number { grid-row: 1 / span 20; margin: 0; }
.process-stacked .process-card h3 { max-width: none; }
.process-stacked .process-card > :not(.step-number) { grid-column: 2; }
.process-card p + p, .process-card .step-list + p { margin-top: 12px; }
.step-list { margin: 12px 0 0; padding: 0; list-style: none; color: #bcbcbc; line-height: 1.75; }
.step-list li { position: relative; padding-left: 20px; }
.step-list li::before { content: ""; position: absolute; left: 2px; top: .8em; width: 7px; height: 1px; background: #c9485a; }
@media (max-width: 700px) {
  .process-stacked .process-card { grid-template-columns: 1fr; padding: 24px 0; }
  .process-stacked .process-card .step-number { grid-row: auto; margin-bottom: 14px; }
  .process-stacked .process-card > :not(.step-number) { grid-column: 1; }
}

/* Форма за оценка: условия до формата, поле за снимки с преглед. */
.valuation-criteria { margin: 26px 0 30px; padding: 22px 24px; border: 1px solid #ffffff1c; border-radius: 8px; background: #ffffff05; }
.valuation-criteria h3 { font-size: 1rem; font-weight: 650; }
.valuation-criteria ul { margin: 12px 0 0; padding: 0; list-style: none; }
.valuation-criteria li { position: relative; padding: 5px 0 5px 26px; color: #d4dbe0; line-height: 1.6; }
.valuation-criteria li::before { content: ""; position: absolute; left: 2px; top: .85em; width: 10px; height: 5px; border-left: 1.6px solid #c9485a; border-bottom: 1.6px solid #c9485a; transform: rotate(-45deg); }
.valuation-criteria p { margin-top: 12px; font-size: .92rem; }
.form-grid select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #c6cfd6 50%), linear-gradient(135deg, #c6cfd6 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 15px) 55%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.form-photos-label { font-size: .8rem; font-weight: 650; display: block; color: #c6cfd6; }
.form-photos-drop { position: relative; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 8px; padding: 18px 16px; border: 1px dashed #ffffff40; border-radius: 4px; background: #10192099; cursor: pointer; transition: border-color .2s, background .2s; }
.form-photos-drop:hover, .form-photos-drop.is-over { border-color: #c9485a; background: #a8323f14; }
.form-photos-drop:focus-within { outline: 2px solid #c9485a; outline-offset: 2px; }
.form-photos-drop input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.form-photos-button { padding: 9px 14px; border: 1px solid #ffffff30; border-radius: 4px; background: #ffffff10; color: #f1f3f4; font-size: .88rem; font-weight: 600; pointer-events: none; }
.form-photos-text { color: #a8b5bf; font-size: .88rem; pointer-events: none; }
.form-photos-hint { margin: 8px 0 0; font-size: .82rem; color: #8b98a3; }
.form-photos-preview { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.form-photos-preview:empty { display: none; }
.form-photos-preview li { width: 72px; height: 54px; border-radius: 4px; overflow: hidden; background: #ffffff10; }
.form-photos-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.form-photos-status { width: 100% !important; height: auto !important; background: none !important; font-size: .82rem; color: #8b98a3; }
.valuation-form button[disabled] { opacity: .6; cursor: progress; }

/* Сравнение: таблица на десктоп, на телефон всеки критерий е карта с трите варианта. */
.compare-wrap { margin-top: 40px; overflow-x: auto; }
.compare-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .95rem; }
.compare-table th, .compare-table td { padding: 18px 20px; text-align: left; vertical-align: top; border-bottom: 1px solid #ffffff1c; line-height: 1.65; }
.compare-table thead th { font-size: 1rem; font-weight: 650; color: #f1f3f4; border-bottom-color: #ffffff30; }
.compare-table thead th a { color: inherit; text-decoration: none; }
.compare-table thead th a:hover { color: #e05a6c; }
.compare-table tbody th { width: 18%; color: #f1f3f4; font-weight: 600; }
.compare-table td { color: #bcc6ce; width: 27%; }
.compare-table .is-current { background: #a8323f14; }
.compare-table thead .is-current { border-top: 2px solid #c9485a; }
@media (max-width: 800px) {
  .compare-table, .compare-table tbody, .compare-table tr, .compare-table th, .compare-table td { display: block; width: auto; }
  .compare-table thead { display: none; }
  .compare-table tbody th, .compare-table td { width: auto; }
  .compare-table tr { margin-bottom: 16px; border: 1px solid #ffffff1c; border-radius: 8px; overflow: hidden; }
  .compare-table tbody th { padding: 14px 18px; background: #ffffff08; border-bottom: 1px solid #ffffff1c; }
  .compare-table td { padding: 12px 18px; }
  .compare-table td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-size: .72rem; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: #8b98a3; }
  .compare-table td.is-current::before { color: #e05a6c; }
  .compare-table tr td:last-child { border-bottom: 0; }
}

/* Два въпроса в един текстов блок („Отговаря ли…“ и „Колко време…“): отстъп преди второто заглавие. */
.section .narrow > p:not(.eyebrow) + .wp-block-heading { margin-top: 56px; }

/* 8 услуги (от 19.10.2026): на широк екран в 4 колони, за да няма празно място в третия ред. */
@media (min-width: 1101px) {
  .service-grid:not(.benefit-grid):has(> .service-card:nth-child(8):not(.service-card-cta)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Форма за оценка на телефон (19.10.2026): кратките полета по две на ред и по-ниски полета, за да се вижда почти цялата форма наведнъж. */
@media (max-width: 700px) {
  .valuation .inquiry-panel { padding: 16px 14px; }
  .valuation-form .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .valuation-form .form-grid > * { grid-column: 1 / -1; }
  .valuation-form .form-grid > .form-half { grid-column: auto; }
  .valuation-form .form-grid label, .valuation-form .form-photos-label { font-size: .74rem; }
  .valuation-form .form-grid input, .valuation-form .form-grid select, .valuation-form .form-grid textarea { margin-top: 4px; padding: 7px 10px; line-height: 1.4; }
  .valuation-form .form-grid select { padding-right: 34px; }
  .valuation-form .form-grid textarea { min-height: 0; }
  .valuation-form .form-photos-drop { margin-top: 4px; padding: 8px 10px; gap: 10px; }
  .valuation-form .form-photos-button { padding: 7px 12px; font-size: .82rem; }
  .valuation-form .form-photos-hint { display: none; }
  .valuation-form .form-grid textarea { height: 60px; }
  .valuation-form .form-feedback.form-success { margin-top: 12px; }
  .valuation-form .form-note { margin: 10px 0; font-size: .7rem; line-height: 1.45; }
  .valuation-form button[type="submit"] { width: 100%; }
}
/* Бутоните „Заявете безплатна оценка“ водят направо до формата, под фиксираното меню. */
#valuation-form { scroll-margin-top: 96px; }

/* Меню при скрол (19.10.2026): в theme.css „.header.is-stuck“ връща padding 20px 48px от десктопа и на телефон
   логото и бутонът за меню се местят навътре. Тук закрепеното меню взима същите отстъпи като обикновеното. */
@media (max-width: 1200px) { .header.is-stuck { padding-inline: 32px; } }
@media (max-width: 1100px) { .header.is-stuck { padding-block: 18px; min-height: 76px; } }
@media (max-width: 700px) { .header.is-stuck { padding: 18px 20px; min-height: 72px; } }

/* Без номерация на картите и стъпките (19.10.2026, по молба на Алекс): вместо 01, 02… къса бордо черта. */
.service-number, .step-number { display: block; width: 28px; height: 2px; margin: 0 0 20px; padding: 0; font-size: 0; line-height: 0; color: transparent; background: #c9485a; border-radius: 2px; transition: width .35s cubic-bezier(.22,1,.36,1); }
a.service-card:hover .service-number { width: 48px; }
.process-stacked .process-card .step-number { margin-top: 12px; }
@media (max-width: 700px) { .service-number, .step-number { margin-bottom: 14px; } }

/* „Други услуги“: 6 карти (от 19.10.2026) в 3 колони вместо 5, за да няма сама карта на втория ред. */
@media (min-width: 1101px) { .service-more-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Отстъп между заглавието на секция с карти и първата карта (19.10.2026). Блокът „Карти“ нямаше такъв
   и заглавието опираше в картите. Същите стойности като при „Нашите услуги“ (.services-intro). */
.section > .narrow.center:not(.services-intro) + .service-grid:not(.values-grid),
.values-band .container > .narrow.center + .service-grid { margin-top: 40px; }
.section > .narrow.center + .check-grid { margin-top: 40px; }
/* Надписът над заглавието не добавя още отстъп в началото на секцията. */
.narrow > .eyebrow:first-child { margin-top: 0; }
@media (max-width: 700px) {
  .section > .narrow.center:not(.services-intro) + .service-grid:not(.values-grid),
  .values-band .container > .narrow.center + .service-grid,
  .section > .narrow.center + .check-grid { margin-top: 28px; }
}

/* Резервен шрифт с размерите на Manrope (виж assets/fonts.css), за да не подскача текстът при зареждане. */
html, body { font-family: Manrope, 'Manrope Fallback', Arial, sans-serif; }

/* Снимка в стъпка (19.10.2026), например детайлингът в „Продажба“. */
.process-card .step-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin-top: 20px; border-radius: 6px; border: 1px solid #ffffff14; }

/* „Внос от Европа“, „Допълнителни услуги след доставката“: детайлинг на Audi RS 7 (20.10.2026). Кадърът е широк,
   а секцията е вертикална, затова фокусът е върху човека и предницата с табелата. */
.split-visual .img-detailing-rs7 { object-position: 20% 55%; }

/* ---------- Продадени автомобили, портфолио (21.10.2026) ---------- */
.vehicle-sold-tag { position: absolute; right: 14px; top: 14px; padding: 7px 12px; background: #a8323f; color: #fff; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-radius: 2px; }
.vehicle-sold-tag.is-static { position: static; display: inline-block; margin-bottom: 14px; }
.vehicle-card.is-sold .vehicle-photo img { filter: saturate(.35) brightness(.78) contrast(1.02); }
.vehicle-card.is-sold:hover .vehicle-photo img { filter: saturate(.6) brightness(.9) contrast(1.02); }
.vehicle-card.is-sold .vehicle-price { color: #a8b5bf; font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }
.vehicle-summary.is-sold .vehicle-detail-price { color: #a8b5bf; }
.vehicle-sold-note { margin: 4px 0 18px; padding: 14px 16px; border-left: 2px solid #a8323f; background: #ffffff08; color: #c6cfd6; font-size: .95rem; line-height: 1.65; }
.vehicle-grid-divider { grid-column: 1 / -1; margin-top: 18px; padding: 28px 0 4px; border-top: 1px solid #ffffff1c; }
.vehicle-grid-divider h3 { font-size: 1.35rem; font-weight: 600; }
.vehicle-grid-divider p { margin-top: 8px; color: #a8b5bf; }
.vehicle-grid-divider a { color: #e05a6c; }