/* Static mirror of orthografia.org — appearance of the disabled controls.
 *
 * Loaded after the Vector bundles so these rules win on specificity ties.
 *
 * The build keeps every disabled control's original element and classes, so the
 * skin still lays the control out as it always did. Only the colour, the cursor
 * and the pointer behaviour change here. Nothing in this file moves, resizes or
 * hides anything, which is what keeps the mirror looking like the live site.
 */

/* --- Disabled links -------------------------------------------------------
 * An anchor with no href is already inert in every browser. These rules make
 * that state visible rather than leaving a link that silently does nothing.
 */

a.mirror-disabled,
a.mirror-disabled:visited {
	color: #8c8c8c;
	cursor: default;
	text-decoration: none;
}

a.mirror-disabled:hover,
a.mirror-disabled:focus,
a.mirror-disabled:active {
	color: #8c8c8c;
	text-decoration: none;
	outline: 0;
}

/* A red link pointed at a page the wiki never had. It stays recognisably red
 * so the mirror does not claim the page exists, but muted like the rest. */
a.mirror-disabled.new,
a.mirror-disabled.new:visited,
a.mirror-disabled.new:hover {
	color: #c49a9a;
}

/* --- Disabled links in the skin chrome ------------------------------------
 * Vector draws its tabs, the personal-tools bar and the sidebar portals with
 * background images on the containing element, so muting the whole item keeps
 * the tab shape while making it read as unavailable.
 */

#p-personal li.mirror-disabled-item,
.vectorTabs li.mirror-disabled-item,
#mw-panel .portal li.mirror-disabled-item,
#footer-places li.mirror-disabled-item {
	opacity: 0.45;
}

#p-personal a.mirror-disabled,
.vectorTabs a.mirror-disabled,
.vectorTabs span a.mirror-disabled,
#mw-panel .portal .body a.mirror-disabled,
#footer-places a.mirror-disabled {
	color: #8c8c8c;
	cursor: default;
}

/* The provenance line in the print footer keeps the source URL as text once
 * its link is removed; stop it looking like something to click. */
.printfooter a.mirror-disabled {
	color: #666;
	cursor: default;
	text-decoration: none;
}

/* --- Disabled form controls ----------------------------------------------- */

input.mirror-disabled,
button.mirror-disabled,
select.mirror-disabled {
	color: #8c8c8c;
	background-color: #f3f3f3;
	border-color: #d4d4d4;
	cursor: not-allowed;
	opacity: 1; /* override the browser's own washed-out disabled rendering */
	-webkit-text-fill-color: #8c8c8c; /* Safari ignores colour on :disabled */
}

input.mirror-disabled::placeholder {
	color: #a9a9a9;
	opacity: 1;
}

/* The search box: Vector styles #simpleSearch as the visible control, so the
 * grey has to land on the wrapper as well as on the input inside it. */
#p-search form.mirror-disabled,
#p-search #simpleSearch {
	cursor: not-allowed;
}

#p-search #simpleSearch {
	background-color: #f3f3f3;
	border-color: #d4d4d4;
}

#p-search #searchInput.mirror-disabled {
	background-color: transparent;
	border: 0;
	cursor: not-allowed;
}

#p-search h3 label {
	color: #8c8c8c;
}

/* The magnifier and "Найти"/"Перейти" buttons sit on sprite backgrounds. */
#p-search .searchButton.mirror-disabled,
#p-search #mw-searchButton.mirror-disabled,
#p-search #searchButton.mirror-disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

/* --- Special-page forms ---------------------------------------------------
 * Special:AllPages and Special:Categories are snapshotted as plain listings.
 * Their filter forms cannot run, so mute the whole fieldset at once.
 */

#mw-content-text form.mirror-disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

#mw-content-text form.mirror-disabled legend,
#mw-content-text form.mirror-disabled label {
	color: #8c8c8c;
}

/* --- The page index's namespace links -------------------------------------
 * Replaces the dropdown the disabled form above can no longer operate. These
 * are live links, not disabled ones, so they are not greyed.
 */

.mirror-namespace-index {
	margin: 0.5em 0 1em;
	padding: 0.5em 0.8em;
	background-color: #f8f9fa;
	border: 1px solid #e4e4e4;
}

.mirror-namespace-index-label {
	font-weight: bold;
	margin-right: 0.4em;
}

.mirror-namespace-index ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mirror-namespace-index li {
	display: inline;
	margin: 0;
}

.mirror-namespace-index li:not(:last-child):after {
	content: " · ";
	color: #8c8c8c;
}

.mirror-namespace-index li.mirror-namespace-current {
	font-weight: bold;
}