/* AutoTaktas info pages and calculators (2026 redesign over the prototype styles):
   about, contacts, advertising, legal pages and the four calculators. Markup and scripts are untouched. */
:where(body.page-template-template-about, body.page-template-template-contact, body.page-template-template-advertising,
  body.page-template-template-legal, body.page-template-template-privacy, body.page-template-template-tire-calculator,
  body.page-template-template-fuel-calculator, body.page-template-template-alcohol-calculator, body.page-template-template-emissions-calculator) {
  --atp-dark: #101317; --atp-yellow: #ffc400; --atp-soft: #fff4cc; --atp-ink: #14171c; --atp-muted: #5b636e; --atp-ground: #f3f4f6; --atp-line: #e4e7eb;
  --atp-shadow: 0 1px 2px rgba(16, 19, 23, .04), 0 10px 30px -18px rgba(16, 19, 23, .22);
  --atp-ease: cubic-bezier(.32, .72, 0, 1);
  background: var(--atp-ground) !important;
}
body.autotaktas-prototype:is(.page-template-template-about, .page-template-template-contact, .page-template-template-advertising, .page-template-template-legal, .page-template-template-privacy, .page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main {
  font-family: var(--atx-body) !important; color: var(--atp-ink); padding-bottom: 72px;
}
body.autotaktas-prototype:is(.page-template-template-about, .page-template-template-contact, .page-template-template-advertising, .page-template-template-legal, .page-template-template-privacy, .page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main :is(h1, h2, h3) {
  font-family: var(--atx-display) !important; letter-spacing: -.02em !important; text-wrap: wrap; hyphens: manual !important; overflow-wrap: break-word;
}
body.autotaktas-prototype:is(.page-template-template-about, .page-template-template-contact, .page-template-template-advertising, .page-template-template-legal, .page-template-template-privacy, .page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main :is(button, input, select, textarea) {
  font-family: var(--atx-body) !important;
}

/* Hero bands become rounded cards with the site's photos. */
body.autotaktas-prototype main > section.hero, body.autotaktas-prototype main > section.page-intro {
  position: relative; width: min(calc(100% - 48px), 1600px); margin: 28px auto 0 !important; border-radius: 28px; overflow: hidden; background-color: var(--atp-dark) !important; isolation: isolate;
}
body.page-template-template-about main > section.hero .hero-art,
body.page-template-template-contact main > section.hero .hero-image,
body.page-template-template-advertising main > section.hero { background-size: cover !important; background-position: 75% center !important; }
body.page-template-template-about main > section.hero .hero-art { background-image: url("img/topic/straipsniai-1600.webp") !important; }
body.page-template-template-contact main > section.hero .hero-image { background-image: url("img/ad-wide.webp") !important; }
body.page-template-template-advertising main > section.hero { background-image: linear-gradient(90deg, rgba(16, 19, 23, .95), rgba(16, 19, 23, .55) 60%, rgba(16, 19, 23, .2)), url("img/topic/automobiliu-naujienos-1600.webp") !important; }
body.page-template-template-contact main > section.hero { height: auto !important; min-height: 280px; }
body.autotaktas-prototype main > section.hero h1, body.autotaktas-prototype main > section.page-intro h1 { font-weight: 800 !important; }
body.autotaktas-prototype main > section.hero :is(.title-rule, .section-rule) { background: var(--atp-yellow) !important; border-radius: 3px; }

/* Calculators: the intro band gets the dashboard photo. */
body:is(.page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main > section.page-intro {
  padding: 48px 48px 40px !important; color: #fff;
  background: linear-gradient(90deg, rgba(16, 19, 23, .96), rgba(16, 19, 23, .8) 45%, rgba(16, 19, 23, .25)), url("img/topic/automobiliu-charakteristikos-1600.webp") center / cover no-repeat !important;
}
body:is(.page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main > section.page-intro :is(h1, p, span, small, a) { color: inherit; }
body:is(.page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main > section.page-intro p { color: #c3cad3 !important; }

/* Cards */
body.autotaktas-prototype main :is(.calculator-card, .result-card, .form-card, .contact-item, .service-card, .faq-item, .author-card, .mission-section .mission-photo-wrap, .info-panel .explanation, .important-card, .policy-nav, .policy-content, .map-card, .at-ad-offer, .stat, .value-item) {
  border: 0 !important; border-radius: 22px !important; box-shadow: var(--atp-shadow) !important;
}
body.autotaktas-prototype main :is(.calculator-card, .result-card, .form-card, .contact-item, .service-card, .faq-item, .author-card, .info-panel .explanation, .policy-nav, .policy-content, .map-card) { background: #fff !important; }
body.autotaktas-prototype main > section.hero :is(.value-item, .stat) { box-shadow: none !important; }
body.autotaktas-prototype main .important-card { background: var(--atp-dark) !important; color: #fff !important; }
body.autotaktas-prototype main .important-card :is(h2, h3, p, li, strong) { color: inherit !important; }
body.autotaktas-prototype main .important-card p, body.autotaktas-prototype main .important-card li { color: #c3cad3 !important; }
body.autotaktas-prototype main :is(.result-icon, .icon-tile, .service-icon, .hero-icon) { border-radius: 16px !important; background: var(--atp-soft) !important; color: #5c4600 !important; border: 0 !important; }
body.autotaktas-prototype main .result-card strong, body.autotaktas-prototype main .stat strong { font-family: var(--atx-display); font-variant-numeric: tabular-nums; }

/* Buttons: yellow pills */
body.autotaktas-prototype main :is(.calculate-button, .yellow-button, .dark-button, .wpcf7-submit, .swap-button, input[type="submit"], .contact-strip a) {
  border-radius: 999px !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; transition: transform .2s var(--atp-ease), background-color .3s var(--atp-ease) !important;
}
body.autotaktas-prototype main :is(.calculate-button, .yellow-button, .wpcf7-submit, input[type="submit"]) { background: var(--atp-yellow) !important; color: var(--atp-dark) !important; border: 0 !important; }
body.autotaktas-prototype main :is(.calculate-button, .yellow-button, .wpcf7-submit, input[type="submit"]):hover { background: #ffd23d !important; }
body.autotaktas-prototype main .dark-button { background: var(--atp-dark) !important; color: #fff !important; border: 0 !important; }
body.autotaktas-prototype main :is(.calculate-button, .yellow-button, .dark-button, .wpcf7-submit):active { transform: scale(.98); }
body.autotaktas-prototype main .swap-button { background: var(--atp-dark) !important; color: var(--atp-yellow) !important; }

/* Fields */
body.autotaktas-prototype main :is(.calculator-card, .form-card) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
  border: 0 !important; border-radius: 12px !important; background: var(--atp-ground) !important; box-shadow: inset 0 0 0 1px transparent !important; font-weight: 600 !important; transition: box-shadow .3s var(--atp-ease), background-color .3s var(--atp-ease);
}
body.autotaktas-prototype main :is(.calculator-card, .form-card) :is(input, select, textarea):focus { outline: none !important; background: #fff !important; box-shadow: inset 0 0 0 2px var(--atp-yellow) !important; }
body.autotaktas-prototype main :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--atp-dark); }

/* Legal pages */
body:is(.page-template-template-legal, .page-template-template-privacy) main .policy-nav a { border-radius: 12px; }
body:is(.page-template-template-legal, .page-template-template-privacy) main .policy-nav a.active { background: var(--atp-dark) !important; color: #fff !important; }
body:is(.page-template-template-legal, .page-template-template-privacy) main .legal-copy { font-size: 16.5px; line-height: 1.75; color: #2c323a; }
body:is(.page-template-template-legal, .page-template-template-privacy) main .legal-copy a { color: var(--atp-ink); text-decoration-color: var(--atp-yellow); text-decoration-thickness: 2px; text-underline-offset: 3px; }
body:is(.page-template-template-legal, .page-template-template-privacy) main .legal-layout { margin-top: 28px; }

/* About */
body.page-template-template-about main .author-card img { border-radius: 20px; }
body.page-template-template-about main .authors-section, body.page-template-template-about main .mission-section { background: transparent !important; }

/* Advertising */
body.page-template-template-advertising main .faq-question { font-weight: 700; }
body.page-template-template-advertising main .contact-strip { border-radius: 28px; width: min(calc(100% - 48px), 1600px); margin-inline: auto; overflow: hidden; }

@media (max-width: 760px) {
  body.autotaktas-prototype main > section.hero, body.autotaktas-prototype main > section.page-intro { width: calc(100% - 32px); margin-top: 14px !important; border-radius: 22px; }
  body:is(.page-template-template-tire-calculator, .page-template-template-fuel-calculator, .page-template-template-alcohol-calculator, .page-template-template-emissions-calculator) main > section.page-intro { padding: 28px 20px !important; }
  body.page-template-template-advertising main .contact-strip { width: calc(100% - 32px); border-radius: 22px; }
}
body.page-template-template-contact main .icon-tile { background: var(--atp-dark) !important; color: var(--atp-yellow) !important; }