/* Bootstrap Overrides */
/* =================== */
:root {
  --bs-body-bg: rgb(255,255,255);
  --bs-primary: #FFFFFF;
  --bs-primary-rgb: 255, 255, 255;
  --bs-primary-text: #c6007e;
  --bs-primary-hover: #E6E6E6;
  --bs-primary-active: #CCCCCC;
  --bs-secondary: #C6007E;
  --bs-secondary-rgb: 198, 0, 126;
  --bs-secondary-text: #fff;
  --bs-secondary-hover: #B20071;
  --bs-secondary-active: #9E0065;
  --bs-primary: #FFFFFF;
  --bs-primary-hover: #D8D8D8;
  --bs-primary-active: #B2B2B2;
  --bs-btn-primary-bg: #FFFFFF;
  --bs-btn-primary-border-color: #FFFFFF;
  --bs-btn-primary-hover-bg: #D8D8D8;
  --bs-btn-primary-hover-border-color: #D8D8D8;
  --bs-btn-primary-active-bg: #B2B2B2;
  --bs-btn-primary-active-border-color: #B2B2B2;
  --bs-btn-primary-text: var(--bs-primary-text);
}

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-btn-primary-text) !important;
}
.btn-primary:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}
.btn-primary:active {
  background-color: var(--bs-primary-active) !important;
  border-color: var(--bs-primary-active) !important;
}

.btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary) !important;
}
.btn-outline-primary:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
  color: var(--bs-btn-primary-text) !important;
}
.btn-outline-primary:active {
  background-color: var(--bs-primary-active) !important;
  border-color: var(--bs-primary-active) !important;
  color: var(--bs-btn-primary-text) !important;
}

:root {
.btn-outline-secondary {
 --bs-btn-color: #545b62;
}
/* AXS */
  --axs-primary: #fff;
  --axs-secondary: #c6007e;
  --axs-primary-text: #c6007e;
  --axs-secondary-text: #fff;
  --axs-seatlist-hover-color: #91c69c;
  --axs-seat-unavailable-color: rgba(214, 214, 214, 1);
  --axs-map-section-color: #c6007e;
  --axs-map-section-hover-color: #ad016e;
  --axs-logo: url('https://app-cdn.ebiljett.nu/clients/W4/{instanceId}/{pos}/logo.png');
}
.desktop-header {background-color: #fff !important; border-bottom: 1px solid #C6007E !important;} 
.desktop-header .top-bar {background-color: #fff !important;} 
.desktop-header .bottom .cart .dropdown .content .checkout .link-btn-rounded-small {color: #fff !important; background-color: #C6007E !important;} 
.mobile-header .header-cart .icon {fill: #C6007E !important;} 
.mobile-header .menu-trigger .hamburger__inner, .mobile-header .menu-trigger .hamburger__inner:after, .mobile-header .menu-trigger .hamburger__inner:before {background-color: #C6007E !important;} 
.mobile-header {background-color: #fff !important; border-bottom: 1px solid #C6007E !important;} 
.link-btn-regular {color: #fff !important;} 
.desktop-header .logo {left: -65px !important; width: 125px !important;} 
.desktop-header .top .lang-selector .language a {color: #ffffff;} 
.btn-outline-primary {background-color: transparent !important;     border-color: var(--bs-primary-text) !important;     color: var(--bs-primary-text) !important;} 
.btn-primary {border-color: var(--bs-btn-primary-text) !important;} 
.border-primary {border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;} 
.nav-pills-sm .nav-link {background-color: var(--bs-secondary);} 
.nav-pills-sm .nav-link.active	 {background-color: var(--bs-secondary);} 
.link-btn-rounded {color: var(--axs-secondary); border: 2px solid var(--axs-secondary)} 
.link-btn-rounded:hover {background-color: var(--axs-secondary); color: white;} 
.navbar-custom .cart-counter {color: var(--bs-secondary);}