/*
 * GovFleet Motors call bar normalization.
 *
 * Only the OUTER above-header wrapper paints the background.
 * Every nested Astra call-bar element stays transparent.
 * Applies to desktop and mobile.
 */

/* One solid background across the complete call bar. */
#masthead .ast-above-header-wrap {
    background: #08111f !important;
    background-color: #08111f !important;
}

/* Every layer inside the call bar is transparent. */
#masthead .ast-above-header-bar,
#masthead .site-above-header-wrap,
#masthead .ast-above-header-wrap .ast-builder-grid-row-container,
#masthead .ast-above-header-wrap .ast-builder-grid-row,
#masthead .ast-above-header-wrap .site-header-above-section-center,
#masthead .ast-above-header-wrap .ast-header-html-1,
#masthead .ast-above-header-wrap .ast-header-html,
#masthead .ast-above-header-wrap .ast-builder-html-element,
#masthead .ast-above-header-wrap .ast-builder-html-element p,
#masthead .ast-above-header-wrap .ast-builder-html-element a,
#masthead .ast-above-header-wrap .ast-builder-html-element strong {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Keep desktop row unconstrained. */
#ast-desktop-header .ast-above-header-wrap,
#ast-desktop-header .ast-above-header-bar,
#ast-desktop-header .site-above-header-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Temporary sticky call-bar shadow test */
#masthead .ast-above-header-wrap,
#masthead .site-above-header-wrap {
    box-shadow: none !important;
}


/* ==========================================================
   GOVFLEET MOTORS
   PHASE 1 — LIGHT GOVERNMENT / MUNICIPAL FLEET DESIGN
   Homepage + Listings archive only
   ========================================================== */

/*
 * Design palette
 *
 * Navy header:     #08111f
 * Page background: #f4f7fb
 * Card background: #ffffff
 * Main text:       #263442
 * Heading navy:    #17324d
 * Muted text:      #667789
 * Border:          #d9e1ea
 * Action blue:     #245fa8
 * Accent orange:   #fb9f06
 */


/* ----------------------------------------------------------
   PAGE CANVAS
   ---------------------------------------------------------- */

body.home,
body.post-type-archive-auto-listing {
    background: #f4f7fb !important;
}

body.home .site,
body.home .site-content,
body.home #content,
body.home .site-main,

body.post-type-archive-auto-listing .site,
body.post-type-archive-auto-listing .site-content,
body.post-type-archive-auto-listing #content,
body.post-type-archive-auto-listing .site-main {
    background: #f4f7fb !important;
}


/* Main content containers */

body.home .site-content > .ast-container,
body.post-type-archive-auto-listing .site-content > .ast-container {
    background: transparent !important;
}


/* ----------------------------------------------------------
   KEEP HEADER OFFICIAL / NAVY
   ---------------------------------------------------------- */

body.home .site-header,
body.home .main-header-bar,
body.home .ast-primary-header-bar,

body.post-type-archive-auto-listing .site-header,
body.post-type-archive-auto-listing .main-header-bar,
body.post-type-archive-auto-listing .ast-primary-header-bar {
    background: #08111f !important;
}


/* Sticky call bar stays navy */

#masthead .ast-above-header-wrap {
    background: #08111f !important;
}


/* ----------------------------------------------------------
   GENERAL CONTENT TYPOGRAPHY
   ---------------------------------------------------------- */

body.home .site-main h1,
body.home .site-main h2,
body.home .site-main h3,
body.home .site-main h4,

body.post-type-archive-auto-listing .site-main h1,
body.post-type-archive-auto-listing .site-main h2,
body.post-type-archive-auto-listing .site-main h3,
body.post-type-archive-auto-listing .site-main h4 {
    color: #17324d !important;
}

body.home .site-main p,
body.home .site-main li,

body.post-type-archive-auto-listing .site-main p,
body.post-type-archive-auto-listing .site-main li {
    color: #263442 !important;
}


/* ----------------------------------------------------------
   HOMEPAGE CONTENT SURFACES
   ---------------------------------------------------------- */

body.home article,
body.home .entry-content,
body.home .elementor-section,
body.home .elementor-container,
body.home .elementor-column-wrap,
body.home .elementor-widget-wrap {
    background-color: transparent !important;
}


/* ----------------------------------------------------------
   INVENTORY CARDS — WHITE / CLEAN / PROFESSIONAL
   ---------------------------------------------------------- */

body.home .auto-listings .listing,
body.home .auto-listings li,
body.home .auto-listings .auto-listing,
body.home [class*="listing"] article,

body.post-type-archive-auto-listing .auto-listings .listing,
body.post-type-archive-auto-listing .auto-listings li,
body.post-type-archive-auto-listing .auto-listings .auto-listing,
body.post-type-archive-auto-listing [class*="listing"] article {
    background: #ffffff !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(28, 48, 70, 0.08) !important;
}


/* Card hover — subtle, not flashy */

body.home .auto-listings .listing:hover,
body.home .auto-listings li:hover,
body.home .auto-listings .auto-listing:hover,

body.post-type-archive-auto-listing .auto-listings .listing:hover,
body.post-type-archive-auto-listing .auto-listings li:hover,
body.post-type-archive-auto-listing .auto-listings .auto-listing:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(28, 48, 70, 0.12) !important;
}


/* Vehicle titles */

body.home .auto-listings .listing-title,
body.home .auto-listings .listing-title a,
body.home .auto-listings .title,
body.home .auto-listings .title a,
body.home [class*="listing"] h2,
body.home [class*="listing"] h3,
body.home [class*="listing"] .title,
body.home [class*="listing"] .title a,

body.post-type-archive-auto-listing .auto-listings .listing-title,
body.post-type-archive-auto-listing .auto-listings .listing-title a,
body.post-type-archive-auto-listing .auto-listings .title,
body.post-type-archive-auto-listing .auto-listings .title a,
body.post-type-archive-auto-listing [class*="listing"] h2,
body.post-type-archive-auto-listing [class*="listing"] h3,
body.post-type-archive-auto-listing [class*="listing"] .title,
body.post-type-archive-auto-listing [class*="listing"] .title a {
    color: #17324d !important;
}


/* Price */

body.home .auto-listings .price,
body.home .auto-listings .listing-price,

body.post-type-archive-auto-listing .auto-listings .price,
body.post-type-archive-auto-listing .auto-listings .listing-price {
    color: #245fa8 !important;
    font-weight: 700 !important;
}


/* Listing supporting text */

body.home .auto-listings .listing-meta,
body.home .auto-listings .listing-meta *,
body.home .auto-listings .listing-excerpt,
body.home .auto-listings .listing-excerpt p,

body.post-type-archive-auto-listing .auto-listings .listing-meta,
body.post-type-archive-auto-listing .auto-listings .listing-meta *,
body.post-type-archive-auto-listing .auto-listings .listing-excerpt,
body.post-type-archive-auto-listing .auto-listings .listing-excerpt p {
    color: #667789 !important;
}


/* ----------------------------------------------------------
   BUTTONS — OFFICIAL BLUE
   ---------------------------------------------------------- */

body.home .site-main .button,
body.home .site-main .ast-button,
body.home .site-main button,
body.home .site-main input[type="button"],
body.home .site-main input[type="submit"],

body.post-type-archive-auto-listing .site-main .button,
body.post-type-archive-auto-listing .site-main .ast-button,
body.post-type-archive-auto-listing .site-main button,
body.post-type-archive-auto-listing .site-main input[type="button"],
body.post-type-archive-auto-listing .site-main input[type="submit"] {
    background: #245fa8 !important;
    border-color: #245fa8 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}


/* Button hover */

body.home .site-main .button:hover,
body.home .site-main .ast-button:hover,
body.home .site-main button:hover,

body.post-type-archive-auto-listing .site-main .button:hover,
body.post-type-archive-auto-listing .site-main .ast-button:hover,
body.post-type-archive-auto-listing .site-main button:hover {
    background: #194b86 !important;
    border-color: #194b86 !important;
    color: #ffffff !important;
}


/* ----------------------------------------------------------
   LINKS / ACCENT
   ---------------------------------------------------------- */

body.home .site-main a:not(.button),
body.post-type-archive-auto-listing .site-main a:not(.button) {
    color: #245fa8;
}

body.home .site-main a:not(.button):hover,
body.post-type-archive-auto-listing .site-main a:not(.button):hover {
    color: #17324d;
}


/* ----------------------------------------------------------
   FOOTER — KEEP ANCHORED IN NAVY
   ---------------------------------------------------------- */

body.home .site-footer,
body.home #colophon,
body.post-type-archive-auto-listing .site-footer,
body.post-type-archive-auto-listing #colophon {
    background: #17324d !important;
}

body.home .site-footer p,
body.home .site-footer li,
body.home .site-footer a,
body.post-type-archive-auto-listing .site-footer p,
body.post-type-archive-auto-listing .site-footer li,
body.post-type-archive-auto-listing .site-footer a {
    color: #e7edf4 !important;
}


/* Footer headings */

body.home .site-footer h2,
body.home .site-footer h3,
body.home .site-footer h4,
body.post-type-archive-auto-listing .site-footer h2,
body.post-type-archive-auto-listing .site-footer h3,
body.post-type-archive-auto-listing .site-footer h4 {
    color: #ffffff !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 768px) {

    body.home .site-content,
    body.post-type-archive-auto-listing .site-content {
        background: #f4f7fb !important;
    }

    body.home .auto-listings .listing,
    body.home .auto-listings li,
    body.post-type-archive-auto-listing .auto-listings .listing,
    body.post-type-archive-auto-listing .auto-listings li {
        border-radius: 8px !important;
    }
}


/* === END GOVFLEET PHASE 1 LIGHT GOVERNMENT SKIN === */


/* ==========================================================
   GOVFLEET MOTORS
   PHASE 2 — LIGHT GOVERNMENT INVENTORY CARDS
   ========================================================== */

/* Complete listing card surface */
body.post-type-archive-auto-listing .auto-listings-items > li,
body.post-type-archive-auto-listing .auto-listings-items .listing,
body.post-type-archive-auto-listing .auto-listings-items .auto-listing,
body.home .auto-listings-items > li,
body.home .auto-listings-items .listing,
body.home .auto-listings-items .auto-listing {
    background: #ffffff !important;
    color: #263442 !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(28,48,70,0.08) !important;
    overflow: hidden !important;
}

/* Card content / summary areas */
body.post-type-archive-auto-listing .auto-listings-items .summary,
body.post-type-archive-auto-listing .auto-listings-items .content,
body.post-type-archive-auto-listing .auto-listings-items .listing-content,
body.home .auto-listings-items .summary,
body.home .auto-listings-items .content,
body.home .auto-listings-items .listing-content {
    background: #ffffff !important;
    color: #263442 !important;
}

/* Vehicle titles */
body.post-type-archive-auto-listing .auto-listings-items h2,
body.post-type-archive-auto-listing .auto-listings-items h3,
body.post-type-archive-auto-listing .auto-listings-items h4,
body.post-type-archive-auto-listing .auto-listings-items .title,
body.post-type-archive-auto-listing .auto-listings-items .title a,
body.post-type-archive-auto-listing .auto-listings-items .listing-title,
body.post-type-archive-auto-listing .auto-listings-items .listing-title a,
body.home .auto-listings-items h2,
body.home .auto-listings-items h3,
body.home .auto-listings-items h4,
body.home .auto-listings-items .title,
body.home .auto-listings-items .title a,
body.home .auto-listings-items .listing-title,
body.home .auto-listings-items .listing-title a {
    color: #17324d !important;
}

/* Normal card text */
body.post-type-archive-auto-listing .auto-listings-items p,
body.post-type-archive-auto-listing .auto-listings-items li,
body.post-type-archive-auto-listing .auto-listings-items span,
body.post-type-archive-auto-listing .auto-listings-items div,
body.home .auto-listings-items p,
body.home .auto-listings-items li,
body.home .auto-listings-items span,
body.home .auto-listings-items div {
    color: #526477;
}

/* Price */
body.post-type-archive-auto-listing .auto-listings-items .price,
body.post-type-archive-auto-listing .auto-listings-items .listing-price,
body.home .auto-listings-items .price,
body.home .auto-listings-items .listing-price {
    color: #245fa8 !important;
    font-weight: 800 !important;
}

/* Category/type links — logo-inspired gold accent */
body.post-type-archive-auto-listing .auto-listings-items .listing-type,
body.post-type-archive-auto-listing .auto-listings-items .listing-type a,
body.post-type-archive-auto-listing .auto-listings-items .type,
body.post-type-archive-auto-listing .auto-listings-items .type a,
body.home .auto-listings-items .listing-type,
body.home .auto-listings-items .listing-type a,
body.home .auto-listings-items .type,
body.home .auto-listings-items .type a {
    color: #b87900 !important;
}

/* Card separators */
body.post-type-archive-auto-listing .auto-listings-items hr,
body.home .auto-listings-items hr {
    border-color: #d9e1ea !important;
}

/* Card links */
body.post-type-archive-auto-listing .auto-listings-items a,
body.home .auto-listings-items a {
    text-decoration: none;
}

/* Subtle professional hover */
body.post-type-archive-auto-listing .auto-listings-items > li:hover,
body.home .auto-listings-items > li:hover {
    box-shadow: 0 8px 22px rgba(28,48,70,0.12) !important;
}

/* === END PHASE 2 === */


/* ==========================================================
   GOVFLEET MOTORS
   PHASE 3 — INVENTORY DETAIL POLISH
   ========================================================== */


/* Mileage / category pills — light government style */
body.post-type-archive-auto-listing .auto-listings-items .at-a-glance li,
body.post-type-archive-auto-listing .auto-listings-items .listing-meta span,
body.post-type-archive-auto-listing .auto-listings-items .listing-type,
body.post-type-archive-auto-listing .auto-listings-items .type,

body.home .auto-listings-items .at-a-glance li,
body.home .auto-listings-items .listing-meta span,
body.home .auto-listings-items .listing-type,
body.home .auto-listings-items .type {
    background: #eef3f8 !important;
    border: 1px solid #d5dee8 !important;
    color: #38516a !important;
    box-shadow: none !important;
}


/* Text and links inside those pills */
body.post-type-archive-auto-listing .auto-listings-items .at-a-glance li *,
body.post-type-archive-auto-listing .auto-listings-items .listing-meta span *,
body.post-type-archive-auto-listing .auto-listings-items .listing-type *,
body.post-type-archive-auto-listing .auto-listings-items .type *,

body.home .auto-listings-items .at-a-glance li *,
body.home .auto-listings-items .listing-meta span *,
body.home .auto-listings-items .listing-type *,
body.home .auto-listings-items .type * {
    color: #38516a !important;
}


/* Category links get restrained brand-blue emphasis */
body.post-type-archive-auto-listing .auto-listings-items .listing-type a,
body.post-type-archive-auto-listing .auto-listings-items .type a,
body.home .auto-listings-items .listing-type a,
body.home .auto-listings-items .type a {
    color: #245fa8 !important;
    font-weight: 600 !important;
}


/* Make card separators subtle */
body.post-type-archive-auto-listing .auto-listings-items hr,
body.post-type-archive-auto-listing .auto-listings-items .divider,
body.home .auto-listings-items hr,
body.home .auto-listings-items .divider {
    border-color: #d9e1ea !important;
    background-color: #d9e1ea !important;
}


/* Checklist / feature text */
body.post-type-archive-auto-listing .auto-listings-items .description,
body.post-type-archive-auto-listing .auto-listings-items .description *,
body.post-type-archive-auto-listing .auto-listings-items .summary,
body.home .auto-listings-items .description,
body.home .auto-listings-items .description *,
body.home .auto-listings-items .summary {
    color: #34495e !important;
}


/* More Details button */
body.post-type-archive-auto-listing .auto-listings-items .button,
body.post-type-archive-auto-listing .auto-listings-items a.button,
body.home .auto-listings-items .button,
body.home .auto-listings-items a.button {
    background: #245fa8 !important;
    border: 1px solid #245fa8 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}


/* Make absolutely sure nested button text stays white */
body.post-type-archive-auto-listing .auto-listings-items .button *,
body.post-type-archive-auto-listing .auto-listings-items a.button *,
body.home .auto-listings-items .button *,
body.home .auto-listings-items a.button * {
    color: #ffffff !important;
}


/* Button hover */
body.post-type-archive-auto-listing .auto-listings-items .button:hover,
body.post-type-archive-auto-listing .auto-listings-items a.button:hover,
body.home .auto-listings-items .button:hover,
body.home .auto-listings-items a.button:hover {
    background: #194b86 !important;
    border-color: #194b86 !important;
    color: #ffffff !important;
}


/* Used Vehicle / secondary status text */
body.post-type-archive-auto-listing .auto-listings-items .condition,
body.home .auto-listings-items .condition {
    color: #667789 !important;
}


/* Slightly cleaner card footer spacing */
body.post-type-archive-auto-listing .auto-listings-items .summary,
body.home .auto-listings-items .summary {
    padding-bottom: 16px !important;
}


/* === END PHASE 3 === */


/* ==========================================================
   GOVFLEET MOTORS
   PHASE 4 — GOVERNMENT HEADER / UTILITY BAR / BUTTONS
   ========================================================== */


/* ----------------------------------------------------------
   PRIMARY LOGO + NAVIGATION BAR
   Lighter government navy
   ---------------------------------------------------------- */

#masthead .ast-main-header-wrap,
#masthead .ast-primary-header-bar,
#masthead .site-primary-header-wrap {
    background: #173b5f !important;
    background-color: #173b5f !important;
}


/* Navigation buttons slightly deeper than header */
#masthead .main-header-menu > .menu-item > .menu-link {
    background: #12324f !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.10) !important;
}


/* Navigation hover */
#masthead .main-header-menu > .menu-item > .menu-link:hover {
    background: #24557f !important;
    color: #ffffff !important;
}


/* ----------------------------------------------------------
   STICKY CALL / TEXT UTILITY BAR
   Deliberately darker than primary header
   ---------------------------------------------------------- */

#masthead .ast-above-header-wrap {
    background: #0d2944 !important;
    background-color: #0d2944 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.16) !important;
}


/* Keep all nested call-bar layers transparent */
#masthead .ast-above-header-bar,
#masthead .site-above-header-wrap,
#masthead .ast-above-header-wrap .ast-builder-grid-row-container,
#masthead .ast-above-header-wrap .ast-builder-grid-row,
#masthead .ast-above-header-wrap .site-header-above-section-center,
#masthead .ast-above-header-wrap .ast-header-html-1,
#masthead .ast-above-header-wrap .ast-header-html,
#masthead .ast-above-header-wrap .ast-builder-html-element,
#masthead .ast-above-header-wrap .ast-builder-html-element p,
#masthead .ast-above-header-wrap .ast-builder-html-element a {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* Call-bar text */
#masthead .ast-above-header-wrap .ast-builder-html-element,
#masthead .ast-above-header-wrap .ast-builder-html-element a {
    color: #ffffff !important;
}


/* Phone number retains logo orange */
#masthead .ast-above-header-wrap .ast-builder-html-element strong,
#masthead .ast-above-header-wrap .ast-builder-html-element a strong {
    color: #fb9f06 !important;
}


/* ----------------------------------------------------------
   ACTUAL AUTO LISTINGS "MORE DETAILS" BUTTON
   ---------------------------------------------------------- */

body.post-type-archive-auto-listing .auto-listings-items a.al-button,
body.home .auto-listings-items a.al-button {
    display: inline-block !important;
    background: #245fa8 !important;
    background-color: #245fa8 !important;
    border: 1px solid #245fa8 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 11px 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}


/* Arrow inside More Details */
body.post-type-archive-auto-listing .auto-listings-items a.al-button i,
body.home .auto-listings-items a.al-button i {
    color: #ffffff !important;
}


/* More Details hover */
body.post-type-archive-auto-listing .auto-listings-items a.al-button:hover,
body.home .auto-listings-items a.al-button:hover {
    background: #194b86 !important;
    background-color: #194b86 !important;
    border-color: #194b86 !important;
    color: #ffffff !important;
}


/* Used Vehicle label */
body.post-type-archive-auto-listing .auto-listings-items .bottom-wrap .condition,
body.home .auto-listings-items .bottom-wrap .condition {
    color: #667789 !important;
}


/* === END PHASE 4 === */


/* ==========================================================
   GOVFLEET MOTORS
   PHASE 5 — RESPONSIVE STICKY UTILITY BAR + MOBILE READABILITY
   ========================================================== */


/* ----------------------------------------------------------
   STICKY CALL / TEXT BAR
   Desktop + mobile
   ---------------------------------------------------------- */

#masthead .ast-above-header-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #0d2944 !important;
    background-color: #0d2944 !important;

    z-index: 99999 !important;

    box-shadow: 0 1px 4px rgba(0,0,0,0.14) !important;
}


/* Every inner utility-bar layer inherits transparency */
#masthead .ast-above-header-bar,
#masthead .site-above-header-wrap,
#masthead .ast-above-header-wrap .ast-builder-grid-row-container,
#masthead .ast-above-header-wrap .ast-builder-grid-row,
#masthead .ast-above-header-wrap .site-header-above-section-center,
#masthead .ast-above-header-wrap .ast-header-html-1,
#masthead .ast-above-header-wrap .ast-header-html,
#masthead .ast-above-header-wrap .ast-builder-html-element {
    width: 100% !important;
    max-width: none !important;

    min-height: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
}


/* Center the phone content */
#masthead .ast-above-header-wrap .ast-builder-grid-row,
#masthead .ast-above-header-wrap .site-header-above-section-center,
#masthead .ast-above-header-wrap .ast-header-html-1,
#masthead .ast-above-header-wrap .ast-header-html,
#masthead .ast-above-header-wrap .ast-builder-html-element {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Kill paragraph spacing */
#masthead .ast-above-header-wrap .ast-builder-html-element p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    background: transparent !important;
}


/* Ignore the legacy BR spacing visually */
#masthead .ast-above-header-wrap .ast-builder-html-element br {
    display: none !important;
}


/* Click-to-call link */
#masthead .ast-above-header-wrap .ast-builder-html-element a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    background: transparent !important;
    text-decoration: none !important;
}


/* Brand-orange phone number */
#masthead .ast-above-header-wrap .ast-builder-html-element strong {
    color: #fb9f06 !important;
}


/* Leave room beneath fixed utility bar */
#page {
    padding-top: 34px !important;
}


/* ----------------------------------------------------------
   MAIN GOVERNMENT HEADER
   ---------------------------------------------------------- */

#masthead .ast-main-header-wrap,
#masthead .ast-primary-header-bar,
#masthead .site-primary-header-wrap {
    background: #173b5f !important;
    background-color: #173b5f !important;
}


/* ----------------------------------------------------------
   MOBILE LISTINGS READABILITY
   ---------------------------------------------------------- */

@media (max-width: 921px) {

    body.post-type-archive-auto-listing,
    body.post-type-archive-auto-listing .site,
    body.post-type-archive-auto-listing .site-content,
    body.post-type-archive-auto-listing .site-main {
        background: #f4f7fb !important;
        color: #263442 !important;
    }

    /* General mobile text on the light content canvas */
    body.post-type-archive-auto-listing .site-main p,
    body.post-type-archive-auto-listing .site-main li,
    body.post-type-archive-auto-listing .site-main label,
    body.post-type-archive-auto-listing .site-main span {
        color: #34495e !important;
    }

    /* Headings */
    body.post-type-archive-auto-listing .site-main h1,
    body.post-type-archive-auto-listing .site-main h2,
    body.post-type-archive-auto-listing .site-main h3,
    body.post-type-archive-auto-listing .site-main h4 {
        color: #17324d !important;
    }

    /* Vehicle-card links */
    body.post-type-archive-auto-listing .auto-listings-items a {
        color: #245fa8;
    }

    /* Preserve white button text */
    body.post-type-archive-auto-listing .auto-listings-items a.al-button,
    body.post-type-archive-auto-listing .auto-listings-items a.al-button *,
    body.post-type-archive-auto-listing .site-main .button,
    body.post-type-archive-auto-listing .site-main button {
        color: #ffffff !important;
    }

    /* Sticky call-bar text size on phones */
    #masthead .ast-above-header-wrap .ast-builder-html-element a {
        font-size: 15px !important;
    }
}


/* === END PHASE 5 === */


/* ==========================================================
   GOVFLEET MOTORS
   PHASE 6 — MOBILE INTRO TYPOGRAPHY + SAFE SIDE PADDING
   ========================================================== */

@media (max-width: 768px) {

    /* ------------------------------------------------------
       HOMEPAGE INTRO
       Elementor container c75c2dc
       ------------------------------------------------------ */

    body.home .elementor-element-c75c2dc {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Homepage intro heading */
    body.home .elementor-element-815afd3,
    body.home .elementor-element-815afd3 .elementor-widget-container,
    body.home .elementor-element-815afd3 .elementor-heading-title,
    body.home .elementor-element-815afd3 .elementor-heading-title a {
        color: #17324d !important;
    }

    body.home .elementor-element-815afd3 .elementor-heading-title {
        font-size: 30px !important;
        line-height: 1.18 !important;
        margin-bottom: 14px !important;
    }

    /* Homepage intro paragraph */
    body.home .elementor-element-32b2171,
    body.home .elementor-element-32b2171 .elementor-widget-container,
    body.home .elementor-element-32b2171 p {
        color: #34495e !important;
    }

    body.home .elementor-element-32b2171 p {
        font-size: 17px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }


    /* ------------------------------------------------------
       LISTINGS ARCHIVE INTRO
       ------------------------------------------------------ */

    body.post-type-archive-auto-listing .full-width.upper {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    body.post-type-archive-auto-listing .full-width.upper .page-title {
        color: #17324d !important;
        font-size: 30px !important;
        line-height: 1.18 !important;
        margin-bottom: 18px !important;
    }

    body.post-type-archive-auto-listing .full-width.upper .page-description,
    body.post-type-archive-auto-listing .full-width.upper .page-description p,
    body.post-type-archive-auto-listing .full-width.upper .page-description span,
    body.post-type-archive-auto-listing .full-width.upper .page-description label {
        color: #34495e !important;
    }


    /* ------------------------------------------------------
       GENERAL MOBILE CONTENT GUTTERS
       Preserve full-width images/cards where appropriate.
       ------------------------------------------------------ */

    body.home .elementor-355 {
        overflow-x: hidden !important;
    }

    body.post-type-archive-auto-listing #primary {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

}


/* Extra breathing room on narrow phones */
@media (max-width: 544px) {

    body.home .elementor-element-c75c2dc {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.post-type-archive-auto-listing .full-width.upper {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

}


/* === END PHASE 6 === */