.toggle-box {
	display: none;
}

.toggle-box + label {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;

    color: #f5f3e8;
    letter-spacing: 0.3px;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);

    /* Rond kader - GROEN/BRUIN */
    padding: 8px 14px;
    border-radius: 50px;
    border: 2px solid #6b8e23;   /* olijfgroen */

    /* Glow effect in terrarium-stijl */
    box-shadow:
        0 0 6px #6b8e23,
        0 0 12px rgba(107, 142, 35, 0.6),
        0 0 20px rgba(139, 115, 85, 0.5);

    /* BUITENSTE padding → marge */
    margin-top: 8px;
    margin-bottom: 8px;

    /* Subtiele bladachtige gloed */
    background: linear-gradient(145deg, #3d4f2f, #2e3a21);
}

.toggle-box + label:hover {
    border-color: #a2b85d;
    box-shadow:
        0 0 10px #a2b85d,
        0 0 20px rgba(162,184,93,0.5),
        0 0 30px rgba(90,65,45,0.4);
}

.toggle-box + label + div {
	display: none;
	margin-bottom: 10px;
}

.toggle-box:checked + label + div {
	padding: 7px;
	display: table;
	margin: auto;
	border-radius: 10px;

	/* Inhoudskader natuurlijk tintje */
	background: rgba(55, 45, 30, 0.7);
	border: 1px solid #7a9b44;
	color: #f1f1e6;
}