/**
 * Château-gegevensblok op het merkarchief.
 *
 * Opzet en waarden 1-op-1 overgenomen van de oude château-pagina's (dist/styles/main.css,
 * gescoped op .page-template-page-chateau en .chateau-meta — die gelden op een archief niet):
 *   links   #f5ede1, op mobiel gecentreerd, vanaf 800px rechts uitgelijnd met 90px padding
 *   rechts  #f8f8f8, padding 40px 30px, tabel uitgelijnd op de container
 *   rij     border-bottom 1px #eddec6, padding 10px 0
 *   label   30% breed, Cantarell 12px 700 uppercase #504d53
 *   waarde  Merriweather 14px gewicht 100
 *
 * De knop "Naar de wijnen" uit het oude blok is bewust weggelaten: op een archief staan
 * de wijnen al boven dit blok.
 */

.awcf-chateau-meta {
    display: flex;
    flex-flow: column nowrap;
}

.awcf-chateau-meta__links {
    background-color: #f5ede1;
    padding: 40px 15px;
    text-align: center;
    /* De crème-helft loopt door tot de linker schermrand, de grijze naar rechts. De naad
       valt daardoor op de middenlijn van de container — gemeten 7px van het schermmidden,
       dus visueel gelijk aan het oude blok dat twee halve viewports gebruikte. */
    box-shadow: 0 0 0 100vmax #f5ede1;
    clip-path: inset(0 0 0 -100vmax);
}

.awcf-chateau-meta__titel {
    margin: 0;
    color: #000;
    font-family: Cinzel, serif;
    font-weight: 600;
    letter-spacing: 1.3px;
}

.awcf-chateau-meta__rechts {
    background-color: #f8f8f8;
    padding: 30px 15px;
    box-shadow: 0 0 0 100vmax #f8f8f8;
    clip-path: inset(0 -100vmax 0 0);
}

/* Gestapeld op mobiel: dan mogen beide helften naar twee kanten doorlopen. */
@media (max-width: 799px) {
    .awcf-chateau-meta__links,
    .awcf-chateau-meta__rechts {
        clip-path: inset(0 -100vmax);
    }
}

.awcf-chateau-meta__tabel {
    margin: 0;
}

.awcf-chateau-meta__rij {
    display: flex;
    flex-flow: column nowrap;
    padding: 10px 0;
    border-bottom: 1px solid #eddec6;
}

.awcf-chateau-meta__rij dt {
    margin: 0 0 2px;
    display: flex;
    align-items: center;
    font-family: "Cantarell", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #504d53;
    padding-right: 12px;
}

.awcf-chateau-meta__rij dd {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Merriweather", serif;
    font-size: 14px;
    font-weight: 100;
}

/* Druifsoorten mochten op de oude pagina doorlopen over meerdere regels. */
.awcf-chateau-meta__rij--druif dd {
    display: block;
}

.awcf-chateau-meta__rij a {
    color: #a08b52;
    text-decoration: none;
}

.awcf-chateau-meta__rij a:hover {
    text-decoration: none;
}

@media (min-width: 800px) {
    .awcf-chateau-meta {
        flex-flow: row nowrap;
    }

    .awcf-chateau-meta__links,
    .awcf-chateau-meta__rechts {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .awcf-chateau-meta__links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: right;
        padding: 40px 0;
    }

    .awcf-chateau-meta__links-inner {
        /* 90px van de middenlijn af, net als het oude .left-side_wrapper */
        padding-right: 90px;
        /* de kop niet breder laten worden dan de halve container */
        max-width: calc(var(--awcf-merkverhaal-breedte, 1140px) / 2);
    }

    .awcf-chateau-meta__rechts {
        /* zelfde waarde als het oude .chateau-meta .right-side */
        padding: 40px 30px;
    }

    .awcf-chateau-meta__rij {
        flex-flow: row nowrap;
    }

    .awcf-chateau-meta__rij dt {
        flex: 0 0 30%;
        margin-bottom: 0;
    }
}