.comment-box {
            background: #f7f7f7;
            padding: 10px;
            border-radius: 6px;
            margin-bottom: 10px;
            border: 1px solid #ddd;
        }
        .comment-author {
            font-weight: bold;
        }
        .comment-date {
            font-size: 0.8em;
            color: #666;
        }

        /* Popup knop */
.comment-add-btn {
    background: #d4c4a8;      /* helder blauw */
    color: #000;
    padding: 8px 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
	font-family: inherit;   /* neemt het lettertype van de pagina over */
}
button.comment-add-btn:hover {
    background: #fdf8ee !important;
}

        /* Popup overlay */
        .popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        /* Popup box */
        .popup-box {
            background: white;
            padding: 20px;
            border-radius: 8px;
            width: 90%;
            max-width: 400px;
            box-shadow: 0 0 10px rgba(0,0,0,0.4);
        }

        .popup-box input,
        .popup-box textarea {
            width: 100%;
            padding: 6px;
            margin-top: 4px;
            margin-bottom: 10px;
        }
.container-pagina .container {
    text-align: left;
}
.backlink {
    display: inline-block;
    padding: 8px 14px;
    background: #d4c4a8;
    color: #000;
    border: 1px solid #b8a98c;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
}
.popup-box button {
    font-family: inherit;   /* neemt het lettertype van de pagina over */
    font-size: 0.9rem;      /* zelfde compacte stijl als jouw andere knoppen */
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}
.popup-box button[type="submit"] {
    background: #c8b08a;   /* jouw rustige lichtbruine stijl */
    color: #000;
    border: 1px solid #a8926d;
}

.popup-box button[type="button"] {
    background: #eee;
    border: 1px solid #bbb;
}
.popup-box button:hover {
    background-color: #d8c4a2;   /* zachte, warme hoverkleur */
    border-color: #a8926d;       /* iets donkerder randje */
    color: #000;                 /* goed leesbaar */
    transition: 0.2s ease;       /* mooie vloeiende overgang */
}