/* High Contrast */
@import "base/vars";
$accessible-blue: #1160af;
$accessible-red: #eb1414;

// ! base/type.scss
body {
	color: $bg-well;
	background: $white;
}
h3, a {
	color: $accessible-blue;
}
a {
	text-decoration: underline;
}
#header a, #footer a {
	text-decoration: none;
}
h5 {
	color: $bg-well;
}
.section-title-divider::before {
	content: none;
}
.section-title-divider {
	span {
		color: $bg-well;
		background-color: $white;
	}
}

table th {
	color: $bg-well;
}
table tfoot {
	color: $bg-secondary;
	background-color: $white;
}
code {
	color: $bg-well;
	background-color: $border-invert;
}
caption, .caption {
	color: $bg-well;
}

.message {
	&.message-success, &.message-error, &.message-info, &.message-warning {
		background: $bg-well;
	}
}

// ! base/icons.scss
.icon-alliance, .icon-newsletter, .icon-mac, .icon-avid, .icon-windows, .icon-document {
	background-color: $bg-well;
}
.icon-cart {
	background-image: svg-load("../.build/svgmin/cart-active.svg");
}

// ! base/forms.scss
fieldset:not(.checkbox_container):not(.radio_container) {
	background: $white;
	legend {
		color: $bg-well;
		background: $border-invert;
	}
}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"],
input[type="url"], input[type="search"], input[type="datetime"], input[type="date"],
input[type="time"], input[type="month"], input[type="week"], input[type="color"],
input[type="password"], textarea, .styled-select, .hosted-field {
	border-width: 2px 0;
	border-top-color: transparent;
	border-bottom-color: $accessible-blue;
	color: $bg-well;
	background-color: rgba($bg-well, .1);
	&:focus, &:active {
		box-shadow: 0 6px 10px -6px $accessible-blue;
	}
}

.hosted-field.braintree-hosted-fields-focused, select:focus, select:active {
	box-shadow: 0 6px 10px -6px $accessible-blue;
}
.control {
	color: $bg-well;
	.control-indicator::before {
		border-color: $white;
	}
	input:checked + label .control-indicator, input:active + label .control-indicator {
		background-color: $accessible-blue;
	}
	.control input:focus + label .control-indicator {
		box-shadow: 0 0 10px $accessible-blue;
	}
}

.styled-select {
	border-top-width: 0;
	.toggle-select {
		background-color: $accessible-blue;
	}
	+ .multiselect-button {
		color: $accessible-blue;
	}
}

input[type="submit"].unbutton, input[type="submit"].unbutton:hover {
	color: $accessible-blue;
}

span.mandatory, label.error {
	color: $accessible-red;
}

// ! atoms/buttons.scss
.button {
	background-color: $accessible-blue;
	text-decoration: none;
	transition: box-shadow .2s ease-in, color .2s ease-in, background-color .2s ease-in;
	&:hover {
		box-shadow: 0 6px 10px -6px $accessible-blue;
		background-color: $accessible-blue;
	}
}
.button-split {
	.button-primary:focus, .button-secondary {
		color: $accessible-blue;
	}
}
.button-social, .button-alt, input.button-alt {
	background: $border-invert;
	&:hover {
		color: $accessible-blue;
		background-color: $white;
	}
}
%toggle-button {
	&::before {
		background-color: $accessible-blue;
	}
}
button.delete {
	&::before {
		color: $border-subtle;
	}
	&:hover::before {
		background-color: $border-subtle;
	}
}

// ! atoms/tabs.scss
.tab-nav {
	input + label {
		color: $accessible-blue;
		&:hover {
			background: $accessible-blue;
		}
	}
	input[type="radio"]:checked + label {
		color: $white;
		background-color: $bg-primary;
		&:hover {
			color: $white;
		}
	}
}

// ! atoms/tags.scss
.tag {
	color: $accessible-blue;
}

// ! modules/header.scss
#header {
	background-color: $white;

	.logo {
		background-image: url("../img/pa-logo-invert.png");
	}
	.mod_navigation {
		li.popup {
			> div {
				color: $bg-secondary;
				background-color: $white;

				h4 {
					color: $accessible-blue;
				}
				.message {
					.detail {
						color: $bg-secondary;
					}
				}
			}
			&.expanded {
				> a, > a:hover {
					color: $text-neutral-invert;
					background: $white;
				}
			}
		}

		.level_0 li {
			> a, > span {
				color: $text-neutral-invert;
			}
			> a:hover, > span.current {
				color: $accessible-blue;
			}
			+ li {
				border-left: 0;
			}

			&.search {
				input.text {
					border-width: 0 0 2px;
					color: $bg-well;
					background: rgba($bg-well, .1);
				}
				input.text:focus, input.text:active {
					color: $bg-well;
				}
				input[type="submit"] {
					border-color: $border-invert;
					background-color: $border-invert;
				}
			}

			@media (min-width: 740px) {
				&.register a {
					color: $accessible-blue;
					&:hover, &.current {
						color: $accessible-blue;
					}
				}
			}
		}

		.level_1 {
			a, span {
				color: $bg-well;
			}
			a:hover, span.current, li.active a, li.active span {
				color: $accessible-blue;
			}
		}
	}
}

// ! modules/footer.scss
#call-to-action {
	background: $white;

	.cta-item {
		border: 0 none;

		h3 {
			color: $accessible-blue;
			.icon {
				width: 1.4em;
				height: 1.4em;
				background-size: 80%;
				vertical-align: middle;
			}
		}
		.cta-action input[type="email"] {
			border-width: 0 0 2px;
			border-top-color: transparent;
			border-bottom-color: $accessible-blue;
			color: $bg-well;
			background: rgba($bg-well, .1);
		}
	}
}

#footer {
	color: $bg-well;
	background-color: $white;
	background-image: none;

	.mod_customnav ul {
		label, a {
			color: $bg-well;
			&:hover {
				color: $accessible-blue;
			}
		}
		li:not(.social) > span {
			color: $accessible-blue;
		}
	}
}

// ! modules/hero.scss
#hero-image {
	background-color: $white;
	h1, h2, p, a p {
		color: $bg-well;
		background: rgba($white, .8);
	}
}

// ! modules/pagination.scss
.pagination {
	span.current {
		color: $bg-well;
	}
}

// ! modules/modal.scss
.featherlight {
	.featherlight-content {
		background: $white;
	}
}

// ! modules/log-in.scss
#header #tl_logout input[type="submit"] {
	color: $text-neutral-invert;
	&:hover {
		color: $accessible-blue;
	}
}

// ! modules/cart.scss
.mod_cur_cart {
	.order-item span.quantity {
		background-color: $accessible-blue;
	}
	.sum:not(.discount) .label {
		color: $accessible-blue;
	}
}

// ! modules/notifications.scss
.mod_cur_notification_list, .mod_freshdesk_list {
	.notification.read h3 a {
		color: $text-neutral-invert;
	}
}

// ! modules/media.scss
.owl-carousel {
	button.owl-dot {
		border: 2px solid $text-neutral-invert;
	}
	.owl-dot:hover {
		background-color: $accessible-blue;
	}
	.owl-dot.active {
		border-color: $bg-well;
		background-color: $bg-well;
	}
}

.viewer.owl-carousel .item {
	color: $bg-well;
}

.ytv-canvas, .ytv-playlists {
	background-color: $border-invert;
}
.ytv-list a {
	color: $bg-well;
}
.ytv-list .ytv-thumb span {
	color: #fff;
}
.ytv-views {
	opacity: 1;
}

// ! modules/downloads.scss
.download-links .group {
	h4, li a {
		color: $accessible-blue;
	}
	.icon {
		background-position: center;
	}
}

// ! modules/testimonials.scss
.testimonial {
	a:hover {
		color: $accessible-blue;
	}
}
.testimonial-author {
	.author-name {
		color: $accessible-blue;
	}

	.author-byline {
		color: $text-neutral-invert;
	}
}
.testimonial-subheadline {
	color: $text-neutral-invert;
}

// ! modules/reviews.scss
#right {
	#reviews-summary {
		.review-rating {
			color: $accessible-blue;
		}
		.summary-footer .bar {
			border-color: $accessible-blue;
			> span {
				background-color: $accessible-blue;
			}
		}
	}
}

.list-reviews {
	.review-author .author-name, .review-header .review-rating, .review-header .review-subject {
		color: $accessible-blue;
	}
	.review-author .author-byline, .review-author time, .review-header, .review-subheadline {
		color: $text-neutral-invert;
	}
}

// ! modules/create-demo.scss
.mod_cur_createdemo {
	.toggler[role] {
		&:hover, &:focus {
			color: $accessible-blue;
		}
	}
	#main & .inneraccordion {
		background: $white;
	}
	ul li.no-demo {
		color: $text-neutral-invert;
	}
}

// ! modules/format-chart.scss
.table-formats tr:hover { background: $border-invert; }

// ! layout/global.scss
#page-toolbar {
	background: rgba($white, .8);
	.page-nav > ul a:hover, .filter-options a:hover {
		color: $accessible-blue;
	}
	@media (max-width: 799px) {
		.page-nav-label::after {
			background-color: $accessible-blue;
		}
	}
	.page-nav > ul, .filter-options {
		a:hover {
			color: $accessible-blue;
		}
		@media (max-width: 799px) {
			background-color: rgba($white, .8);
		}
	}

	.flag {
		> label {
			color: $bg-well;
			&:hover {
				color: $accessible-blue;
			}
		}
		&.option-selected {
			> label {
				border-color: $accessible-blue;
				color: $accessible-blue;
				&:hover {
					color: $accessible-blue;
				}
			}
		}
	}

	.flag-options {
		background-color: rgba($white, .8);
		input:checked + label {
			color: $accessible-blue;
		}
		label:hover {
			color: $accessible-blue;
		}
	}
}

// ! layout/home.scss
body.home {
	#hero-image h1 {
		color: $accessible-blue;
	}
	#main {
		section#brand-statement {
			background-color: $white;
		}
		.grid {
			.grid-headline, .grid-content li:not(.footer) > a:hover, .grid-content li:not(.footer) > a:focus {
				color: $accessible-blue;
			}
			.grid-content .flag-sale {
				border-bottom-color: $white;
				color: $accessible-blue;
			}
			.grid-headline {
				background-color: $white;
			}
			.grid-content .content {
				padding-right: 0;
				padding-left: 0;
			}
		}
		section:nth-of-type(even), section:nth-of-type(even) .section-title-divider span,
		section .section-title-divider span {
			background-color: $white;
		}
		section:nth-of-type(even) .grid-content .grid-item-content,
		section .grid-content .grid-item-content {
			color: $bg-well;
			background-color: $white;
		}
	}
}

// ! layout/products.scss
body.products #page-toolbar .page-nav a.disabled {
	text-decoration: none;
}
.list-products > li {
	&:hover .product-title a, &:hover .product-title a {
		color: $accessible-blue;
	}
	.product-image a {
		border: 0 none;
	}
	.product-manufacturer {
		color: $bg-well;
	}
	.product-title a {
		color: $accessible-blue;

		&:hover {
			color: $accessible-blue;
		}
	}
	.current-price {
		color: $accessible-blue;
	}
	.action {
		.button, input[type="submit"] {
			background-color: $accessible-blue;
			&:hover, &:focus {
				color: $accessible-blue;
			}
		}
	}
	input[type="submit"] {
		background-color: $accessible-blue;
	}
	.product-rating {
		color: $accessible-blue;
	}
	.product-flags .flag {
		color: $accessible-blue;
	}
	.product-flags .flag.flag-sale {
		border-bottom-color: $white;
		color: $accessible-blue;
	}
}

// ! layout/product-single.scss
body.product {
	.page-actions .action {
		.button, input[type="submit"] {
			&:hover, &:focus {
				color: $accessible-blue;
			}
		}
	}
	.page-actions .current-price {
		color: $accessible-blue;
	}
	#included .list-products .product-title a:hover {
		color: $accessible-blue;
	}
	#right .section-content h4 {
		color: $accessible-blue;
	}
}

// ! layout/pick-pack.scss
body.pick-pack #main {
	.featured-quote blockquote {
		color: $accessible-blue;
	}
	.mod_cur_subscription_build {
		.add-item a, .sum .label {
			color: $accessible-blue;
		}
	}
}
body.view-subscriptions {
	.mod_cur_subscription_account {
		.order-item .product-title {
			color: $accessible-blue;
		}
	}
}

// ! layout/checkout.scss
body.checkout {
	#page-toolbar .page-nav li {
		color: $bg-well;
		&.current {
			color: $accessible-blue;
			~ li {
				color: $text-neutral-invert;
			}
		}
	}
}
body.my-cart {
	span.manufacturer {
		color: $bg-well;
	}
	.mod_cur_checkout {
		h3, h4 {
			color: $accessible-blue;
		}
		.order-item span.quantity {
			background-color: $accessible-blue;
		}
		.order-item .product-title {
			color: $accessible-blue;
		}
		.sum.discount {
			color: $text-neutral-invert;
		}
		.sum:not(.discount) .label {
			color: $accessible-blue;
		}
	}
}

// ! layout/order-success.scss
body.order-success {
	.inneraccordion {
		background-color: $white;
	}
	.toggler[role] {
		&:hover, &:focus {
			color: $accessible-blue;
		}
	}
}

// ! layout/myplugins.scss
body.myplugins {
	&.manage-plugins, &.manage-devices {
		.inneraccordion {
			background-color: $white;
		}
	}
	&.manage-plugins {
		.toggler[role] {
			&:hover, &:focus {
				color: $accessible-blue;
			}
		}
	}
}

// ! layout/wish-list.scss
body.wish-list {
	span.manufacturer {
		color: $bg-well;
	}
	.wish-list {
		.order-item .product-title {
			color: $accessible-blue;
		}
	}
}

// ! layout/support.scss
body.support {
	.toggler[role] {
		&:hover, &:focus {
			color: $accessible-blue;
		}
	}
	.inneraccordion {
		background: $white;
	}
}

// ! layout/news-article.scss
body.news.article .article-content h4 {
	color: $accessible-blue;
}
.video-content {
	color: $text-neutral-invert;
}

// ! layout/reviews.scss
body.reviews {
	#main #downloads li a {
		color: $accessible-blue;
	}

	form fieldset.rating {
		&:hover label::before {
			color: $accessible-blue;
		}
		label:hover ~ label::before {
			color: $bg-well;
		}
	}
}

// ! layout/detail.scss
body.detail #main .section-content h4 {
	color: $accessible-blue;
}

// ! layout/media-resources.scss
body.media-resources {
	.list-press-releases > li h5 a:hover {
		color: $accessible-blue;
	}
	#contact-info h5 {
		color: $accessible-blue;
	}
}

// ! layout/christmas.scss
body.xmas-calendar {
	#xmas, .featherlight {
		.pricing input[type="submit"]:hover {
			color: $accessible-blue;
		}
	}
}