/* =============================================================================
   GILL & MURRY — a kérdéskészlet-csempe ÁLLAPOT-változatai (#53).
   A csempe alap-elrendezése a kviz.css-ben és a kviz-meroora.css-ben él; itt CSAK az
   ütemezett megjelenés „még nem nyitott” állapota van. Külön fájl, mert a kviz.css már a
   200 soros komponens-korlát közelében jár (DESIGN 2.).

   ⚠️ ÁLLAPOT-VÁLTOZAT, NEM ÚJ KOMPONENS: ugyanaz a csempe, tompított színnel és a CTA
      helyén a dátummal. A szerkezet (cím, leírás, meta) változatlan, hogy a nyitáskor a
      kártya ne „ugorjon” át másik elrendezésbe.

   Akadálymentesség (DESIGN 5.): az állapotot NEM csak a szín hordozza — a dátum ki van
   írva szövegesen, a csempe pedig aria-disabled="true"-t kap a markupban.
   ============================================================================= */

.gm-kviz-csempe--hamarosan {
    /* Tompított felület: ugyanaz a kártya, csak visszavett kontraszttal. A szöveg
       kontrasztja a halvány alapon továbbra is WCAG AA fölött marad. */
    background: var(--gm-light);
    border-color: var(--gm-border);
    box-shadow: none;
}

.gm-kviz-csempe--hamarosan .gm-kviz-csempe__cim,
.gm-kviz-csempe--hamarosan .gm-kviz-csempe__meta {
    color: var(--gm-grey);
}

/* A kártya nem kattintható felület – a kurzor se ígérje annak. */
.gm-kviz-csempe--hamarosan {
    cursor: default;
}

/* --- A CTA HELYÉN álló állapot-felirat ------------------------------------- */
.gm-kviz-csempe__allapot {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .4rem;
    margin: .75rem 0 0;
    padding: .7rem .9rem;
    border: 1px dashed var(--gm-border);
    border-radius: var(--gm-radius-btn);
    background: var(--gm-white, #fff);
}

.gm-kviz-csempe__allapot-cimke {
    color: var(--gm-grey);
    font-size: .82rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.gm-kviz-csempe__allapot-ertek {
    color: var(--gm-ink);
    font-weight: 700;
    font-size: 1rem;
}

/* --- A „hamarosan” oldal hero-ja (/kviz/{slug} megjelenés előtt) ------------ */
.gm-kviz-hero__szalag--halvany {
    opacity: .75;
}

/* A „hamarosan” hero a szerkesztői változat testvére: UGYANAZ az elrendezés, csak a CTA
   helyén a dátum áll — a látogató a nyitás napján nem másik oldalt lát, csak működő gombot. */
.gm-kviz-hero--hamarosan .gm-kviz-hero__cta {
    margin-top: .5rem;
}

.gm-kviz-hamarosan__datum {
    margin: 0 0 1.25rem;
    max-width: 52ch;
    font-size: 1.15rem;
    font-weight: 700;
}

/* ⚠️ A dátum FEHÉREN áll a sötét heróban, nem vörösen: a --gm-red a --gm-black alapon
   kb. 3,4:1 kontrasztot ad, a DESIGN 5. viszont WCAG AA-t ír elő. A vörös így csak
   aláhúzásként jelzi a kiemelést — a színe nem hordoz információt. */
.gm-kviz-hamarosan__datum time {
    color: var(--gm-white);
    border-bottom: 3px solid var(--gm-red);
    padding-bottom: .1rem;
}

.gm-kviz-hamarosan__nap {
    display: block;
    margin-top: .3rem;
    font-size: .9rem;
    font-weight: 400;
    opacity: .85;
}