/* Styles located in Customizer */
/* ----- Check links - TEMPORARY ----- */
/* Checks for empty links & only shows when you are logged into the website */
.logged-in a:not([href]) {
	outline: 4px solid Red !important;
}

body.logged-in a:not([href]):after {
	content: "Anchor with no link. Use \"HTML Anchor\" under Advanced tab in right sidebar instead.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for links that open in a new tab */
body.logged-in a[target=_blank] {
	color: #000000;
	background-color: yellow;
	border: 5px #000000 solid;
	padding: 8px;
}

body.logged-in a[target=_blank]:after {
	content: "Edit the link to toggle off Open in a new tab.";
	color: black;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for pound sign/hashtag with string for a link */
body.logged-in a[href*="#"]:not([href="#"]):not(.clickable-no-url) {
	border-bottom: 6px solid limegreen;
}

body.logged-in a[href*="#"]:not([href="#"]):not(.clickable-no-url):after {
	content: "Links to somewhere on This Page, like #my-anchor.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for pound sign/hashtag only - without string - for a link */
body.logged-in a.clickable-no-url[href="#"] {
	border-bottom: 6px solid orange;
}

body.logged-in a.clickable-no-url[href="#"]:after {
	content: "Links to a # symbol, not a URL.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for links to PDF files */
.logged-in a[href*=".pdf"] {
	border-bottom: 6px solid magenta;
}

body.logged-in a[href*=".pdf"]:after {
	content: "Links to a PDF file. Check that file is accessible OR equivalent exists OR remove.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

.logged-in a[href*=".doc"], 
.logged-in a[href*=".docx"] {
/* Checks for links to PDF files */
	border-bottom: 6px solid cyan;
}

body.logged-in a[href*=".doc"]:after, 
body.logged-in a[href*=".docx"]:after {
	content: "Links to a DOC or DOCX file. Check that file is accessible OR equivalent exists OR remove.";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* ----- END Check links ----- */
/* ----- BEGIN Check for markup ----- */
/* Checks for span elements applying inline styles */
body.logged-in .wsu-wrapper-site span::after {
	content: "Span";
	color: black;
	background-color: yellow;
	border: 3px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Hide spans inside .wsu-footer-site */
body.logged-in .wsu-wrapper-site .wsu-footer-site span::after {
	content: "";
	display: none;
}

/* is removing separators from breadcrumbs and may have other negative effects if span::after is used in other places */
body.logged-in .wsu-wrapper-site .breadcrumbs span::after {
	display: none;
}

/* For documents review - logged in users only - delete after review period complete (~Q4 2026)*/
body.logged-in a[href$=".doc" i],
body.logged-in a[href$=".docx" i],
body.logged-in a[href$=".ppt" i],
body.logged-in a[href$=".pptx" i],
body.logged-in a[href$=".csv" i],
body.logged-in a[href$=".pdf" i],
body.logged-in .wsu-cta:has(a[href$=".doc" i]),
body.logged-in .wsu-cta:has(a[href$=".docx" i]),
body.logged-in .wsu-cta:has(a[href$=".ppt" i]),
body.logged-in .wsu-cta:has(a[href$=".csv" i]),
body.logged-in .wsu-cta:has(a[href$=".pdf" i]) {
	background-color: yellow;
	border: 2px solid red;
}

/* ----- END Check for markup ----- */