input[type='button'] {
  color: #000000;
  text-transform: none;
  font-family: inter;
  font-size: 16px;
  letter-spacing: 0px;
}

.footer_uwa_copyright {
  margin-top: -38px;
}

.vehicle-single-time {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff; 
}
.vehicle-listing-time {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.elementor-widget-image img[title] {
    pointer-events: none;
    content: none !important;
}

.custom-post-views {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff; 
}

.custom-post-views span {
    color: #007bff;
}

/* Force ALL single post templates to be full width */
body.single .jet-theme-core-wrapper,
body.single .elementor-page,
body.single .site-container,
body.single .content-area,
body.single .container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Ensure Elementor Sections inside ALL Single Templates are Full Width */
body.single .elementor-section-wrap,
body.single .elementor-section {
    width: 100vw !important;
    max-width: 100vw !important;
}

/* Allow Inner Containers in Elementor to Be Manually Controlled */
body.single .elementor-container {
    max-width: 100% !important;
    width: auto !important;
}

/* 🔹 Gallery Wrapper */
.vehicle-gallery-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* ⬅ was center; stretch fills the row */
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important; /* ⬅ force full width of container */
    margin: 0 auto;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

/* 🔹 Ensure Elementor wrapper doesn't constrain width */
.elementor-widget-container .vehicle-gallery-wrapper,
.elementor-element .vehicle-gallery-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* 🔹 Main Gallery Layout */
.gallery-main {
    display: flex;
    gap: 10.5px;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch;
    box-sizing: border-box;
}

/* 🔹 Main Image (SHORTER) */
.main-image {
    flex: 3 1 0;           /* ⬅ explicit flex behaviour */
    min-width: 0;          /* ⬅ prevents overflow/layout weirdness */
    position: relative;
    height: 580px;
    overflow: hidden;
}

.main-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px;
    display: block;
}

/* 🔹 Thumbnail Column (LOCK WIDTH) */
.thumbnail-column {
    flex: 1 0 0;           /* ⬅ prevents it shrinking oddly */
    min-width: 260px;      /* ⬅ keeps column visible and consistent */
    max-width: 360px;      /* ⬅ optional cap so it doesn’t get too wide */
    display: flex;
    flex-direction: column;
    gap: 10.5px;
    height: 580px;
    overflow: hidden;
    box-sizing: border-box;
}

/* 🔹 Thumbnails */
.thumbnail {
    position: relative;
    width: 100%;
    height: calc((580px - (10.5px * 2)) / 3);
    overflow: hidden;
    flex-shrink: 0;
}

.thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px;
    display: block;
}

/* 🔹 "All Photos (X)" Tile */
.all-photos {
    position: relative;
    width: 100%;
    height: calc((580px - (10.5px * 2)) / 3);
    overflow: hidden;
    flex-shrink: 0;
}

.all-photos img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px;
    display: block;
}

/* 🔹 Overlay */
.all-photos-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.all-photos-text {
    color: white !important;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

/* 🔹 Fancybox */
.fancybox__caption {
    display: none !important;
}


.custom-back-button {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: black;
    text-decoration: underline !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

#jetform-submitting-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: #000;
    text-align: center;
}

#jetform-submitting-overlay .overlay-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#jetform-submitting-overlay .spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 30px; /* 👈 spacing below spinner */
}

/* Base link style */
.jet-listing-dynamic-link {
    text-decoration: none;
    color: inherit;
}

/* Normal underline on hover only */
.jet-listing-dynamic-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px; /* optional – remove if you want default */
    text-underline-offset: 0.15em;  /* optional – makes it sit nicer */
}

/* Optional: disable underline in specific areas */
.no-underline .jet-listing-dynamic-link:hover {
    text-decoration: none !important;
}