.wp360-so-box {
	margin: 16px 0;
	padding: 16px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	max-width: 760px;
}

.wp360-so-box h3 {
	margin-bottom: 4px;
}

.wp360-so-box h3:not(:first-child) {
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid #f0f0f1;
}

.wp360-so-result {
	margin-left: 10px;
	font-weight: 600;
}

.wp360-so-status {
	display: inline-block;
	width: 16px;
	text-align: center;
	font-weight: 700;
}

.wp360-so-status-ok {
	color: #1a7e2c;
}

.wp360-so-status-bad {
	color: #b32d2e;
}

.wp360-so-upsell {
	background: #fdf1da;
	border-color: #f3ddab;
}

/* 360 WP Orbit Markenfarbe (Speed Optimizer) */
.wp360-so-wrap .nav-tab-active {
	border-top: 3px solid #F8870C;
}

.wp360-so-wrap .button-primary {
	background: #F8870C;
	border-color: #D6720A;
}

.wp360-so-wrap .button-primary:hover,
.wp360-so-wrap .button-primary:focus {
	background: #D6720A;
	border-color: #B45E08;
}

.wp360-so-wrap input[type="checkbox"],
.wp360-so-wrap input[type="radio"] {
	accent-color: #F8870C;
}

/* Speichern-Knopf bleibt beim Scrollen sichtbar, sitzt aber buendig mit
   der rechten Kante des Inhaltsblocks statt am Fensterrand: Auf breiten
   Bildschirmen stand er sonst weit rechts im Leeren, weit weg von dem
   Formular, das er speichert. Auf schmalen Fenstern bleibt es beim
   bisherigen Abstand von 24px, sonst rutschte der Knopf aus dem Bild. */
.wp360-so-save {
	position: fixed;
	bottom: 24px;
	right: max(24px, calc(100% - 940px));
	z-index: 9999;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.wp360-so-save + span {
	position: fixed;
	bottom: 62px;
	right: max(24px, calc(100% - 940px));
	z-index: 9999;
	max-width: 280px;
	background: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
	text-align: right;
}

/* Eingeklapptes Admin-Menue: Der Inhalt rueckt nach links, der Knopf mit. */
body.folded .wp360-so-save,
body.folded .wp360-so-save + span {
	right: max(24px, calc(100% - 816px));
}

.wp360-so-save + span:empty {
	display: none;
}