*{box-sizing:border-box}:root{--navy:#14213d;--navy2:#223c70;--gold:#c89b3c;--light:#f4f7fb;--text:#182033;--muted:#687386;--border:#dfe5ee}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--light)}
.public-container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.public-header{background:var(--navy);color:white;border-bottom:4px solid var(--gold)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.public-brand{font-size:21px;font-weight:800}.public-subtitle{margin-top:4px;color:#ced8ea;font-size:13px}
.staff-link{color:white;text-decoration:none;border:1px solid rgba(255,255,255,.3);padding:9px 13px;border-radius:9px}
.public-main{padding:34px 0 60px}.hero-card,.public-panel{background:white;border:1px solid var(--border);border-radius:17px;box-shadow:0 6px 22px rgba(20,33,61,.06)}
.hero-card{padding:28px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:white}.hero-card.no-auction{background:white;color:var(--text)}
.hero-card h1{font-size:36px;margin:6px 0 8px}.hero-card p{color:#dbe4f2;margin:0}.no-auction p{color:var(--muted)}
.hero-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:#cbd5e5;font-weight:800}.eyebrow.dark{color:var(--muted)}
.status-pill{display:inline-block;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.status-pill.open{background:#eaf8ef;color:#176b42}.status-pill.published{background:#e8f0ff;color:#1f4f99}.status-pill.closed{background:#fceaea;color:#a12622}.status-pill.neutral{background:#eef1f5;color:#596273}
.date-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.date-grid div{padding:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:10px}.date-grid span{display:block;color:#cbd5e5;font-size:11px;margin-bottom:5px}
.timezone-note{margin-top:13px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.09);color:#f3f6fb;font-size:12px;font-weight:700}
.public-message{margin-top:16px;padding:12px 14px;border-radius:9px;font-weight:700}.public-message.open{background:#eaf8ef;color:#176b42}.public-message.info{background:#e8f0ff;color:#1f4f99}.public-message.closed{background:#fceaea;color:#a12622}
.public-panel{padding:26px;margin-top:22px}.public-panel h2,.public-section h2{margin:0 0 14px;color:var(--navy)}.announcement{line-height:1.7;color:#344054}.public-section{margin-top:28px}.section-heading-public{margin-bottom:14px}
.public-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-term-card{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(20,33,61,.05)}
.term-head{padding:17px;background:#f8fafc;border-bottom:1px solid var(--border)}.term-head h3{margin:0;color:var(--navy)}.term-head span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.public-term-card dl{margin:0}.public-term-card dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #edf0f4}.public-term-card dt{color:var(--muted);font-size:12px}.public-term-card dd{margin:0;text-align:right;font-weight:700;color:var(--navy);font-size:13px}
.bid-placeholder{width:calc(100% - 32px);margin:16px;padding:11px;border:0;border-radius:8px;background:#eaf8ef;color:#176b42;font-weight:800}.bid-placeholder.closed{background:#f2f3f5;color:#717780}
.notify-panel p{color:var(--muted)}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.public-panel label{display:block;font-weight:700;color:var(--navy);font-size:13px;margin-bottom:6px}.public-panel input[type=text],.public-panel input[type=email]{width:100%;padding:12px;border:1px solid #cfd7e3;border-radius:9px;font-size:14px}
.notify-options{display:flex;gap:20px;margin:16px 0}.notify-options label{display:flex;align-items:center;gap:7px;font-weight:600}.primary-public-btn{border:0;border-radius:9px;background:var(--navy);color:white;padding:12px 18px;font-weight:800;cursor:pointer}
.public-alert{padding:12px 14px;margin-bottom:18px;border-radius:9px}.public-alert.error{background:#fff1f0;color:#b42318;border:1px solid #f3c4bf}.public-alert.success{background:#effaf3;color:#176b42;border:1px solid #c7e8d4}
.public-footer{background:#0e182d;color:#cdd6e6;padding:24px 0;font-size:12px}
@media(max-width:900px){.public-term-grid{grid-template-columns:1fr}}@media(max-width:650px){.header-inner,.hero-top{align-items:flex-start;flex-direction:column}.date-grid,.public-form-grid{grid-template-columns:1fr}.hero-card h1{font-size:28px}}


/* Phase 2B-C visual refinement */
.public-section.auction-terms-section {
    margin-top: 30px;
    padding: 26px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 17px;
    box-shadow: 0 6px 22px rgba(20,33,61,.06);
}

.section-heading-public {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e8edf5;
}

.section-kicker {
    display: inline-block;
    margin-bottom: 7px;
    color: #8a6517;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .10em;
    border-left: 4px solid var(--gold);
    padding-left: 9px;
}

.public-section.auction-terms-section .section-heading-public h2 {
    margin: 0 0 7px;
    color: var(--navy);
    font-size: 30px;
    line-height: 1.15;
}

.section-intro {
    margin: 0;
    color: #5f6d82;
    font-size: 14px;
    line-height: 1.5;
}

.public-term-card {
    border-top: 4px solid var(--gold);
}

.term-head {
    background: linear-gradient(180deg, #fbfcfe 0%, #f5f8fc 100%);
}

.term-head h3 {
    font-size: 20px;
}

.public-panel > h2 {
    position: relative;
    padding-left: 13px;
}

.public-panel > h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    border-radius: 4px;
    background: var(--gold);
}

.public-alert.success,
.public-alert.error {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.45;
}

@media(max-width:650px){
    .public-section.auction-terms-section {
        padding: 18px;
    }

    .public-section.auction-terms-section .section-heading-public h2 {
        font-size: 25px;
    }
}


/* Phase 2B-C2 requested color treatment */

/* Restore blue background around Auction Terms */
.public-section.auction-terms-section {
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    border-color: rgba(255,255,255,.10);
    box-shadow: 0 10px 28px rgba(20,33,61,.16);
}

/* Keep Auction Terms readable on blue */
.section-kicker {
    color: #f0d892;
    border-left-color: var(--gold);
}

/* Current Offer in white as requested */
.public-section.auction-terms-section .section-heading-public h2 {
    color: #ffffff;
}

/* Intro text readable on blue */
.public-section.auction-terms-section .section-intro {
    color: #d8e1ef;
}

.public-section.auction-terms-section .section-heading-public {
    border-bottom-color: rgba(255,255,255,.14);
}

/* Term card header colors */
.public-term-card:nth-child(1) .term-head {
    background: #f4d35e;
}

.public-term-card:nth-child(1) .term-head h3,
.public-term-card:nth-child(1) .term-head span {
    color: #2b2410;
}

.public-term-card:nth-child(2) .term-head {
    background: #7bc47f;
}

.public-term-card:nth-child(2) .term-head h3,
.public-term-card:nth-child(2) .term-head span {
    color: #102814;
}

.public-term-card:nth-child(3) .term-head {
    background: #d95c5c;
}

.public-term-card:nth-child(3) .term-head h3,
.public-term-card:nth-child(3) .term-head span {
    color: #ffffff;
}

/* Remove uniform gold top border so each term color is the stronger visual cue */
.public-term-card {
    border-top: none;
}


/* Phase 2B-C3 - Public Announcement blue treatment */
.public-panel {
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    border-color: rgba(255,255,255,.10);
    color: #ffffff;
}

.public-panel > h2 {
    color: #ffffff;
}

.public-panel > h2::before {
    background: var(--gold);
}

.public-panel .announcement {
    color: #ffffff;
}

.public-panel.notify-panel p,
.public-panel .field-help {
    color: #d8e1ef;
}

/* Keep notification form readable if shown inside public-panel */
.public-panel label {
    color: #ffffff;
}

.public-panel input[type=text],
.public-panel input[type=email] {
    background: #ffffff;
    color: var(--text);
}


/* Phase 2B-C4 - Centered Open status with loudspeaker icon */
.hero-card {
    position: relative;
}

.hero-card .status-pill.open {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 150px;
    padding: 11px 20px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .02em;
    box-shadow: 0 5px 14px rgba(0,0,0,.14);
    border: 2px solid rgba(255,255,255,.85);
    z-index: 2;
}

.hero-card .status-pill.open::before {
    content: "📣";
    font-size: 22px;
    line-height: 1;
}

/* Give the centered Open badge breathing room */
.hero-card .hero-top {
    min-height: 70px;
}

@media(max-width:650px){
    .hero-card .status-pill.open {
        position: static;
        transform: none;
        margin: 4px auto 0;
        min-width: 140px;
        font-size: 17px;
    }

    .hero-card .hero-top {
        align-items: stretch;
    }
}


/* Phase 2B-C5 status/message refinement */
.hero-card .status-pill.open {
    min-width: 330px;
    font-size: 17px;
    padding: 12px 22px;
    white-space: nowrap;
}

.timezone-note {
    color: #ff4d4f !important;
    font-weight: 900;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,77,79,.35);
}

@media(max-width:650px){
    .hero-card .status-pill.open {
        min-width: 0;
        width: 100%;
        white-space: normal;
        text-align: center;
        line-height: 1.25;
    }
}


/* Phase 2B-C6 - Requested status/time color swap */
.hero-card .status-pill.open {
    background: #c62828 !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.9) !important;
}

.timezone-note {
    background: linear-gradient(135deg, var(--navy), var(--navy2)) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.16) !important;
    font-weight: 900;
}


/* Phase 2B-C7 - Requested color refinements */
.hero-card .status-pill.open {
    background: #8fd3ff !important;
    color: #0b2440 !important;
    border-color: rgba(255,255,255,.95) !important;
}

.timezone-note {
    background: linear-gradient(135deg, var(--navy), var(--navy2)) !important;
    color: #d62828 !important;
    border-color: rgba(255,255,255,.16) !important;
    font-weight: 900;
}

/* Change the accent line under the top banner from gold to red */
.public-header {
    border-bottom-color: #d62828 !important;
}

.public-header::after {
    background: #d62828 !important;
}


/* Phase 2B-C9 - Red outline for Open badge */
.hero-card .status-pill.open {
    border-color: #d62828 !important;
    border-width: 2px !important;
    border-style: solid !important;
}


/* Phase 2B-C10 - Mobile-friendly jump-to-bid button */
html {
    scroll-behavior: smooth;
}

.begin-bid-button {
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    width: min(360px, 72%);
    min-height: 38px;
    padding: 8px 20px;

    background: #ffffff;
    color: var(--navy);
    border: 2px solid #d62828;
    border-radius: 999px;

    font-size: 14px;
    font-weight: 900;
    letter-spacing: .025em;
    text-decoration: none;

    box-shadow: 0 5px 14px rgba(0,0,0,.13);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.begin-bid-button span {
    font-size: 18px;
    line-height: 1;
}

.begin-bid-button:hover,
.begin-bid-button:focus {
    background: #f8fbff;
    box-shadow: 0 7px 18px rgba(0,0,0,.18);
    outline: none;
}

/* Extra room for the Open badge + CTA */
.hero-card .hero-top {
    min-height: 116px;
}

/* Prevent the target heading from sitting tight against the browser top */
#bid-section {
    scroll-margin-top: 18px;
}

@media(max-width:650px){
    .begin-bid-button {
        position: static;
        transform: none;
        width: 100%;
        margin: 9px auto 0;
        min-height: 42px;
        font-size: 15px;
    }

    .hero-card .hero-top {
        min-height: 0;
    }
}


/* Phase 2B-C11 - Match CTA width to Open badge and give it a beveled button look */
.begin-bid-button {
    width: 330px !important;
    min-width: 330px;
    max-width: 330px;

    background: linear-gradient(180deg, #ffffff 0%, #e8eef6 100%);
    border: 2px solid #d62828;
    border-bottom-width: 4px;

    border-radius: 10px;

    box-shadow:
        0 5px 0 #9f1d1d,
        0 8px 16px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.95);

    text-transform: none;
}

.begin-bid-button:hover,
.begin-bid-button:focus {
    background: linear-gradient(180deg, #ffffff 0%, #dde7f2 100%);
    transform: translateX(-50%) translateY(-1px);
    box-shadow:
        0 6px 0 #9f1d1d,
        0 10px 18px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.begin-bid-button:active {
    transform: translateX(-50%) translateY(3px);
    box-shadow:
        0 2px 0 #9f1d1d,
        0 5px 10px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.95);
}

@media(max-width:650px){
    .begin-bid-button {
        width: 100% !important;
        min-width: 0;
        max-width: none;
    }

    .begin-bid-button:hover,
    .begin-bid-button:focus,
    .begin-bid-button:active {
        transform: none;
    }
}


/* Housekeeping Fix 8 - Larger centered Closed auction badge */
.hero-card .status-pill.closed {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 330px;
    padding: 13px 24px;

    background: #fceaea !important;
    color: #a12622 !important;
    border: 2px solid #d62828 !important;
    border-radius: 999px;

    font-size: 19px;
    font-weight: 900;
    letter-spacing: .02em;
    text-align: center;
    white-space: nowrap;

    box-shadow: 0 5px 14px rgba(0,0,0,.14);
    z-index: 2;
}

@media(max-width:650px){
    .hero-card .status-pill.closed {
        position: static;
        transform: none;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        margin: 8px auto 0;
        padding: 12px 16px;
        font-size: 17px;
        white-space: normal;
    }
}

/* Housekeeping Fix 11 - restore public term selection button styling */
.term-bid-button{
    display:block;
    margin:16px 18px 18px;
    padding:12px 16px;
    text-align:center;
    border-radius:9px;
    background:#ffffff;
    color:var(--navy);
    border:2px solid #d62828;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 4px 0 #9f1d1d, 0 6px 12px rgba(0,0,0,.12);
    transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.term-bid-button:hover,
.term-bid-button:focus{
    transform:translateY(-1px);
    background:#fffafa;
    color:var(--navy);
    text-decoration:none;
    outline:none;
}

.term-bid-button:active{
    transform:translateY(2px);
    box-shadow:0 2px 0 #9f1d1d;
}

@media(max-width:650px){
    .term-bid-button{
        margin:14px 14px 16px;
        padding:12px 14px;
    }
}

