/*  WAFL style (W-006): prosilver plus the league's look. Colours = the site's (assets/site.css, PAGE_DECISIONS #110):
    navy #03132d / #0b2350, gold #d9a441, red #a8181a, link blue #1d4f91.
    Everything of prosilver is imported first; only the rules below differ. */

@import url("../../prosilver/theme/stylesheet.css");

/* Header: navy bar with a gold rule, the banner as the logo */
.headerbar {
	background-color: #03132d;
	background-image: none;
	border-bottom: 3px solid #d9a441;
	color: #f3dfae;
	border-radius: 0;
}
.headerbar h1 { color: #f3dfae; }
.headerbar p { color: #d6dcea; }
.site_logo {
	background-image: url("./images/wafl-banner-600.jpg");
	background-size: 192px 68px;
	width: 192px;
	height: 68px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.site_logo { background-image: url("./images/wafl-banner-1200.jpg"); }
}
.headerbar .search-header { border-radius: 4px; }

/* Category and topic-list headers: the site's second navy */
.forabg, .forumbg {
	background-color: #0b2350;
	background-image: none;
}
.forabg { border-top: 1px solid #a8181a; }
.forumbg .header a, .forabg .header a, th a { color: #f3dfae; }
.forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #ffffff; }

/* Navigation bar and page */
.navbar { background-color: #eceff5; }
html, body { color: #1d2330; background-color: #f4f5f8; }
.wrap { border-color: #d9dee7; }
a { color: #1d4f91; }
a:hover { color: #a8181a; }
h2, h3 { color: #0b2350; }
h3 { border-bottom-color: #d9dee7; }
.panel { background-color: #eceff5; color: #1d2330; }
.bg1, table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { background-color: #f4f5f8; }
.bg2, table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { background-color: #eceff5; }
.bg3 { background-color: #d9dee7; }
.row-item dt a.forumtitle, a.topictitle { color: #0b2350; }
.row-item dt a.forumtitle:hover, a.topictitle:hover { color: #a8181a; }

/* Buttons */
.button {
	border-color: #1d4f91;
	background-color: #1d4f91;
	background-image: none;
	color: #ffffff;
	box-shadow: none;
}
.button:hover, .button:focus { border-color: #0b2350; background-color: #0b2350; background-image: none; color: #f3dfae; }
.button .icon, .button-secondary { color: #ffffff; }
.button-secondary { background-color: #667085; border-color: #667085; }
.button-search:hover, .button-search-end:hover { border-color: #d9a441; }

/* W-010 A.4 (D-107): the league site's header and navigation bar above phpBB's box on every forum page, as wide as the
   site's own header. Navy bar with the banner and the user line at the right, then the navy navigation bar with the
   main site links (the current one, Forum, in gold). phpBB's own header bar shrinks to the search box. */
body { padding-top: 0; }
.wafl-site-head { background: #03132d; color: #f3dfae; border-bottom: 3px solid #d9a441; }
.wafl-topbar { display: flex; align-items: center; gap: 14px; padding: 4px 14px; flex-wrap: wrap; }
.wafl-brand { display: flex; align-items: center; gap: 14px; color: #f3dfae; font-weight: 700; font-size: 17px; letter-spacing: .4px; text-decoration: none; }
.wafl-brand:hover { color: #ffffff; text-decoration: none; }
.wafl-brand img { display: block; width: 192px; height: auto; }
.wafl-user { margin-left: auto; font-size: 12px; color: #d6dcea; text-align: right; }
.wafl-user a { color: #f3dfae; margin-left: 8px; white-space: nowrap; }
.wafl-user .wafl-name { font-weight: 700; color: #ffffff; }
.wafl-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; padding: 4px 10px 6px; background: #0b2350; border-top: 1px solid #a8181a; }
.wafl-nav a { display: inline-block; padding: 5px 14px; color: #f3dfae; font-weight: 700; font-size: 14px; letter-spacing: .3px; text-transform: uppercase; border-radius: 4px; text-decoration: none; }
.wafl-nav a:hover { background: rgba(217,164,65,.22); color: #ffffff; }
.wafl-nav a.on { background: #d9a441; color: #03132d; }
.headerbar { padding: 4px 5px; border-radius: 7px; }
.headerbar .site-description { display: none; }
.headerbar .search-header { margin-top: 0; }
@media (max-width: 700px) {
	.wafl-brand img { width: 136px; }
	.wafl-brand-name { display: none; }
	.wafl-nav a { padding: 4px 8px; font-size: 12px; }
}

/* D-107: the forum's box is as wide as the site's page (assets/site.css .layout: max-width 1400 px, centred), so moving
   between site and forum has no jump; below that width both fill the screen (the box keeps a 12 px margin). */
.wrap { max-width: 1400px; margin-top: 12px; }
@media only screen and (max-width: 1424px), only screen and (max-device-width: 1424px) {
	.wrap { margin: 12px 12px 0; }
}

/* W-022 (R-5.30, F-77 / F-112), in the WAFL child style only - re-check after a phpBB update (Guide section 9):
   - the private-message history opens expanded (prosilver folds it to a scrolling box with an "Expand view" link);
   - the poster's profile sits on the LEFT of the post on desktop (prosilver: right). On phones prosilver stacks the
     profile above the post already (its responsive rules), so the order is the same there.
   W-023 Amendment 1 (A5, N-32): both rules apply only to a post WITH a profile column (.post.has-profile): a message-history
   post and a topic-review post have none, and with the body floated right they shrank to their text, pushed to the right. */
.topicreview { height: auto !important; max-height: none !important; overflow: visible !important; }
#review .right-box { display: none; }
@media (min-width: 701px) {
	.post.has-profile .postprofile { float: left; border-width: 0 1px 0 0; padding-right: 8px; }
	.post.has-profile .postbody { float: right; }
	.post.has-profile .postbody h3 { margin-right: 0; margin-left: 0; }
}