@charset "utf-8";
/* NAOIH — Agenda direct als eigen blok, zonder zandkleurige omlijsting.
   De losse abonneerkaart en algemene kaartafstanden blijven ongewijzigd. */

body.page-agenda .calendar-embed.calendar-embed--standalone {
    /* De Google-agenda heeft geen gekleurde rand of padding eromheen. */
    width: calc(100% - 2 * var(--naoih-frame));
    max-width: none;
    height: auto;
    box-sizing: border-box;
    margin: var(--naoih-frame-gap) auto;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: var(--naoih-card-radius);
    box-shadow: none;
    position: relative;
}
body.page-agenda .calendar-embed--standalone iframe {
    display: block;
    width: 100%;
    height: 25rem;
    border: 0;
    border-radius: var(--naoih-card-radius);
    background: var(--sand);
}

/* Geen gekleurde kalenderomhulling meer om deze abonnementsknop heen. */
body.page-agenda .calendar-subscribe.calendar-subscribe--standalone {
    width: calc(100% - 2 * var(--naoih-frame));
    max-width: none;
    min-height: 4rem;
    margin: var(--naoih-frame-gap) auto;
    padding: 1rem clamp(14px, 4vw, 24px);
    box-sizing: border-box;
    border-radius: var(--naoih-card-radius);
    background: var(--blue);
    color: var(--offwhite);
    box-shadow: none;
    position: relative;
    z-index: 2;
}
body.page-agenda .calendar-subscribe--standalone span,
body.page-agenda .calendar-subscribe--standalone .calendar-subscribe-arrow {
    color: var(--offwhite);
}
body.page-agenda .calendar-subscribe--standalone > svg:first-child {
    color: var(--honey);
}
body.page-agenda .calendar-subscribe--standalone:hover {
    background: var(--dark-blue);
}