/*
 * AutoMatchSA Premium Light Theme
 * Visual styling only — existing structure preserved.
 */

body.home-amcars {
    background:#f1f3f6 !important;
    color:#142338;
}

/* Bright showroom in the upper section */
body.home-amcars::before {
    opacity:.85 !important;
}

body.home-amcars::after {
    background:
        linear-gradient(
            180deg,
            rgba(9,19,32,.36) 0%,
            rgba(9,19,32,.28) 45%,
            rgba(9,19,32,.20) 100%
        ) !important;
}

/* White premium panels */
body.home-amcars .ams3-adam-panel,
body.home-amcars .ams3-buying-card,
body.home-amcars .ams3-context-card,
body.home-amcars .ams3-results {
    background:#fff !important;
    color:#142338 !important;
    border-color:#dce3eb !important;
    box-shadow:0 8px 28px rgba(24,43,66,.07) !important;
}

/* Panel headings and readable supporting text */
body.home-amcars .ams3-adam-panel-head strong,
body.home-amcars .ams3-context-head h3,
body.home-amcars .ams3-profile-start strong,
body.home-amcars .ams3-profile-row b,
body.home-amcars .ams3-results-head h2 {
    color:#142338 !important;
}

body.home-amcars .ams3-profile-start small,
body.home-amcars .ams3-profile-row,
body.home-amcars .ams3-alert-card p,
body.home-amcars .ams3-results-head p {
    color:#697b90 !important;
}

body.home-amcars .ams3-profile-row {
    border-top-color:#e5eaf0 !important;
}

/* Light navigation strip and tiles */
body.home-amcars .ams3-filters {
    background:#f1f3f6 !important;
    border-color:#e1e6ed !important;
}

body.home-amcars .ams3-filters a,
body.home-amcars .ams3-filter-more {
    background:#fff !important;
    color:#17263b !important;
    border-color:#d9e0e8 !important;
    box-shadow:0 4px 14px rgba(20,35,55,.05) !important;
}

/* Live inventory cards — same size and structure */
body.home-amcars .ams3-vehicle-card {
    background:#fff !important;
    border-color:#dce3eb !important;
    box-shadow:0 6px 20px rgba(24,43,66,.06) !important;
}

body.home-amcars .ams3-vehicle-body h3,
body.home-amcars .ams3-vehicle-price-row strong {
    color:#142338 !important;
}

body.home-amcars .ams3-vehicle-meta,
body.home-amcars .ams3-vehicle-location {
    color:#718196 !important;
}

/* Charcoal-grey action buttons */
body.home-amcars .ams3-talk,
body.home-amcars .ams3-view-vehicle,
body.home-amcars .ams3-profile-action,
body.home-amcars .ams3-result-cta,
body.home-amcars .amcars-btn.primary {
    background:#626b76 !important;
    border-color:#626b76 !important;
    color:#fff !important;
    box-shadow:0 6px 16px rgba(28,40,55,.12) !important;
}

body.home-amcars .ams3-talk:hover,
body.home-amcars .ams3-view-vehicle:hover,
body.home-amcars .ams3-profile-action:hover,
body.home-amcars .ams3-result-cta:hover,
body.home-amcars .amcars-btn.primary:hover {
    background:#454d57 !important;
    border-color:#454d57 !important;
}

/* Preserve blue brand accents and Adam glow */
body.home-amcars .ams3-vehicle-make,
body.home-amcars .ams3-results-head span {
    color:#1769df !important;
}

/* Improve hero benefit readability */
body.home-amcars .ams3-benefit strong {
    color:#fff !important;
    text-shadow:0 2px 8px rgba(0,0,0,.65);
}

body.home-amcars .ams3-benefit span {
    color:#e1e9f2 !important;
    text-shadow:0 2px 8px rgba(0,0,0,.65);
}

/* Ecosystem container follows the light page */
body.home-amcars .home-ecosystem {
    background:#fff !important;
    border-color:#dce3eb !important;
}

body.home-amcars .home-ecosystem-title {
    color:#142338 !important;
}

body.home-amcars .home-ecosystem-intro {
    color:#697b90 !important;
}

/* Adam panel: restore readable contrast on white */
body.home-amcars .ams3-adam-panel {
    color:#17263b !important;
}

body.home-amcars .ams3-adam-panel p,
body.home-amcars .ams3-adam-panel strong,
body.home-amcars .ams3-adam-panel b,
body.home-amcars .ams3-adam-panel li,
body.home-amcars .ams3-adam-panel label {
    color:#24364b !important;
}

body.home-amcars .ams3-adam-panel small,
body.home-amcars .ams3-adam-panel-head span {
    color:#667b91 !important;
}

/*
 * Homepage hero-only showroom background.
 * Preserve existing image, dimensions and page layout.
 */

/* Stop the fixed showroom background from extending down the page */
body.home-amcars::before,
body.home-amcars::after {
    position:absolute !important;
    top:0 !important;
    bottom:auto !important;
    height:900px !important;
}

/* Pure white page below the showroom */
body.home-amcars {
    background:#ffffff !important;
}

/* Adam introduction — readable on white */
body.home-amcars .ams3-adam-message {
    background:#f2f5f8 !important;
    color:#34465a !important;
}

/* Adam voice and text controls */
body.home-amcars .ams3-adam-actions button,
body.home-amcars .ams3-adam-actions a {
    background:#f8fafc !important;
    border-color:#dce3eb !important;
    color:#17263b !important;
}

body.home-amcars .ams3-adam-actions strong {
    color:#17263b !important;
}

body.home-amcars .ams3-adam-actions small {
    color:#687a8e !important;
}

/* Five conversation steps */
body.home-amcars .ams3-process span {
    color:#26384d !important;
}

body.home-amcars .ams3-process small {
    color:#1769df !important;
}

body.home-amcars .ams3-process > div:not(:last-child)::after {
    background:#dce3eb !important;
}

/* Keep the blue active step */
body.home-amcars .ams3-process .active b {
    background:#1769ff !important;
    color:#fff !important;
}

/* Credit-profile reassurance */
body.home-amcars .ams3-credit-note {
    background:#f8fafc !important;
    border-color:#dce3eb !important;
}

body.home-amcars .ams3-credit-note strong {
    color:#26384d !important;
}

body.home-amcars .ams3-credit-note span {
    color:#687a8e !important;
}

/* Premium charcoal navigation — same layout */
body.home-amcars .ams3-filters a,
body.home-amcars .ams3-filter-more {
    background:#454d57 !important;
    border-color:#454d57 !important;
    color:#fff !important;
    box-shadow:none !important;
}

body.home-amcars .ams3-filters a:hover,
body.home-amcars .ams3-filter-more:hover {
    background:#343b44 !important;
    border-color:#343b44 !important;
}

body.home-amcars .ams3-filters a.active {
    background:#1769ff !important;
    border-color:#1769ff !important;
    color:#fff !important;
}

/* Keep the surrounding navigation strip subtle */
body.home-amcars .ams3-filters {
    background:#ffffff !important;
    border-color:transparent !important;
}


/* AutoMatchSA intelligence hero — desktop positioning */
@media (min-width: 981px) {
    body.home-amcars::before {
        background-position: center 65% !important;
    }
}


/* AutoMatchSA premium dimensional discovery CTAs */
body.home-amcars .ams3-filters a {
    position:relative;
    overflow:hidden;
    background:linear-gradient(
        180deg,
        #626d7b 0%,
        #454f5d 42%,
        #303a47 100%
    ) !important;
    border:1px solid #596777 !important;
    border-top-color:#8794a3 !important;
    color:#ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -2px 3px rgba(0,0,0,.17),
        0 7px 12px rgba(17,30,48,.18),
        0 14px 25px rgba(17,30,48,.09) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.28);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;
}

body.home-amcars .ams3-filters a::before {
    content:"";
    position:absolute;
    top:0;
    left:12%;
    right:12%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(185,219,255,.75),
        transparent
    );
    pointer-events:none;
}

body.home-amcars .ams3-filters a:hover {
    background:linear-gradient(
        180deg,
        #6b7889 0%,
        #4c5b6c 45%,
        #344353 100%
    ) !important;
    transform:translateY(-3px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 11px 19px rgba(17,30,48,.22),
        0 19px 30px rgba(17,30,48,.12) !important;
}

body.home-amcars .ams3-filters a:active {
    transform:translateY(1px);
    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.25),
        0 2px 5px rgba(17,30,48,.12) !important;
}

@media (prefers-reduced-motion:reduce) {
    body.home-amcars .ams3-filters a {
        transition:none !important;
    }
}


/* AutoMatchSA premium midnight-blue trust banner */
body.home-amcars .home-trust-strip {
    background:linear-gradient(
        115deg,
        #0c1b30 0%,
        #172e4c 48%,
        #102139 100%
    ) !important;
    border:1px solid rgba(99,151,211,.28) !important;
    box-shadow:
        inset 0 1px 0 rgba(185,218,255,.20),
        0 8px 20px rgba(10,28,51,.13) !important;
}

body.home-amcars .home-trust-strip strong {
    color:#ffffff !important;
}

body.home-amcars .home-trust-strip span {
    color:#b8cbe1 !important;
}


/* AutoMatchSA premium red vehicle alert CTA */
body.home-amcars #ams3CreateVehicleAlert {
    background:linear-gradient(
        180deg,
        #e74750 0%,
        #c92132 48%,
        #a91527 100%
    ) !important;
    color:#ffffff !important;
    border:1px solid #b51d2e !important;
    border-top-color:#f16d76 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -2px 3px rgba(85,0,12,.18),
        0 6px 12px rgba(169,21,39,.20) !important;
    text-shadow:0 1px 2px rgba(75,0,10,.25);
    transition:
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

body.home-amcars #ams3CreateVehicleAlert:hover {
    background:linear-gradient(
        180deg,
        #f0525c 0%,
        #dc293b 48%,
        #b91a2e 100%
    ) !important;
    transform:translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.3),
        0 9px 17px rgba(169,21,39,.27) !important;
}

body.home-amcars #ams3CreateVehicleAlert:active {
    transform:translateY(1px);
}

body.home-amcars #ams3CreateVehicleAlert:focus-visible {
    outline:3px solid #ff9da4 !important;
    outline-offset:3px;
}

@media (prefers-reduced-motion:reduce) {
    body.home-amcars #ams3CreateVehicleAlert {
        transition:none !important;
    }
}


/* AutoMatchSA live inventory premium refinement */

/* Remove the outer card-within-card appearance */
body.home-amcars .ams3-results {
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
}

/* Keep existing columns and image dimensions */
body.home-amcars .ams3-vehicle-grid {
    align-items:stretch;
}

/* Equal-height vehicle cards */
body.home-amcars .ams3-vehicle-card {
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
}

/* Flexible content area */
body.home-amcars .ams3-vehicle-body {
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-width:0;
}

/* Align price sections and buttons at the bottom */
body.home-amcars .ams3-vehicle-price-row {
    margin-top:auto;
    padding-top:14px;
}

body.home-amcars .ams3-view-vehicle {
    flex-shrink:0;
    background:linear-gradient(
        180deg,
        #398cff 0%,
        #1769ed 48%,
        #0d4fc4 100%
    ) !important;
    border:1px solid #1763dc !important;
    border-top-color:#75afff !important;
    color:#ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        0 5px 12px rgba(23,105,237,.20) !important;
    text-shadow:0 1px 2px rgba(0,39,104,.20);
    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}

body.home-amcars .ams3-view-vehicle:hover {
    background:linear-gradient(
        180deg,
        #54a0ff 0%,
        #247bff 48%,
        #145cdb 100%
    ) !important;
    transform:translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 8px 17px rgba(23,105,237,.27) !important;
}

body.home-amcars .ams3-view-vehicle:focus-visible {
    outline:3px solid #94c4ff !important;
    outline-offset:3px;
}

@media (prefers-reduced-motion:reduce) {
    body.home-amcars .ams3-view-vehicle {
        transition:none !important;
    }
}


/* AutoMatchSA vehicle title visibility correction */
body.home-amcars .ams3-results .ams3-vehicle-card .ams3-vehicle-body h3 {
    color:#142338 !important;
    -webkit-text-fill-color:#142338 !important;
    opacity:1 !important;
    visibility:visible !important;
}

body.home-amcars .ams3-results .ams3-vehicle-card .ams3-vehicle-meta {
    color:#718196 !important;
}

@media (max-width:700px) {
    body.home-amcars .ams3-results .ams3-vehicle-card .ams3-vehicle-body h3 {
        color:#142338 !important;
        -webkit-text-fill-color:#142338 !important;
        opacity:1 !important;
        visibility:visible !important;
    }
}