/* Our own responsive fixes, loaded after every phpBB style. Not part of
   prosilver or any community style; those files stay unmodified. Prosilver's
   responsive.css relies on phpBB's JavaScript for a few things, which these
   pages don't ship, so the gaps are filled here. */

img, video { max-width: 100%; height: auto; }
.postbody .content, .postprofile { overflow-wrap: anywhere; }
.postbody .content pre, .postbody .content code { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Styles that pair max-width:100% with padding overflow by the padding. */
.headerbar, .navbar { max-width: none; }
/* Some styles pad pagination spans, including the hidden arrow labels. */
.pagination li .sr-only { padding: 0; }

/* Tavern's .wrap is width:1152px; max-width:100% plus 40px of padding, so it
   overflows every screen narrower than 1192px. */
@media (max-width: 1191px) {
	.style-tavern #wrap { box-sizing: border-box; }
}

/* 16px stops iOS and iPadOS zooming into a field on focus. */
@media (max-width: 1024px), (pointer: coarse) {
	input.inputbox, textarea.inputbox, select { font-size: 16px; }
}

@media (max-width: 700px) {
	#wrap { box-sizing: border-box; }
	fieldset { min-width: 0; }

	/* phpBB swaps the header search for a JS dropdown; keep the plain form. */
	.search-header {
		display: block !important;
		float: none;
		margin: 8px 0 4px;
		box-shadow: none;
	}
	.search-header fieldset { display: flex; }
	.search-header .inputbox.search { flex: 1; min-width: 0; width: auto; max-width: none; }

	fieldset dd input.inputbox.autowidth { width: 100%; max-width: none; box-sizing: border-box; }

	.button, .button1, .button2, input.button1, input.button2 { min-height: 36px; }
	.pagination li > a, .pagination li > span { min-width: 30px; padding: 4px 6px; }
}

/* These two styles are fully fluid; keep lines readable on very wide screens.
   The others already cap their width. */
@media (min-width: 1800px) {
	.style-rockn_roll #wrap, .style-allan_subsilver #wrap { max-width: 1680px; margin-left: auto; margin-right: auto; }
}