/* =========================================================
   Audi Dark Theme – Color Variables
   (alle kleuren uit je huidige stylesheet zijn hier gecentraliseerd)
   ========================================================= */
body.audi-dark:not(.et-fb){
  /* base */
  --ad-bg-body: #000000;
  --ad-text: #ffffff;
  --ad-text-muted: rgba(252, 252, 253, 0.7);

  /* sections */
  --ad-bg-header-footer: #020203;
  --ad-bg-section: #101319;

  /* buttons */
  --ad-btn-bg: rgb(101, 112, 129);
  --ad-btn-bg-hover: rgb(44, 52, 63);
  --ad-btn-shadow-hover: rgba(219, 223, 230, 0.2);

  /* gradients */
  --ad-grad-dark: linear-gradient(to bottom, #232a34 0%, #161a20 100%);

  /* form fields */
  --ad-field-bg: rgb(63, 70, 83);

  /* radii */
  --ad-radius-input: 20px;
  --ad-radius-button: 25px;

  /* Amelia (dealer specifiek) */
  --am-c-advs-item-border1: #e4e7ed;
}


/* =========================================================
   Base Theme Styling
   ========================================================= */
body.audi-dark:not(.et-fb){
  background-color: var(--ad-bg-body) !important;
  color: var(--ad-text) !important;
}

body.audi-dark:not(.et-fb) p,
body.audi-dark:not(.et-fb) span,
body.audi-dark:not(.et-fb) #footer-text a{
  color: var(--ad-text-muted) !important;
}

.noUi-tooltip,
.noUi-touch-area{
	background:	 var(--ad-bg-body) !important;
	color: var(--ad-text) !important;
}

body.audi-dark:not(.et-fb) h1,
body.audi-dark:not(.et-fb) h2,
body.audi-dark:not(.et-fb) h3,
body.audi-dark:not(.et-fb) h4,
body.audi-dark:not(.et-fb) h5,
body.audi-dark:not(.et-fb) .card.infoWindow .card-content .card-title{
  color: var(--ad-text) !important;
}

body.audi-dark:not(.et-fb) #custom-global-header #header-image-text h1,
body.audi-dark:not(.et-fb) #custom-global-header #header-image-text h3{
	color: var(--ad-bg-body)!important;
}

body.audi-dark:not(.et-fb) #main-content .et_pb_section:has(#footer-text),
body.audi-dark:not(.et-fb) .et_pb_section.et_pb_section_0_tb_header.et_section_regular{
  background-color: var(--ad-bg-header-footer) !important;
}

body.audi-dark:not(.et-fb) #main-content .et_pb_section{
  background-color: var(--ad-bg-section) !important;
}

/* Buttons */
body.audi-dark:not(.et-fb) button,
body.audi-dark:not(.et-fb) .card-action.infowindow a,
body #page-container .et_pb_section .et_pb_button,
body #page-container .et_pb_section .et_pb_button.et_pb_button_0{
  border-radius: var(--ad-radius-button);
  background-color: var(--ad-btn-bg) !important;
  border-color: var(--ad-btn-bg) !important;
  color: var(--ad-text) !important;
}

body.audi-dark:not(.et-fb) button:hover,
body #page-container .et_pb_section .et_pb_button:hover{
  background-color: var(--ad-btn-bg-hover) !important;
  box-shadow: var(--ad-btn-shadow-hover) 0px 0px 0px 1px inset;
  border-color: var(--ad-btn-bg) !important;
}
body #page-container .et_pb_section .et_pb_button,
body #page-container .et_pb_section .et_pb_button.et_pb_button_0{
	height: 46px;
  line-height: 1em !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
	box-shadow: var(--btn-secondary-shadow-hover) 0px 0px 0px 1px inset;
  border: var(--btn-secondary-shadow-hover) 0px 0px 0px 1px inset;
}

/* SVG invert */
body.audi-dark:not(.et-fb) .et_pb_image .et_pb_image_wrap img[src*=".svg"],
.gm-control-active > img:nth-child(1),
.gm-control-active > img,
body.audi-dark:not(.et-fb) .gm-style-iw-d .card .card-image img{
  filter: invert(1) brightness(2)!important;
}

body.audi-dark footer, body.audi-dark header{
	position: relative;
	z-index: 0;
}

/* =========================================================
   Amelia – dealer specifiek kleuren omzetten
   ========================================================= */

/* Scope de Amelia vars op de popper (dropdown) */
body.audi-dark:not(.et-fb) .el-popper.is-pure.is-light.el-cascader__dropdown.am-adv-select__popper-279.am-adv-select__popper,
body.audi-dark:not(.et-fb) .am-adv-select__popper{
	--am-c-advs-item-bgr: var(--ad-grad-dark)!important;
  --am-c-advs-item-border: var(--am-c-advs-item-border1)!important;
  --am-c-option-bgr: var(--ad-grad-dark)!important;
  --am-c-select-option-bgr: var(--ad-grad-dark)!important;
}

/* Dropdown / tooltip containers */
body.audi-dark:not(.et-fb) .el-cascader__dropdown.el-popper[role="tooltip"],
body.audi-dark:not(.et-fb) .am-select-popper.el-select__popper.el-popper[role="tooltip"],
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-select .el-input__inner{
  background: var(--ad-grad-dark)!important;
}

/* Text colors inside Amelia */
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container.am-fs__wrapper *,
body.audi-dark:not(.et-fb) .el-scrollbar.el-cascader-menu span,
body.audi-dark:not(.et-fb) .am-select-popper .el-select-dropdown__item,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .m-phone-number-input__input .m-input-wrapper-input input,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-select .el-select__selected-item.el-select__placeholder span{
  color: var(--ad-text-muted) !important;
}

/* Main Amelia panels */
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-fs__main-inner,
body.audi-dark:not(.et-fb) .am-select-popper .el-select-dropdown__list{
  background: var(--ad-grad-dark) !important;
}

/* Inputs / controls background */
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-adv-select .el-input__inner,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-select .el-input__inner,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-input-wrapper .am-input .el-input__inner:not([type="text-area"]),
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .m-phone-number-input__input,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .m-phone-number-input__select.m-select .m-input-wrapper-right,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-radio-wrapper .el-radio__inner,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-checkbox-wrapper .el-checkbox__inner,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-adv-select .el-input__wrapper,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-select-wrapper .am-select .el-select__wrapper,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-input-wrapper .am-input .el-input__wrapper{
  background: var(--ad-field-bg) !important;
	background-color: var(--ad-field-bg) !important;
}

/* Congrats box */
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-fs__congrats-info{
  --am-c-atc-main-bgr: transparent !important;
}

/* Active path label */
body.audi-dark:not(.et-fb) .am-adv-select__popper
  .el-cascader-node.in-active-path .am-adv-select__item-label,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-select .el-select__selected-item.el-select__placeholder span{
  color: var(--ad-text);
}

body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container.am-fs__wrapper ::placeholder{
color: var(--ad-text-muted) !important;	
}

/* Radii */
body.audi-dark:not(.et-fb) #amelia-container input{
  border-radius: var(--ad-radius-input) !important;
}

body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-button{
  border-radius: var(--ad-radius-button) !important;
}

body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-adv-select .el-input.is-focus .el-input__wrapper,
body.audi-dark:not(.et-fb) .amelia-v2-booking #amelia-container .am-adv-select .el-input.is-focus .el-input__wrapper .el-input__inner,
body.audi-dark:not(.et-fb) #amelia-container .am-adv-select input{
	--am-c-advs-border: none!important;
	border: none!important;
	border-radius: none!important;
}
/* Input fields correcte kleur meegeven, ook tijdens selected. */
body.audi-dark:not(.et-fb)  #amelia-container .is_focused .el-select__selection,
body.audi-dark:not(.et-fb)  #amelia-container .am-button--secondary,
body.audi-dark:not(.et-fb) #amelia-container .is_focused input{
	display:none!important;
	border-bottom: none!important;
	border-radius: none!important;
}

body.audi-dark:not(.et-fb)  #amelia-container input[type="text"]:not(.browser-default):focus:not([readonly]){
	background: none!important;
	border-bottom: none!important;
}

/* stepchecker color */
body.audi-dark:not(.et-fb)  .amelia-v2-booking #amelia-container .am-fs-sb__step-checker-selected{
	--am-c-sb-checker-border: var(--ad-btn-bg)!important;}

/* Autofill chrome overwrite */
.amelia-v2-booking input:-webkit-autofill,
.amelia-v2-booking input:-webkit-autofill:hover,
.amelia-v2-booking input:-webkit-autofill:focus,
.amelia-v2-booking textarea:-webkit-autofill,
.amelia-v2-booking textarea:-webkit-autofill:hover,
.amelia-v2-booking textarea:-webkit-autofill:focus,
.amelia-v2-booking select:-webkit-autofill,
.amelia-v2-booking select:-webkit-autofill:hover,
.amelia-v2-booking select:-webkit-autofill:focus{
	  -webkit-text-fill-color: var(--ad-text-muted) !important;
  caret-color: var(--ad-text-muted) !important;
  box-shadow: 0 0 0 1000px var(--ad-field-bg) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--ad-field-bg) inset !important;
  border-color: rgba(252, 252, 253, 0.25) !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Mobile and small tablets */
@media only screen and (max-width: 768px) {
.amelia-v2-booking #amelia-container .am-fs-sb-atc{
	background-image: none!important;
	}
body.audi-dark .audi-dark-locator .card.infoWindow .card-action a{
	max-width: max-content!important;
	}
	
}