/*
	CSS to support panzoom2.js for the simplified Pan-Zoom implementastion (see PanZoom2 header setting)

	Author:	A.C.Proctor	15-Feb-2026
*/

/* For zoom-buttons */
.pz2-buttons {
    position: absolute;
    bottom: 10px; right: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid grey;
    border-radius: 32px;
    background-color: rgba(255, 255, 255, 0.50);
    padding: 5px;
}
.pz2-buttons button {
    margin: 0; border: 0;	/* Remove default button styling */
    padding: 0;
    display: block;
    width: 36px; height: 36px;
    border-radius: 18px;
    border: 1px solid grey;
    background-color: violet;		/* Fallback */
    background-color: var(--dlg_butc_b, violet);
    opacity: 0.9;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}