/**
 * Small Giant backend-only branding.
 */

:root {
	--sg-admin-navy: #101d27;
	--sg-admin-navy-soft: #172b39;
	--sg-admin-blue: #1f5b7a;
	--sg-admin-blue-dark: #16445d;
	--sg-admin-orange: #f47a00;
	--sg-admin-listing-action: #f4a156;
	--sg-admin-listing-action-hover: #e89145;
	--sg-admin-cream: #f4f0e8;
	--sg-admin-sand: #b9ad9a;
	--wp-admin-theme-color: #1f5b7a;
	--wp-admin-theme-color--rgb: 31, 91, 122;
	--wp-admin-theme-color-darker-10: #1a4f6b;
	--wp-admin-theme-color-darker-10--rgb: 26, 79, 107;
	--wp-admin-theme-color-darker-20: #16445d;
	--wp-admin-theme-color-darker-20--rgb: 22, 68, 93;
}

body.wp-admin {
	background: var(--sg-admin-cream);
}

body.sg-admin-client #wpadminbar {
	display: none !important;
}

@media screen and (max-width: 782px) {
	body.sg-admin-client #wpadminbar {
		display: block !important;
		top: 0;
		left: 0;
		min-width: 0;
		height: 46px;
		background: transparent;
		pointer-events: none;
	}

	body.sg-admin-client #wpadminbar #wp-admin-bar-root-default {
		display: block !important;
	}

	body.sg-admin-client #wpadminbar #wp-admin-bar-top-secondary {
		display: none !important;
	}

	body.sg-admin-client #wpadminbar #wp-admin-bar-root-default > li {
		display: none;
	}

	body.sg-admin-client #wpadminbar #wp-admin-bar-menu-toggle {
		display: block !important;
		pointer-events: auto;
	}

	body.sg-admin-client #wpadminbar #wp-admin-bar-menu-toggle > .ab-item {
		width: 46px;
		height: 46px;
		padding: 0;
		color: #f7f1e8;
		background: var(--sg-admin-navy);
	}

	body.sg-admin-client #wpadminbar #wp-admin-bar-menu-toggle > .ab-item:focus,
	body.sg-admin-client #wpadminbar #wp-admin-bar-menu-toggle > .ab-item:hover {
		color: #fff;
		background: var(--sg-admin-blue);
	}
}

body.sg-admin-client.profile-php .user-comment-shortcuts-wrap,
body.sg-admin-client.profile-php .user-admin-bar-front-wrap,
body.sg-admin-client.profile-php .user-url-wrap,
body.sg-admin-client.profile-php .user-description-wrap,
body.sg-admin-client.profile-php .user-profile-picture,
body.sg-admin-client.profile-php #application-passwords-section,
body.sg-admin-client.user-edit-php .user-comment-shortcuts-wrap,
body.sg-admin-client.user-edit-php .user-admin-bar-front-wrap,
body.sg-admin-client.user-edit-php .user-url-wrap,
body.sg-admin-client.user-edit-php .user-description-wrap,
body.sg-admin-client.user-edit-php .user-profile-picture,
body.sg-admin-client.user-edit-php #application-passwords-section {
	display: none !important;
}

body.sg-admin-client.profile-php h2:has(+ .form-table .user-description-wrap),
body.sg-admin-client.user-edit-php h2:has(+ .form-table .user-description-wrap) {
	display: none;
}

body.sg-admin-client #screen-meta-links {
	display: none;
}

#sg_admin_recent_content_updates_widget .inside {
	margin: 0;
	padding: 14px;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates {
	display: grid;
	margin: 0;
	gap: 8px;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates li {
	display: grid;
	margin: 0;
	padding: 10px 11px;
	border: 1px solid #e2dfd9;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 8px rgb(0 0 0 / 4%);
	gap: 7px;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__title {
	color: #272421;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
	text-decoration: none;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__title:hover,
#sg_admin_recent_content_updates_widget .sg-recent-content-updates__title:focus-visible {
	color: var(--sg-admin-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	color: #68635e;
	font-size: 11px;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__type {
	padding: 3px 7px;
	border-radius: 999px;
	background: #f1f0ec;
	font-weight: 650;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__date {
	white-space: nowrap;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__empty {
	margin: 0;
	padding: 14px;
	border: 1px dashed #ccc7bf;
	border-radius: 8px;
	color: #68635e;
	background: #f7f6f3;
}

#sg_admin_recent_content_updates_widget .sg-recent-content-updates__footer {
	margin: 12px 0 0;
}

.wp-core-ui a.sg-dashboard-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 11px;
	border-color: var(--sg-admin-blue-dark);
	border-radius: 4px;
	color: #fff;
	background: var(--sg-admin-blue);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	box-shadow: none;
}

.wp-core-ui a.sg-dashboard-cta:hover,
.wp-core-ui a.sg-dashboard-cta:focus {
	border-color: var(--sg-admin-navy);
	color: #fff;
	background: var(--sg-admin-blue-dark);
}

#wpadminbar,
#adminmenuback,
#adminmenuwrap,
#adminmenu {
	background: var(--sg-admin-navy);
}

#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu {
	background: var(--sg-admin-navy-soft);
}

#adminmenu a,
#adminmenu div.wp-menu-image::before,
#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
	color: #f7f1e8;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
	color: #fff;
	background: var(--sg-admin-blue);
}

#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
	box-shadow: inset 4px 0 0 var(--sg-admin-orange);
	color: #fff;
	background: var(--sg-admin-blue);
}

#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:focus,
#adminmenu .wp-submenu li.current a:hover {
	color: #ffad5c;
}

.wp-core-ui .button-primary {
	border-color: var(--sg-admin-blue-dark);
	background: var(--sg-admin-blue);
}

.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
	border-color: var(--sg-admin-navy);
	background: var(--sg-admin-blue-dark);
}

.wp-core-ui .button-primary:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--sg-admin-orange);
}

.wp-core-ui input[type="checkbox"]:checked::before {
	color: var(--sg-admin-blue);
}

.wp-core-ui input[type="radio"]:checked::before {
	background: var(--sg-admin-blue);
}

.wp-core-ui input[type="color"]:focus,
.wp-core-ui input[type="date"]:focus,
.wp-core-ui input[type="datetime-local"]:focus,
.wp-core-ui input[type="email"]:focus,
.wp-core-ui input[type="month"]:focus,
.wp-core-ui input[type="number"]:focus,
.wp-core-ui input[type="password"]:focus,
.wp-core-ui input[type="search"]:focus,
.wp-core-ui input[type="tel"]:focus,
.wp-core-ui input[type="text"]:focus,
.wp-core-ui input[type="time"]:focus,
.wp-core-ui input[type="url"]:focus,
.wp-core-ui input[type="week"]:focus,
.wp-core-ui select:focus,
.wp-core-ui textarea:focus {
	border-color: var(--sg-admin-blue);
	box-shadow: 0 0 0 1px var(--sg-admin-blue);
}

.wp-admin a {
	color: var(--sg-admin-blue);
}

.wp-admin a:focus,
.wp-admin a:hover {
	color: var(--sg-admin-blue-dark);
}

body.edit-php.wp-core-ui .wrap .page-title-action {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 14px;
	border-color: var(--sg-admin-listing-action);
	border-radius: 6px;
	background: var(--sg-admin-listing-action);
	color: #171513;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
}

body.edit-php.wp-core-ui .wrap .page-title-action::before {
	margin-inline-end: 8px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	content: "+";
}

body.edit-php.wp-core-ui .wrap .page-title-action:focus,
body.edit-php.wp-core-ui .wrap .page-title-action:hover {
	border-color: var(--sg-admin-listing-action-hover);
	background: var(--sg-admin-listing-action-hover);
	color: #171513;
}

body.edit-php.wp-core-ui .wrap .page-title-action:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--sg-admin-orange);
}

#adminmenu::before {
	content: "";
	display: block;
	height: 66px;
	margin: 8px 12px 10px;
	background: url("branding/small-giant-wordmark.png") center / contain no-repeat;
}

.folded #adminmenu::before {
	height: 44px;
	margin: 8px 4px;
	background-image: url("branding/small-giant-stacked.png");
}

@media screen and (min-width: 783px) {
	body.sg-admin-client #adminmenu .sg-admin-menu-utility > a.menu-top {
		min-height: 34px;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.3;
	}

	body.sg-admin-client #adminmenu .sg-admin-menu-utility .wp-menu-name {
		padding-block: 8px;
	}
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	padding: 0;
}

#wpadminbar .sg-admin-bar-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
}

#wpadminbar .sg-admin-bar-logo img {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.edit-post-fullscreen-mode-close__view-mode-toggle-icon,
.edit-site-layout__view-mode-toggle-icon {
	width: 64px;
	height: 64px;
	background: #1e1e1e url("branding/small-giant-stacked.png") center / 52px 52px no-repeat;
}

.edit-post-fullscreen-mode-close__view-mode-toggle-icon img,
.edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
.edit-site-layout__view-mode-toggle-icon img,
.edit-site-layout__view-mode-toggle-icon svg {
	opacity: 0;
}

.sg-admin-footer-brand {
	display: inline-flex;
	align-items: center;
}

.sg-admin-footer-brand img {
	display: block;
	width: auto;
	height: 34px;
}

.login {
	background: var(--sg-admin-navy);
}

.login h1 a {
	width: 260px;
	height: 190px;
	margin-bottom: 18px;
	background-image: url("branding/small-giant-stacked.png");
	background-position: center;
	background-size: contain;
}

.login form {
	border: 0;
	border-radius: 12px;
	box-shadow: 0 14px 42px rgb(0 0 0 / 28%);
}

.login #backtoblog a,
.login #nav a,
.login .privacy-policy-page-link a {
	color: #f7f1e8;
}

.login #backtoblog a:focus,
.login #backtoblog a:hover,
.login #nav a:focus,
.login #nav a:hover,
.login .privacy-policy-page-link a:focus,
.login .privacy-policy-page-link a:hover {
	color: #ffad5c;
}

@media screen and (max-width: 960px) {
	.auto-fold #adminmenu::before {
		height: 44px;
		margin: 8px 4px;
		background-image: url("branding/small-giant-stacked.png");
	}

	.auto-fold.wp-responsive-open #adminmenu::before {
		height: 66px;
		margin: 8px 12px 10px;
		background-image: url("branding/small-giant-wordmark.png");
	}
}