/* ARPIA (/arpia/): the "application types" sections, restructured by
   src/lib/arpiaLayout.ts - cards 01/02 with their X-ray image, and the cargo
   type (03) with one accordion item per topic over its photo. Loaded after
   arpia.css (the page's renderer); every rule is scoped to this page's
   elements. */

/* ---------------------------------------------- 3 main application types */
.elementor-1415 .elementor-element.elementor-element-2148e35 { --align-items: center; align-items: center; }
.elementor-1415 .elementor-element.elementor-element-0b8b080 .elementor-heading-title { font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, 0.82); }
.elementor-1415 .elementor-element.elementor-element-68618b3:has(.vmi-ai-types) { --margin-top: 48px; --margin-bottom: 0px; }
.elementor-1415 .elementor-element.elementor-element-e8556a9:has(.vmi-ai-types) { --container-widget-width: 100%; width: 100%; max-width: 100%; }

.elementor-1415 .vmi-ai-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.elementor-1415 .vmi-ai-type { display: flex; flex-direction: column; background: #151515; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; padding-bottom: 28px; transition: border-color 0.2s, transform 0.2s; }
.elementor-1415 .vmi-ai-type:hover { border-color: #f6b600; transform: translateY(-3px); }
/* the X-ray captures are small (262px) on a white ground: shown at their size on a light tile */
.elementor-1415 .vmi-ai-type-img { margin: 0; height: 240px; display: flex; align-items: center; justify-content: center; background: #f4f4f4; }
.elementor-1415 .vmi-ai-type-img img { display: block; width: auto; max-width: 80%; max-height: 210px; object-fit: contain; }
.elementor-1415 .vmi-ai-type-num { display: block; margin: 28px 32px 0; font-size: 44px; font-weight: 800; line-height: 1; color: #f6b600; }
.elementor-1415 .vmi-ai-type h3 { margin: 14px 32px 16px; font-size: 26px; font-weight: 700; line-height: 1.2; color: #fff; }
.elementor-1415 .vmi-ai-type p { margin: 0 32px 14px; font-size: 16px; line-height: 1.65; color: rgba(255, 255, 255, 0.75); }
.elementor-1415 .vmi-ai-type ul,
.elementor-1415 .vmi-ai-acc-body ul { margin: 0 0 16px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.elementor-1415 .vmi-ai-type ul { margin: 0 32px 16px; }
.elementor-1415 .vmi-ai-type li,
.elementor-1415 .vmi-ai-acc-body li { position: relative; padding-left: 22px; font-size: 15.5px; line-height: 1.55; color: rgba(255, 255, 255, 0.78); }
.elementor-1415 .vmi-ai-type li::before,
.elementor-1415 .vmi-ai-acc-body li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 50%; background: #f6b600; }
.elementor-1415 .vmi-ai-type li strong,
.elementor-1415 .vmi-ai-acc-body li strong { color: #fff; font-weight: 700; }

/* ------------------------------------------------- 03 Trucks and Containers */
/* (only once restructured: the older copy in other languages keeps its look) */
/* darker on the text side, so the copy reads over the cargo scan */
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body)::before { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.72) 55%, rgba(0, 0, 0, 0.45) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000 100%) !important; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) { --padding-top: 96px; --padding-bottom: 96px; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-84075b8 { --gap: 32px; gap: 32px; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-wrapper .elementor-image-box-img { width: 120px; flex-shrink: 0; margin: 0 !important; order: 2; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-content { order: 1; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-description { margin: 0; font-size: 40px; font-weight: 700; line-height: 1.1; color: #fff; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-description b { font-weight: 700; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .vmi-ai-type-num { margin: 0 0 12px; }

/* the accordion: a dark panel, one row per topic, the yellow marker turns when open */
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 { --n-accordion-title-font-size: 19px; --n-accordion-icon-size: 12px; --n-accordion-padding: 20px 0; --n-accordion-title-active-color: #f6b600; width: 100%; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 > .elementor-widget-container > .e-n-accordion { background: rgba(13, 13, 13, 0.82); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 4px 32px; backdrop-filter: blur(4px); }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 .e-n-accordion-item + .e-n-accordion-item { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 .e-n-accordion-item-title { flex-direction: row-reverse; justify-content: space-between; gap: 16px; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 .e-n-accordion-item-title-icon svg { fill: #f6b600; transition: transform 0.2s; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg { transform: rotate(90deg); }
.elementor-1415 .elementor-element .elementor-heading-title.vmi-ai-acc-body { padding: 0 0 24px; font-size: 16px; font-weight: 400; line-height: 1.65; color: rgba(255, 255, 255, 0.8); }
.elementor-1415 .vmi-ai-acc-body p { margin: 0 0 14px; }
.elementor-1415 .vmi-ai-acc-body > :last-child { margin-bottom: 0; }
/* a topic that is only a list (Key Capabilities): two columns */
.elementor-1415 .vmi-ai-acc-body > ul:only-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-727489d,
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-1f02cfa,
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-fc758b1,
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-78e0c78 { --padding-top: 0px; --padding-left: 0px; --padding-right: 0px; }
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7a16f50,
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-4db6662,
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-eb48398,
.elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-c8f7dbe { width: 100%; max-width: 100%; }

/* ---------------------------------------------------------------- tablet */
@media (max-width: 1024px) {
  .elementor-1415 .elementor-element.elementor-element-329e9f3 { font-size: 48px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) { --padding-top: 72px; --padding-bottom: 72px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-description { font-size: 34px; }
  .elementor-1415 .vmi-ai-type-img { height: 210px; }
  .elementor-1415 .vmi-ai-type-num { margin: 24px 24px 0; font-size: 38px; }
  .elementor-1415 .vmi-ai-type h3 { margin: 12px 24px 14px; font-size: 22px; }
  .elementor-1415 .vmi-ai-type p { margin: 0 24px 12px; }
  .elementor-1415 .vmi-ai-type ul { margin: 0 24px 14px; }
}

/* ----------------------------------------------------------------- phone */
@media (max-width: 767px) {
  /* title over the intro, not two narrow columns */
  .elementor-1415 .elementor-element.elementor-element-2445538 { --padding-top: 64px; --padding-bottom: 64px; }
  .elementor-1415 .elementor-element.elementor-element-2148e35 { --flex-direction: column; flex-direction: column; --align-items: flex-start; align-items: flex-start; gap: 20px; }
  .elementor-1415 .elementor-element.elementor-element-329e9f3,
  .elementor-1415 .elementor-element.elementor-element-0b8b080 { --container-widget-width: 100%; width: 100% !important; max-width: 100% !important; }
  .elementor-1415 .elementor-element.elementor-element-329e9f3 > .elementor-widget-container { border-width: 0 !important; }
  .elementor-1415 .elementor-element.elementor-element-0b8b080 .elementor-heading-title { font-size: 16px; }
  .elementor-1415 .elementor-element.elementor-element-68618b3:has(.vmi-ai-types) { --margin-top: 32px; }
  .elementor-1415 .vmi-ai-types { grid-template-columns: 1fr; gap: 16px; }
  .elementor-1415 .vmi-ai-type-img { height: 200px; }
  .elementor-1415 .vmi-ai-type-num { margin: 22px 20px 0; font-size: 34px; }
  .elementor-1415 .vmi-ai-type h3 { margin: 10px 20px 12px; font-size: 21px; }
  .elementor-1415 .vmi-ai-type p { margin: 0 20px 12px; font-size: 15px; }
  .elementor-1415 .vmi-ai-type ul { margin: 0 20px 12px; }

  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) { --min-height: 0px; --padding-top: 56px; --padding-bottom: 56px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body)::before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.9) 100%) !important; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-84075b8 { --gap: 24px; gap: 24px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-wrapper { gap: 16px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-wrapper .elementor-image-box-img { width: 64px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-700441a .elementor-image-box-description { font-size: 26px; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 { --n-accordion-title-font-size: 17px; --n-accordion-padding: 16px 0; }
  .elementor-1415 .elementor-element.elementor-element-34cd643:has(.vmi-ai-acc-body) .elementor-element.elementor-element-7b9f826 > .elementor-widget-container > .e-n-accordion { padding: 2px 18px; border-radius: 16px; }
  .elementor-1415 .elementor-element .elementor-heading-title.vmi-ai-acc-body { font-size: 15px; padding-bottom: 18px; }
  .elementor-1415 .vmi-ai-acc-body > ul:only-child { grid-template-columns: 1fr; }
  .elementor-1415 .vmi-ai-type li,
  .elementor-1415 .vmi-ai-acc-body li { font-size: 15px; }
}