/**
 * Homepage - additions only.
 *
 * The homepage reuses non-gamstop-page-3.css wholesale (.abp5-ngc-wrap,
 * -article, -card, -cards, -btn, -faq, -steps, -rg, -disclaimer). This file
 * adds only what that stylesheet does not already provide: multi-column card
 * grids, the Featured Picks strip label, and the muted "not published yet"
 * card state.
 */

/* .abp5-ngc-cards is a single-column grid; these give it columns. */
.abp5-ngc-cards--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.abp5-ngc-cards--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 768px) {
    .abp5-ngc-cards--2,
    .abp5-ngc-cards--3 {
        grid-template-columns: 1fr;
    }
}

/* Featured Picks strip: a label, deliberately not a heading element. */
.abp5-ngc-striplabel {
    margin: 0 0 14px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: #5b6270;
}

.abp5-ngc-card-desc {
    margin: 0;
    color: #3a4150;
    font-size: .95rem;
    line-height: 1.6;
}

.abp5-ngc-card-title a {
    color: #10131a;
    text-decoration: none;
}

.abp5-ngc-card-title a:hover,
.abp5-ngc-card-title a:focus-visible {
    color: #1f6feb;
    text-decoration: underline;
}

/* Cards whose destination page does not exist yet. Muted, never a dead link. */
.abp5-ngc-card--soon {
    background: #fbfcfe;
    border-style: dashed;
}

.abp5-ngc-card--soon .abp5-ngc-card-title {
    color: #5b6270;
}

.abp5-ngc-soon {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    background: #eef1f6;
    color: #5b6270;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* News teasers */
.abp5-ngc-newsmeta {
    margin: 0 0 6px;
    font-size: .82rem;
    color: #5b6270;
}

.abp5-ngc-trustgrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.abp5-ngc-trustgrid li {
    padding: 14px 16px;
    border: 1px solid #e4e8ef;
    border-radius: 10px;
    background: #fff;
    text-align: center;
}

.abp5-ngc-trustnum {
    display: block;
    font-size: 1.35rem;
    font-weight: 800;
    color: #10131a;
    line-height: 1.2;
}

.abp5-ngc-trustlab {
    display: block;
    margin-top: 2px;
    font-size: .82rem;
    color: #5b6270;
}

/* Stat awaiting a confirmed figure - muted, never a red dev placeholder. */
.abp5-ngc-trustnum--tbc {
    color: #c3c9d4;
}

@media (max-width: 640px) {
    .abp5-ngc-trustgrid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}