/* AgriGold 2026 plot detail spec-sheet layout.
   Mirrors the conventions of product-detail-2026.css for visual parity:
   palette #154734 / #3D6152 / #53565A / rgba(200,201,199,.2); Gotham / gotham-narrow. */

.agrigold .performance-details.agg2026,
.performance-details.agg2026 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 75.5rem;
    margin: 1.5625rem auto;
    color: #53565A;
}

.performance-details.agg2026 .back-header {
    width: 100%;
    max-width: 75.5rem;
    text-align: left;
    margin-bottom: 1.25rem;
}

.performance-details.agg2026 .back-header a,
.performance-details.agg2026 .back-header a:visited {
    font-family: gotham-narrow;
    font-size: .875rem;
    font-weight: 600;
    color: #343333;
    text-decoration: none;
    cursor: pointer;
}

.performance-details.agg2026 .sheet {
    width: 100%;
    max-width: 75.5rem;
    background: #FFF;
}

/* ---------- Header band ---------- */
.performance-details.agg2026 .sheet-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #154734;
    color: #FFF;
    padding: 1.5rem 2.25rem;
}

.performance-details.agg2026 .sheet-header .plot-average {
    font-family: gotham-narrow;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
}

.performance-details.agg2026 .sheet-header .hdr-label {
    font-family: gotham;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .04em;
    margin-top: .5rem;
}

.performance-details.agg2026 .sheet-header .hdr-logo img {
    height: 4.5rem;
    width: auto;
}

/* ---------- Subheader band ---------- */
.performance-details.agg2026 .sheet-subheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #3D6152;
    color: #FFF;
    padding: .75rem 2.25rem;
    gap: 2rem;
}

.performance-details.agg2026 .sheet-subheader .location {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .625rem;
}

.performance-details.agg2026 .sheet-subheader .location .fa {
    font-size: 1.5rem;
    color: #FFF;
}

.performance-details.agg2026 .sheet-subheader .location .city-state {
    font-family: gotham-narrow;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.performance-details.agg2026 .sheet-subheader .meta {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 1.25rem;
    row-gap: .125rem;
    align-items: center;
}

/* Flatten .meta-row into the parent grid so labels and values align as columns. */
.performance-details.agg2026 .sheet-subheader .meta .meta-row {
    display: contents;
}

.performance-details.agg2026 .sheet-subheader .meta .meta-label {
    font-family: gotham-narrow;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-align: right;
}

.performance-details.agg2026 .sheet-subheader .meta .meta-value {
    font-family: gotham;
    font-size: .875rem;
    font-weight: 500;
    text-align: right;
}

/* ---------- Conditions strip ---------- */
.performance-details.agg2026 .conditions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem;
    padding: 1rem 2.25rem;
}

.performance-details.agg2026 .conditions .cond-col {
    display: flex;
    flex-direction: column;
}

.performance-details.agg2026 .conditions .cond-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: .3125rem .5rem;
    border-bottom: 1px solid #C8C9C7;
}

.performance-details.agg2026 .conditions .cond-item:nth-child(odd) {
    background: rgba(200, 201, 199, 0.2);
}

.performance-details.agg2026 .conditions .cond-label {
    font-family: gotham-narrow;
    font-size: .8125rem;
    font-weight: 700;
    color: #343333;
    text-align: left;
}

.performance-details.agg2026 .conditions .cond-value {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 500;
    color: #53565A;
    text-align: right;
}

/* ---------- Button bar (web only) ---------- */
.performance-details.agg2026 .button-bar {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 0 2.25rem 1.25rem 2.25rem;
    width: 100%;
}

.performance-details.agg2026 .button-bar a,
.performance-details.agg2026 .button-bar a:visited {
    height: 2.5rem;
    flex: 1;
    border: 1px solid #343333;
    font-family: gotham-narrow;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: #343333;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.performance-details.agg2026 .button-bar #view-pdf {
    background: #154734;
    color: #FFF;
}

/* ---------- Results table ---------- */
.performance-details.agg2026 .results {
    padding: 0 2.25rem 1rem 2.25rem;
}

.performance-details.agg2026 .results .notation {
    font-family: gotham;
    font-size: .75rem;
    color: #8A8C8E;
    display: none;
}

.performance-details.agg2026 table.plot-rows {
    width: 100%;
    border-collapse: collapse;
}

.performance-details.agg2026 table.plot-rows thead th {
    background: #154734;
    color: #FFF;
    font-family: gotham-narrow;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding: .5rem .625rem;
}

.performance-details.agg2026 table.plot-rows tbody td {
    font-family: gotham;
    font-size: .8125rem;
    font-weight: 400;
    color: #53565A;
    padding: .375rem .625rem;
    border-bottom: 1px solid #E5E5E5;
}

/* CK Average / Plot Average rows — same dark band per the PDF. */
.performance-details.agg2026 table.plot-rows tr.check-averages td,
.performance-details.agg2026 table.plot-rows tr.plot-averages td {
    background: #343333;
    color: #FFF;
    font-family: gotham-narrow;
    font-weight: 700;
}

/* Data row zebra striping. Header is row 1, CK is row 2, Plot Avg is row 3,
   then data rows. Shade even rows so the alternation begins on data. */
.performance-details.agg2026 table.plot-rows tbody tr.plot-row:nth-child(even) td {
    background: rgba(200, 201, 199, 0.2);
}

.performance-details.agg2026 .details-footer {
    margin-top: 1rem;
    font-family: gotham;
    font-size: .75rem;
    color: #8A8C8E;
}

/* ---------- Sheet footer (PDF only) ---------- */
.performance-details.agg2026 .sheet-footer {
    display: none;
}

body.pdf .performance-details.agg2026 .sheet-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    padding: .75rem 2.25rem 1.25rem 2.25rem;
    border-top: 1px solid #C8C9C7;
}

.performance-details.agg2026 .sheet-footer .disclaimer {
    font-family: gotham;
    font-size: .625rem;
    line-height: 1.35;
    color: #8A8C8E;
    margin: 0;
    flex: 1 1 70%;
}

.performance-details.agg2026 .sheet-footer .footer-brand {
    text-align: right;
    flex: 0 0 auto;
}

.performance-details.agg2026 .sheet-footer .footer-site {
    font-family: gotham-narrow;
    font-size: .9375rem;
    font-weight: 700;
    color: #154734;
}

.performance-details.agg2026 .sheet-footer .footer-addr {
    font-family: gotham;
    font-size: .625rem;
    color: #8A8C8E;
}

/* ---------- Soybean overrides ---------- */
.performance-details.agg2026.Soybeans .sheet-header {
    background: #8B2332;
}

.performance-details.agg2026.Soybeans .sheet-subheader {
    background: #A04449;
}

.performance-details.agg2026.Soybeans table.plot-rows thead th {
    background: #8B2332;
}

.performance-details.agg2026.Soybeans .button-bar #view-pdf {
    background: #8B2332;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .performance-details.agg2026 .sheet-subheader .location .city-state {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .performance-details.agg2026 .conditions {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .performance-details.agg2026 .sheet-header,
    .performance-details.agg2026 .sheet-subheader {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .performance-details.agg2026 .button-bar {
        flex-direction: column;
    }

    .performance-details.agg2026 .results .notation {
        display: block;
        margin-bottom: .5rem;
    }

    .performance-details.agg2026 .results {
        overflow-x: auto;
    }
}

/* ---------- PDF: edge-to-edge sheet, footer pinned to page bottom ---------- */
html, body.pdf {
    margin: 0;
    padding: 0;
}

body.pdf .performance-details.agg2026 {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* The sheet is a full-height flex column so the in-body footer can be pushed
   to the bottom of the FIRST page via margin-top:auto, instead of floating
   mid-page. Use a min-height slightly less than Letter (11in) to leave a
   small buffer so the sheet does not overflow onto a second page. */
body.pdf .performance-details.agg2026 .sheet {
    display: flex;
    flex-direction: column;
    max-width: none;
    min-height: 10.5in;
    box-sizing: border-box;
}

body.pdf .performance-details.agg2026 .sheet-footer {
    margin-top: auto;
}

body.pdf .performance-details.agg2026 .sheet-header,
body.pdf .performance-details.agg2026 .sheet-subheader,
body.pdf .performance-details.agg2026 .conditions,
body.pdf .performance-details.agg2026 .results,
body.pdf .performance-details.agg2026 .sheet-footer {
    padding-left: .5in;
    padding-right: .5in;
}

body.pdf .performance-details.agg2026 .conditions .cond-item,
body.pdf .performance-details.agg2026 table.plot-rows thead th,
body.pdf .performance-details.agg2026 table.plot-rows tbody td {
    font-size: .875rem;
}

body.pdf .performance-details.agg2026 .sheet-footer .disclaimer,
body.pdf .performance-details.agg2026 .sheet-footer .footer-addr {
    font-size: .6875rem;
}