/*
 * Layout fixes for the static Elementor export.
 * Loaded after all theme/Elementor styles so these rules win without
 * having to edit the generated inline CSS.
 */

img {
  max-width: 100%;
  height: auto;
}

/* Empty sections left over from the builder only add blank space */
.elementor-219 .elementor-element-4686f0b,
.elementor-219 .elementor-element-9a57f55 {
  display: none;
}

/* ---------- Home page ---------- */

/* Hero: three photos in a tidy, equal-height row */
.elementor-219 .elementor-element-bf68bcb .elementor-widget-image img {
  width: 100%;
  max-width: 260px;
  height: 180px;
  object-fit: cover;
  border-radius: 6px;
}

/* Hero: contact column images sized consistently */
.elementor-219 .elementor-element-d355143 .elementor-widget-image img {
  height: auto;
  object-fit: contain;
}
.elementor-219 .elementor-element-b4dd68e > .elementor-widget-container,
.elementor-219 .elementor-element-8f02d99 > .elementor-widget-container,
.elementor-219 .elementor-element-24e6c0e > .elementor-widget-container {
  margin: 12px 0;
  padding: 0;
}
.elementor-219 .elementor-element-24e6c0e img {
  width: 100%;
  max-width: 260px;
  border-radius: 6px;
}

/* Intro section: top row of photos equal height */
.elementor-219 .elementor-element-93f1843 .elementor-widget-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 6px;
}

/* 2x2 photo grid: same size tiles, no overlap with the blue box below */
.elementor-219 .elementor-element-6199a8d {
  margin-bottom: 0 !important;
  padding-bottom: 60px !important;
}
.elementor-219 .elementor-element-bc30e35 .elementor-widget-image,
.elementor-219 .elementor-element-e6781c9 .elementor-widget-image {
  text-align: center;
}
.elementor-219 .elementor-element-bc30e35 .elementor-widget-image img,
.elementor-219 .elementor-element-e6781c9 .elementor-widget-image img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 6px;
}
.elementor-219 .elementor-element-bc30e35 .elementor-widget-image > .elementor-widget-container,
.elementor-219 .elementor-element-e6781c9 .elementor-widget-image > .elementor-widget-container {
  margin: 0;
  padding: 0;
}

/* Gallery strip: square thumbnails */
.elementor-219 .elementor-element-6881c04 .elementor-widget-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .elementor-219 .elementor-element-bf68bcb .elementor-widget-image img,
  .elementor-219 .elementor-element-93f1843 .elementor-widget-image img,
  .elementor-219 .elementor-element-bc30e35 .elementor-widget-image img,
  .elementor-219 .elementor-element-e6781c9 .elementor-widget-image img {
    max-width: 100%;
    height: 220px;
  }

  /* Gallery strip: 3 per row on phones instead of one long column */
  .elementor-219 .elementor-element-6881c04 > .elementor-container > .elementor-row {
    flex-wrap: wrap;
  }
  .elementor-219 .elementor-element-6881c04 .elementor-column {
    width: 33.333% !important;
  }
  .elementor-219 .elementor-element-6881c04 .elementor-widget-wrap {
    padding: 4px !important;
  }
}

/* ---------- Sedan / pickup / van page ---------- */

/* Hero: keep the background behind the whole text and make it readable */
.elementor-493 .elementor-element-5131a13e {
  padding: 120px 20px 80px !important;
  background-attachment: scroll !important;
}
.elementor-493 .elementor-element-3d99e122 .elementor-heading-title {
  font-size: 26px !important;
  line-height: 1.6;
}

/* Photo + contact area: stack the car photo above the contact block */
.elementor-493 .elementor-element-40177ae0 > .elementor-container > .elementor-row {
  flex-wrap: wrap;
}
.elementor-493 .elementor-element-2828f573,
.elementor-493 .elementor-element-48096891 {
  width: 100% !important;
}
.elementor-493 .elementor-element-fcca34e {
  text-align: center;
}
.elementor-493 .elementor-element-fcca34e > .elementor-widget-container {
  margin: 0 0 24px;
}
.elementor-493 .elementor-element-fcca34e img {
  width: auto;
  max-width: 320px;
  height: auto;
  border-radius: 8px;
}

/* Remove the negative spacing that piled widgets on top of each other */
.elementor-493 .elementor-element-48096891 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(:last-child),
.elementor-493 .elementor-element-48096891 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-section:not(:last-child) {
  margin-bottom: 16px !important;
}
.elementor-493 .elementor-element-48096891 .elementor-widget > .elementor-widget-container {
  margin: 0 !important;
  padding: 0;
}

/* Photo banner (was two overlapping empty boxes) */
.elementor-493 .elementor-element-2e9babd {
  display: none;
}
.elementor-493 .elementor-element-44ce5982 > .elementor-widget-container {
  min-height: 320px;
  /* The original banner photo was an unrelated city street; show the pickups instead */
  background-color: #fff !important;
  background-image: url("/wp-content/uploads/2021/02/รับซื้อรถกระบะ.jpg") !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
}
.elementor-493 .elementor-element-44ce5982 pre {
  display: none;
}

/* Contact buttons centred with even spacing */
.elementor-493 .elementor-element-573e9f2 p,
.elementor-493 .elementor-element-02f4615 p,
.elementor-493 .elementor-element-9f59510 p {
  margin: 0;
  line-height: 1.4;
}
.elementor-493 .elementor-element-6074c85,
.elementor-493 .elementor-element-b7e37dd {
  text-align: center;
}
.elementor-493 .elementor-element-6074c85 img {
  width: auto;
  max-width: 220px;
  height: auto;
}
.elementor-493 .elementor-element-b7e37dd img {
  width: auto;
  max-width: 110px;
  height: auto;
}
.elementor-493 .elementor-element-1dc9bf5 .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.elementor-493 .elementor-element-40177ae0 {
  padding: 60px 20px !important;
}

/* ---------- Documents page ---------- */

/* Both document lists share the same card so the second isn't left bare */
.elementor-481 .elementor-element-7de3c27 {
  padding: 40px 20px 12px;
}
.elementor-481 .elementor-element-e248daf {
  background-color: #d7c4c4;
  padding: 12px 20px 40px;
}
.elementor-481 .elementor-element-8c1c2bc > .elementor-widget-container,
.elementor-481 .elementor-element-d150dab > .elementor-widget-container {
  background-color: #eceff3;
  background-image: none;
  padding: 24px 32px;
  border-radius: 8px;
}
.elementor-481 .elementor-element-8c1c2bc img {
  border-radius: 6px;
}

/* ---------- Short pages: keep the footer at the bottom ---------- */

#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#page > #content {
  flex: 1 0 auto;
}