/* =========================================
   SINGLE LISTING: 2-COL (CONTENT + SIDEBAR)
   ========================================= */

/* Constrain and center the whole page */
body.single-auto-listing .wp-site-blocks,
.auto-listings-single,
.auto-listings-single .wp-block-post-content,
.auto-listings-single .container {
  max-width: 1140px;
  margin-inline: auto;
  padding-inline: 20px;
}

/* Base two-column shell */
.auto-listings-single .wp-block-post-content,
.auto-listings-single .auto-listings-container,
body.single-auto-listing .site-content,
body.single-auto-listing .content-sidebar-wrap {
  display: grid;
  grid-template-columns: 1.7fr 1fr;  /* ~63% / 37% */
  gap: 32px;
  align-items: start;
}

/* Map common classnames to the left/right grid cells */
.auto-listings-single .content,
.auto-listings-single .content-area,
.auto-listings-single .entry-content {
  grid-column: 1;
  min-width: 0;  /* allows text to shrink properly */
}

.auto-listings-single .sidebar,
.auto-listings-single .widget-area {
  grid-column: 2;
}

/* Make the description/tabs clearly belong to the left column */
.auto-listings-single .entry-content,
.auto-listings-single .al-tabs,
.auto-listings-single .auto-listings-meta,
.auto-listings-single .auto-listings-details {
  grid-column: 1;
}

/* Gallery should respect left column width */
.auto-listings-single .auto-listings-gallery,
.auto-listings-single .auto-listings-gallery .slides,
.auto-listings-single .auto-listings-gallery .slides li,
.auto-listings-single .auto-listings-gallery img {
  width: 100% !important;
  height: auto !important;
}

/* Calmer H1 size */
.auto-listings-single h1.entry-title,
.auto-listings-single .title.entry-title {
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.15;
  margin: 12px 0 8px;
}

/* Space under gallery before text/tabs */
.auto-listings-single .entry-content,
.auto-listings-single .al-tabs {
  margin-top: 18px;
}

/* Sidebar card niceties (optional) */
.auto-listings-single .widget-area .widget,
.auto-listings-single .sidebar .widget {
  background: #f6f6f6;
  padding: 16px;
  border-radius: 8px;
}

/* Collapse to single column on mobile */
@media (max-width: 960px) {
  .auto-listings-single .wp-block-post-content,
  .auto-listings-single .auto-listings-container,
  body.single-auto-listing .site-content,
  body.single-auto-listing .content-sidebar-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .auto-listings-single .sidebar,
  .auto-listings-single .widget-area {
    grid-column: 1;
  }
}

/* Mobile padding */
@media (max-width: 782px) {
  body.single-auto-listing .wp-site-blocks,
  .auto-listings-single,
  .auto-listings-single .wp-block-post-content {
    padding-inline: 16px;
  }
}