/* ----------------------------- */
/* theme switcher toggle + panel */
/* ----------------------------- */

.theme-switcher-tooltip .tooltip-inner {
	white-space: nowrap;
}

#js-theme-switcher-toggle {
	position: absolute;
	float: right;
	top: 44px;
	right: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

#js-theme-switcher-toggle svg {
	width: 15px;
	height: 15px;
	color: var(--link-color);
	vertical-align: top;
}

#js-theme-switcher-toggle:hover svg,
#js-theme-switcher-toggle:focus-visible svg {
	transform: scale(1.1);
}

@media (max-width: 700px) {
	#js-theme-switcher-toggle {
		top: 45px;
		right: 40px;
	}
}

.theme-switcher-panel {
	position: sticky;
	top: 0;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	z-index: 101;
	max-height: 0;
	overflow: hidden;
	background-color: var(--divider);
	border-bottom: 0 solid var(--border-light);
	transition: max-height .25s ease-in-out, border-bottom-width .25s ease-in-out;
}

.theme-switcher-panel.active {
	max-height: 200px;
	border-bottom-width: 1px;
}

.theme-switcher-panel__inner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	max-width: 1140px;
	margin: 0 auto;
	padding: 12px 40px 12px 0;
}

.theme-switcher-panel__group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.theme-switcher-panel__label {
	font-size: calc(14px * var(--font-scale));
	color: var(--text-color);
	margin-right: 4px;
}

.theme-switcher-panel__btn {
	font-size: calc(13px * var(--font-scale));
	color: var(--link-color);
	background-color: transparent;
	border: 1px solid var(--border-light);
	border-radius: 4px;
	padding: 4px 10px;
	cursor: pointer;
}

.theme-switcher-panel__btn:hover {
	color: var(--surface-color);
	background-color: var(--link-color);
	border-color: var(--link-color);
}

.theme-switcher-panel__btn.active {
	color: var(--surface-color);
	background-color: var(--link-color);
	border-color: var(--link-color);
}

.theme-switcher-panel__reset {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	margin-right: 24px;
	font-size: calc(13px * var(--font-scale));
	color: var(--link-color);
	background-color: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.theme-switcher-panel__reset svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.theme-switcher-panel__reset:hover {
	text-decoration: underline;
}

.theme-switcher-panel__close {
	position: absolute;
	top: 10px;
	right: 0;
	width: 28px;
	height: 28px;
	line-height: 1;
	font-size: calc(20px * var(--font-scale));
	color: var(--text-color);
	background-color: transparent;
	border-radius: 50%;
	border: 0;
	cursor: pointer;
	transition: background-color .15s;
}

.theme-switcher-panel__close:hover {
	background-color: var(--border-light);
}

@media (max-width: 1199px) {
	.theme-switcher-panel__inner {
		max-width: 940px;
	}
	.theme-switcher-panel__reset{
		margin-left: 0;
		margin-right: auto;
	}
}

@media (max-width: 991px) {
	.theme-switcher-panel__inner {
		max-width: 720px;
	}
}

@media (max-width: 767px) {
	.theme-switcher-panel__inner {
		max-width: calc(100% - 30px);
		padding: 12px 24px 12px 0;
		gap: 12px;
	}
}

@media (max-width: 700px){
	#js-theme-switcher-toggle{
		margin-top: 6px;
		position: inherit;
	}
}


/* ----------------------------- */
/* large text theme             */
/* ----------------------------- */

html.theme--big-text {
	--font-scale: 1.1;
}

html.theme--large-text {
	--font-scale: 1.2;
}


/* ----------------------------- */
/* black on white contrast theme */
/* ----------------------------- */
 
html.theme--black-on-white  {
	/* backgrounds / panels -> white */
	--surface-color: #fff;
	--btn-cancel-background: #fff;
	--surface-faint: #fff;
	--landing-panel-bg: #fff;
	--video-menu-bg: #fff;
	--chosen-bg-alt: #fff;
	--chosen-bg-light: #fff;
	--filter-highlight-bg: #fff;
	--table-stripe-bg: #fff;
	--surface-faintest: #fff;

	/* everything else (text, links, borders, accents, icons) -> black */
	--text-color: #000;
	--link-color: #000;
	--accent-color: #595959;
	--accent-color-hover: #333;
	--hover-color: #333;

	--text-strong: #000;
	--text-heading: #333;
	--text-muted: #000;
	--text-subtle: #000;
	--border-light: #aaa;
	--divider: #ccc;
	--divider-alt: #000;
	--divider-faint: #000;
	--border-faint: #000;
	--border: #000;
	--shadow: #000;
	--error: #000;
	--success: #000;

	--landing-panel-border: #000;
	--landing-accent-1: #000;
	--landing-accent-2: #000;
	--landing-accent-3: #000;
	--landing-highlight: #000;
	--landing-table-bg: #000;

	--video-control-bg: #000;
	--video-progress-bg: #000;
	--video-volume-bg: #000;

	--header-icon-hover: #000;
	--header-toggle-hover: #000;
	--header-social-hover: #000;
	--header-youtube-color: #000;

	--adjustment-heading: #000;
	--adjustment-caption: #000;
	--adjustment-link: #000;

	--widget-active-text: #000;
	--modal-arrow: #000;
	--nav-section-link: #000;
	--features-list-text: #000;
	--form-focus-border: #ccc;

	/* added.css */
	--chosen-border: #000;
	--chosen-item-border: #000;
	--chosen-focus-border: #000;
	--form-placeholder: #000;
	/* --form-error: #000; */
	--form-cancel-border: #000;
	--table-border: #000;
	--filter-item-text: #000;
	--payment-btn-text: #fff;
	--payment-btn-hover-bg: #333;
	--text-soft: #000;
	--text-faded: #000;
}

html.theme--black-on-white  img,
html.theme--black-on-white  svg,
html.theme--black-on-white  .icons-sprite,
html.theme--black-on-white  .header-page__phone span:before,
html.theme--black-on-white  .header-page__phone a:before,
html.theme--black-on-white  .header-page__inclusivity .inclusivity:before,
html.theme--black-on-white  .back2,
html.theme--black-on-white  .landing-block-4__col:after,
html.theme--black-on-white  .landing-block-5__description-new:before,
html.theme--black-on-white  .video__img:after,
html.theme--black-on-white  .list-2 li::before,
html.theme--black-on-white  .nav-inline li:first-child::after,
html.theme--black-on-white  .bx-wrapper .bx-pager.bx-default-pager a.active {
	filter: grayscale(100%);
}

html.theme--black-on-white  .nav-pages-section a.active,
html.theme--black-on-white  .nav-pages-section a:hover,
html.theme--black-on-white  .dropdown-menu a:hover,
html.theme--black-on-white  .features__list li a:hover {
    color: #333;
}

html.theme--black-on-white  .pzu_in_numbers-block{
    background-color: var(--surface-faint);
}
html.theme--black-on-white  #geoip_modal_text{
    color: var(--text-color) !important;
}


/* ----------------------------- */
/* white on black contrast theme */
/* ----------------------------- */

html.theme--white-on-black  {
	/* backgrounds / panels -> black */
	--surface-color: #000;
	--btn-cancel-background: #000;
	--surface-faint: #000;
	--landing-panel-bg: #000;
	--video-menu-bg: #000;
	--chosen-bg-alt: #000;
	--chosen-bg-light: #000;
	--filter-highlight-bg: #000;
	--table-stripe-bg: #000;
	--surface-faintest: #000;

	/* everything else (text, links, borders, accents, icons) -> white */
	--text-color: #fff;
	--link-color: #fff;
	--accent-color: #fff;
	--accent-color-hover: #ddd;
	--hover-color: #ddd;

	--text-strong: #fff;
	--text-heading: #ccc;
	--text-muted: #fff;
	--text-subtle: #fff;
	--border-light: #777;
	--divider: #555;
	--divider-alt: #fff;
	--divider-faint: #fff;
	--border-faint: #fff;
	--border: #fff;
	--shadow: #fff;
	--error: #fff;
	--success: #fff;

	--landing-panel-border: #fff;
	--landing-accent-1: #fff;
	--landing-accent-2: #fff;
	--landing-accent-3: #fff;
	--landing-highlight: #fff;
	--landing-table-bg: #fff;

	--video-control-bg: #fff;
	--video-progress-bg: #fff;
	--video-volume-bg: #fff;

	--header-icon-hover: #fff;
	--header-toggle-hover: #fff;
	--header-social-hover: #fff;
	--header-youtube-color: #fff;

	--adjustment-heading: #fff;
	--adjustment-caption: #fff;
	--adjustment-link: #fff;

	--widget-active-text: #fff;
	--modal-arrow: #fff;
	--nav-section-link: #fff;
	--features-list-text: #fff;
	--form-focus-border: #333;
	--btn-text-color: #000;

	/* added.css */
	--chosen-border: #fff;
	--chosen-item-border: #fff;
	--chosen-focus-border: #fff;
	--form-placeholder: #fff;
	/* --form-error: #fff; */
	--form-cancel-border: #fff;
	--table-border: #fff;
	--filter-item-text: #fff;
	--payment-btn-text: #000;
	--payment-btn-hover-bg: #ccc;
	--text-soft: #fff;
	--text-faded: #fff;
	--btn-primary-background: #fff;
}

html.theme--white-on-black  img,
html.theme--white-on-black  .icons-sprite,
html.theme--white-on-black  .header-page__phone span:before,
html.theme--white-on-black  .header-page__phone a:before,
html.theme--white-on-black  .header-page__inclusivity .inclusivity:before,
html.theme--white-on-black  .back2,
html.theme--white-on-black  .landing-block-4__col:after,
html.theme--white-on-black  .landing-block-5__description-new:before,
html.theme--white-on-black  .video__img:after,
html.theme--white-on-black  .list-2 li::before,
html.theme--white-on-black  .nav-inline li:first-child::after,
html.theme--white-on-black  .bx-wrapper .bx-pager.bx-default-pager a.active {
	filter: grayscale(100%);
}

html.theme--white-on-black  .header-page__inclusivity .inclusivity:before{
	filter: grayscale(100%) invert(100%);
}

html.theme--white-on-black  svg,
html.theme--white-on-black .logo img,
html.theme--white-on-black  .circles_list img,
html.theme--white-on-black  .accessibility_block-item img,
html.theme--white-on-black  .car-insurance__item-block,
html.theme--white-on-black #group-catvehicle img{
	filter: brightness(0) invert(1);
}

html.theme--white-on-black  .nav-pages-section a.active,
html.theme--white-on-black  .nav-pages-section a:hover,
html.theme--white-on-black  .dropdown-menu a:hover,
html.theme--white-on-black  .features__list li a:hover {
    color: #ccc;
}

html.theme--white-on-black .navbar-default .navbar-nav > li > a:hover,
html.theme--white-on-black .navbar-default .navbar-nav > .active > a{
	color: #bbb;
	border-bottom: 4px solid #bbb;
}

html.theme--white-on-black  .pzu_in_numbers-block{
    background-color: var(--surface-faint);
}
html.theme--white-on-black  #geoip_modal_text{
    color: var(--text-color) !important;
}

html.theme--white-on-black  .tooltip-inner {
	color: #000;
}

html.theme--white-on-black  .combobox input,
html.theme--white-on-black  ul[role="listbox"]{
	background-color: #000;
}

html.theme--white-on-black .combobox svg{
	filter: none;
}

html.theme--white-on-black [role="listbox"] [role="option"]:hover{
	background-color: #777;
}

html.theme--white-on-black .modal-dialog,
html.theme--white-on-black .modal-footer,
html.theme--white-on-black select{
	background-color: #000 !important;
}

html.theme--white-on-black .card-payment-title{
	color: #fff;
}