/**
 * SirenSpotter map. An extension for the phpBB Forum Software package.
 *
 * @copyright (c) 2026, Joachim Schmidt
 * @license MIT
 */

/* The map in a post */
.sirenspottermap {
	margin: 0.5em 0;
	max-width: 100%;
}

/* The dialog of the posting editor */
.sirenspottermap-dialog {
	box-sizing: border-box;
	width: 46em;
	max-width: calc(100vw - 2em);
	max-height: calc(100vh - 2em);
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: inherit;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.sirenspottermap-dialog::backdrop {
	background: rgba(0, 0, 0, 0.4);
}

.sirenspottermap-dialog > .panel {
	margin: 0;
}

.sirenspottermap-dialog h3 {
	margin-top: 0;
}

.sirenspottermap-dialog fieldset.fields1 dt {
	width: 14em;
}

.sirenspottermap-dialog fieldset.fields1 dd {
	margin-left: 15em;
}

.sirenspottermap-dialog #sirenspottermap-collection,
.sirenspottermap-dialog #sirenspottermap-title {
	box-sizing: border-box;
	width: 100%;
}

.sirenspottermap-dialog dl[hidden] {
	display: none;
}

.sirenspottermap-dialog dd label {
	white-space: nowrap;
	margin-right: 1em;
}

.sirenspottermap-color {
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.sirenspottermap-color input[type="color"] {
	width: 2.5em;
	height: 2em;
	padding: 0;
	border: 1px solid #b4bac0;
	border-radius: 4px;
	background: none;
	cursor: pointer;
}

.sirenspottermap-dialog dd p.sirenspottermap-message {
	margin: 0.3em 0 0;
	font-size: 1em;
	line-height: 1.4;
}

.sirenspottermap-message:empty {
	display: none;
}

.sirenspottermap-message.error {
	color: #bc2a4d;
}

.sirenspottermap-dialog .submit-buttons {
	text-align: right;
}

@media (max-width: 700px) {
	.sirenspottermap-dialog fieldset.fields1 dt {
		float: none;
		width: auto;
	}

	.sirenspottermap-dialog fieldset.fields1 dd {
		margin-left: 0;
	}
}