/* =========================================================
   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: rgba(24, 29, 37, 0.6);
  --ad-field-border: rgba(219, 223, 230, 0.6) 0px 0px 0px 1px;

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

}


/* =========================================================
   Base Theme Styling
   ========================================================= */
/**
 * Stijling buttons
 */
body.audi-dark:not(.et-fb) #page-container .et_pb_section .et_pb_promo .et_pb_button_wrapper .et_pb_promo_button.et_pb_button,
body.audi-dark:not(.et-fb) .product.woocommerce > a,
body.audi-dark:not(.et-fb) .woocommerce-cart-form__contents .button,
body.audi-dark:not(.et-fb) .checkout-button.button.alt.wc-forward,
body.audi-dark:not(.et-fb) .woocommerce a.button.wc-backward,
body.audi-dark:not(.et-fb) .woocommerce-order-details .order-again a.button{
	border: none;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline-offset: -3px;
    border-radius: 999px;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    transition-duration: 250ms;
    transition-property: color, box-shadow, background-color;
    min-height: 48px;
    min-width: 64px;
    letter-spacing: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-stretch: 105%;
	border-radius: 25px;
	padding: 12px 25px!important;
	background-color: var(--ad-btn-bg) !important;
	max-height: 48px;
	border: 1px solid var(--ad-btn-bg) !important;
}
body.audi-dark:not(.et-fb) #page-container .et_pb_section .et_pb_promo .et_pb_button_wrapper .et_pb_promo_button.et_pb_button:hover,
body.audi-dark:not(.et-fb) .product.woocommerce > a:hover,
body.audi-dark:not(.et-fb) .woocommerce-cart-form__contents .button:hover,
body.audi-dark:not(.et-fb) .checkout-button.button.alt.wc-forward:hover,
body.audi-dark:not(.et-fb) .woocommerce-cart-form__contents .button:hover,
body.audi-dark:not(.et-fb) .woocommerce a.button.wc-backward:hover,
body.audi-dark:not(.et-fb) .woocommerce-order-details .order-again a.button:hover{
	background-color: var(--ad-btn-bg-hover)!important;
	border: 1px solid var(--ad-btn-bg)!important;
	box-shadow: var(--ad-btn-shadow-hover)!important;
}



/* body*/
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 .et_pb_menu ul li a,
body.audi-dark:not(.et-fb) .et_pb_menu_0_tb_header.et_pb_menu ul li a,
body.audi-dark:not(.et-fb) .et_pb_gallery .et_pb_gallery_pagination ul li a.active,
body.audi-dark:not(.et-fb) .event_tickets.tickera td{
  color: var(--ad-text-muted) !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) .et_pb_module.et_pb_promo h4,
body.audi-dark:not(.et-fb) .et_pb_text_inner h4,
body.audi-dark:not(.et-fb) h5,
body.audi-dark:not(.et-fb) a,
body.audi-dark:not(.et-fb) .card.infoWindow .card-content .card-title,
body.audi-dark:not(.et-fb) .entry-content tr th,
body.audi-dark:not(.et-fb) .et_pb_module h1.et_pb_module_header,
body.audi-dark:not(.et-fb) .et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__cart-button{
  color: var(--ad-text) !important;
}
body.audi-dark:not(.et-fb) #main-content p a{
	border-bottom: 1px solid var(--ad-text);
    padding-bottom: 5px;
}
body.audi-dark:not(.et-fb) #main-content p a:hover{
	color: var(--ad-text-muted) !important;
	border-bottom: 1px solid var(--ad-text-muted);
	transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  transition-duration: 250ms;
  transition-property: color, border-bottom, text-decoration-color;
}
body.audi-dark:not(.et-fb) .et_pb_module.et_pb_promo h4{
	font-size: 2.6em!important;
}

body.audi-dark:not(.et-fb) #main-content,
body.audi-dark:not(.et-fb) .tc-form-ticket-fields-wrap .owner-info-wrap{
  background-color: var(--ad-bg-section)!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,
body.audi-dark:not(.et-fb) .et_pb_section_1_tb_header.et_pb_section,
body.audi-dark:not(.et-fb) .et_pb_section_3_tb_header.et_pb_section,
body.audi-dark:not(.et-fb) .et_pb_section_0_tb_footer.et_pb_section,
body.audi-dark:not(.et-fb) .et_pb_section_5_tb_header.et_pb_section{
  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.audi-dark:not(.et-fb) .woocommerce-cart-form__contents .button{
  border-radius: var(--ad-radius-button)!important;
  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{
  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;
}

/* images */
body.audi-dark:not(.et-fb) .et_pb_column:has(div > span > img),
body.audi-dark:not(.et-fb) .et_pb_gallery_grid .et_pb_gallery_item img,
body.audi-dark:not(.et-fb) .et_pb_gallery_image:hover .et_overlay{
	border-radius: var(--ad-radius-button);
}
body.audi-dark:not(.et-fb) .et_overlay{
	filter: invert(1) brightness(2)!important;
}

/* forms */
body.audi-dark:not(.et-fb) .et_pb_contact p input,
body.audi-dark:not(.et-fb) .et_pb_contact p textarea,
body.audi-dark:not(.et-fb) .woocommerce-cart-form__contents .coupon #coupon_code,
body.audi-dark:not(.et-fb) .woocommerce form .form-row input.input-text,
body.audi-dark:not(.et-fb) .owner-field-text.tickera-input-field.tc-owner-field,
body.audi-dark:not(.et-fb) .woocommerce-checkout #payment div.payment_box{
	border-radius: var(--ad-radius-button)!important;
	background-color: var(--ad-field-bg) !important;
	box-shadow: var(--ad-field-border);
	color: var(--ad-text);
}
/* SVG invert */
body.audi-dark:not(.et-fb) .et_pb_image_1_tb_header .et_pb_image_wrap img,
body.audi-dark:not(.et-fb) .et_pb_image_2_tb_header .et_pb_image_wrap img{
  filter: invert(1) brightness(2)!important;
}

/* event pagina's*/
body.audi-dark:not(.et-fb).tc_events-template-default #main-content,
body.audi-dark:not(.et-fb) #payment.woocommerce-checkout-payment{
	background-color: var(--ad-bg-section) !important;
}

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

/*Woocommerce*/
body.audi-dark:not(.et-fb) .woocommerce-error,
body.audi-dark:not(.et-fb) .woocommerce-message,
body.audi-dark:not(.et-fb) .woocommerce-info{
	border-radius: var(--ad-radius-button);
	border: 1px solid white;
	background: transparent!important;
}
body.audi-dark:not(.et-fb) .woocommerce .quantity input.qty,
body.audi-dark:not(.et-fb) .et_pb_contact p input.et_pb_contact_captcha{
	border-radius: var(--ad-radius-input-small-field)!important;
	background-color: var(--ad-field-bg);
}
body.audi-dark:not(.et-fb) .product.woocommerce > a:after{
	display:none!important;}

body.audi-dark:not(.et-fb) .tc-form-ticket-fields-wrap .owner-info-wrap{
	padding-left: 0px!important;}

body.audi-dark:not(.et-fb) .woocommerce-checkout #payment div.payment_box{
	background-color: var(--ad-bg-body);
}
body.audi-dark:not(.et-fb) .woocommerce-checkout #payment div.payment_box .mollie-component-label{
	color: var(--ad-text);
}
body.audi-dark:not(.et-fb) .woocommerce-checkout #payment div.payment_box:before{
	display:none;
}
body.audi-dark:not(.et-fb) .mollie-components .mollie-component{
	border-radius: var(--ad-radius-button) !important;
  background-color: var(--ad-field-bg) !important;
  box-shadow: var(--ad-field-border);
  color: var(--ad-text);
}
body.audi-dark:not(.et-fb) input#cardHolder {
	background-color:red!important;}

body.audi-dark:not(.et-fb) .woocommerce-order-details h2,
body.audi-dark:not(.et-fb) .order-details.widefat.shadow-table{
display:none;
}
body.audi-dark:not(.et-fb) .woocommerce-order-details h2.woocommerce-order-details__title {
	display:block!important;