/*
 * Arcade - sotet (dark) tema
 *
 * A partner_category = 5 kategoriahoz. Csak szinek/feluletek valtoznak, a
 * layout es az elemek szerkezete azonos az alapertelmezett (1-es kategoria)
 * designnal. A style.css utan toltodik be, tehat ez egy override reteg.
 *
 * Referencia szinvilag: arcadebudapest.com - majdnem fekete hatter,
 * neon magenta es neon zold kiemelesek.
 */

:root {
	/* Az alapszinek ujradefinialasa: amit a style.css var(--x)-szel hasznal,
	   az igy automatikusan atvaltozik. */
	--orange-01: #D946EF; /* neon magenta - elsodleges kiemeles */
	--text-01: #F4F1F6;   /* vilagos foszoveg */
	--text-02: #7C7488;   /* halvany masodlagos szoveg */
	--text-03: #C3BCCB;   /* normal szoveg sotet hatteren */
	--bg-01: #141118;     /* kartya / doboz felulet */
	--bg-02: #0A080C;     /* szekcio hatter */

	/* Sajat valtozok a temahoz */
	--arc-bg: #060509;
	--arc-surface: #141118;
	--arc-surface-2: #1C1822;
	--arc-line: #2E2838;
	--arc-magenta: #D946EF;
	--arc-magenta-dim: #A21CAF;
	--arc-green: #4ADE80;
	--arc-text: #F4F1F6;
	--arc-text-dim: #A79FB2;
}

body {
	background-color: var(--arc-bg);
	color: var(--arc-text);
}

/* ------------------------------------------------------------ szekciok -- */

.other-color-section,
.contact-section,
.big-container,
.partner_page {
	background-color: var(--arc-bg);
}

.other-color-section {
	background-color: var(--arc-bg);
}

.footer-elvalaszto {
	background-color: var(--arc-bg) !important;
}

footer,
.footer,
.made-container {
	background-color: var(--arc-bg);
	color: var(--arc-text-dim);
}

/* -------------------------------------------------------------- szoveg -- */

h1, h2, h3, h4, h5, h6,
.page-title,
.little-title,
.ticket-type-title,
.mobil-header-title,
.partner-name {
	color: var(--arc-text);
}

p, span, div, label, li, td, th, small {
	color: inherit;
}

a {
	color: var(--arc-magenta);
}

a:hover {
	color: #EC7DFB;
}

.title-underline {
	border-color: var(--arc-magenta);
	opacity: .8;
}

.text-highlighted {
	color: var(--arc-magenta);
}

/* ------------------------------------------------------ kartyak/dobozok -- */

.help-box,
.second-help-box,
.contact-card,
.category-block,
.ticket-box,
.partner-zoo,
.news-box,
.partner-card,
.partner-container,
.form-control-jump-box,
.no-tickets-box {
	background-color: var(--arc-surface);
	border: 1px solid var(--arc-line);
	color: var(--arc-text-dim);
}

.help-box .help-text,
.second-help-text,
.news-text,
.no-tickets-text {
	color: var(--arc-text-dim);
}

.help-text b {
	color: var(--arc-magenta);
}

.help-icon,
.second-help-icon,
.orange-icon,
.contact-information-orange,
.more-button-href {
	color: var(--arc-magenta);
}

.darker-help-box {
	background-color: var(--arc-surface-2);
}

/* --------------------------------------------------------- jegykartyak -- */

.ticket {
	background-color: var(--arc-surface);
	border: 1px solid var(--arc-line);
	color: var(--arc-text);
}

.ticket:hover {
	border-color: var(--arc-magenta);
}

.ticket-header-text-first {
	color: var(--arc-text);
}

.ticket-header-text-second {
	color: var(--arc-text-dim);
}

.ticket-price {
	color: var(--arc-green);
}

.ticket-price small,
.discount-price,
.discount-price strike {
	color: var(--arc-text-dim);
}

.partner-ticket-selected-ticket .ticket {
	border-color: var(--arc-magenta);
	box-shadow: 0 0 0 1px var(--arc-magenta), 0 0 18px rgba(217, 70, 239, .25);
}

.sold-out-text,
.sold-out {
	color: var(--arc-text-dim);
}

/* ----------------------------------------------------- urlap / inputok -- */

.form-control,
.form-control-jump-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
select,
textarea {
	background-color: var(--arc-surface-2);
	border: 1px solid var(--arc-line);
	color: var(--arc-text);
}

.form-control:focus,
.form-control-jump-input:focus,
input:focus,
select:focus,
textarea:focus {
	background-color: var(--arc-surface-2);
	border-color: var(--arc-magenta);
	color: var(--arc-text);
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
	color: var(--arc-text-dim);
	opacity: .7;
}

.form-control-jump-box-title,
label {
	color: var(--arc-text);
}

/* A mennyiseg input a jegykartyan inline feher hatteret kap a HTML-ben,
   ezert itt felul kell irni. */
.quantity-input,
.qty_input,
input.quantity-input[style],
input.qty_input[style] {
	background: var(--arc-surface-2) !important;
	border-color: var(--arc-line);
	color: var(--arc-text);
}

.quantity-plus,
.quantity-minus {
	background-color: var(--arc-magenta-dim);
	color: #fff;
}

.quantity-plus:hover,
.quantity-minus:hover {
	background-color: var(--arc-magenta);
}

/* -------------------------------------------------------------- gombok -- */

.btn-normal,
.zoo-button,
.ticket-button,
.summary-button-block,
.continue-button {
	background-color: var(--arc-magenta);
	border-color: var(--arc-magenta);
	color: #fff;
}

.btn-normal:hover,
.zoo-button:hover,
.ticket-button:hover,
.summary-button-block:hover,
.continue-button:hover {
	background-color: #EC7DFB;
	border-color: #EC7DFB;
	color: #fff;
}

.summary-button-block.disabled,
.summary-button-block:disabled {
	background-color: var(--arc-line);
	border-color: var(--arc-line);
	color: var(--arc-text-dim);
}

.btn-back {
	background-color: var(--arc-surface-2);
	border: 1px solid var(--arc-line);
	color: var(--arc-text);
}

/* ------------------------------------------------------- osszegzo savok -- */

.form-control-jump-box.fixedbottom-line,
.summary-block {
	background-color: var(--arc-surface);
	border: 1px solid var(--arc-line);
	color: var(--arc-text);
}

.summary-text-block,
.summary-text-items {
	color: var(--arc-text);
}

.big-total {
	color: var(--arc-text);
}

/* ------------------------------------------------------------ tablazat -- */

.table {
	color: var(--arc-text);
}

.table thead th {
	border-bottom-color: var(--arc-line);
	color: var(--arc-text);
}

.table td,
.table th {
	border-top-color: var(--arc-line);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, .025);
}

/* ------------------------------------------------------------ kapcsolat -- */

.contact-circle-icon,
.hotel-circle-icon,
.hotel-circle-icon-marker {
	background-color: var(--arc-surface-2);
	color: var(--arc-magenta);
}

.contact-information {
	color: var(--arc-text-dim);
}

.image-circle-out,
.image-circle-in {
	background-color: var(--arc-surface-2);
}

/* ------------------------------------------------------ egyeb elemek -- */

.language-selector {
	background-color: var(--arc-surface-2);
	color: var(--arc-text);
	border: 1px solid var(--arc-line);
}

.language-selector a,
.language-selector option {
	color: var(--arc-text);
	background-color: var(--arc-surface-2);
}

.custom-radio,
.c-checkbox {
	background-color: var(--arc-surface-2);
}

.custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--arc-magenta) !important;
	border-color: var(--arc-magenta) !important;
}

.custom-control-label::before {
	background-color: var(--arc-surface-2);
	border-color: var(--arc-line);
}

.radio-active {
	border-color: var(--arc-magenta);
}

.badge-warning {
	background-color: var(--arc-magenta);
	color: #fff;
}

.badge-secondary {
	background-color: var(--arc-surface-2);
	color: var(--arc-text-dim);
}

.news-date,
.news-date-box {
	color: var(--arc-text-dim);
}

hr {
	border-color: var(--arc-line);
}

.modal-content {
	background-color: var(--arc-surface);
	color: var(--arc-text);
	border: 1px solid var(--arc-line);
}

.modal-header,
.modal-footer {
	border-color: var(--arc-line);
}

.close {
	color: var(--arc-text);
	text-shadow: none;
}

/* ------------------------------------------------------------- sweetalert -- */

.swal2-popup {
	background-color: var(--arc-surface) !important;
	color: var(--arc-text) !important;
}

.swal2-title,
.swal2-content {
	color: var(--arc-text) !important;
}

.swal2-styled.swal2-confirm {
	background-color: var(--arc-magenta) !important;
}

.swal2-styled.swal2-cancel {
	background-color: var(--arc-surface-2) !important;
	color: var(--arc-text) !important;
}

/* ------------------------------------------- nincs jegy - ures allapot -- */

.no-tickets-box {
	background-color: var(--arc-surface);
}

.no-tickets-icon {
	background-color: var(--arc-surface-2);
	color: var(--arc-magenta);
}

.no-tickets-title {
	color: var(--arc-text);
}

.no-tickets-opentime {
	background-color: var(--arc-surface-2);
	color: var(--arc-text);
}

.no-tickets-contact {
	border-top-color: var(--arc-line);
}

.no-tickets-contact-title {
	color: var(--arc-text);
}

.no-tickets-contact-line,
.no-tickets-contact-line a {
	color: var(--arc-text-dim);
}

.no-tickets-contact-line a:hover {
	color: var(--arc-magenta);
}

.no-tickets-hint {
	color: var(--arc-text-dim);
}

/* --------------------------------------------------------- cookie / gdpr -- */

.cookieAcceptBar {
	background-color: var(--arc-surface) !important;
	color: var(--arc-text) !important;
}

/* ------------------------------------------------------------- datepicker -- */

.ui-datepicker {
	background: var(--arc-surface);
	color: var(--arc-text);
}

.ui-datepicker .ui-state-default {
	background: var(--arc-surface-2);
	color: var(--arc-text);
}

.ui-datepicker .ui-state-default:hover {
	background: var(--arc-line);
}

.ui-datepicker-calendar th span {
	background: var(--arc-magenta-dim);
	color: #fff;
}

/* Sajat szuletesi datum valaszto (birthdate-picker.css) sotet valtozata */
.bdp-panel {
	background: var(--arc-surface);
	border-color: var(--arc-line);
	color: var(--arc-text);
}

.bdp-nav,
.bdp-selects select,
.bdp-footer button {
	background: var(--arc-surface-2);
	border-color: var(--arc-line);
	color: var(--arc-text);
}

.bdp-day {
	color: var(--arc-text);
}

.bdp-day:hover:not(:disabled) {
	background: var(--arc-surface-2);
}

.bdp-day.is-selected,
.bdp-day.is-selected:hover {
	background: var(--arc-magenta);
	color: #fff;
}

.bdp-day.is-outside {
	color: var(--arc-text-dim);
}

.bdp-day:disabled {
	color: #4A4453;
}

.bdp-day.is-today {
	box-shadow: inset 0 0 0 1px var(--arc-magenta);
}

.bdp-grid th {
	color: var(--arc-text-dim);
}

.bdp-footer {
	border-top-color: var(--arc-line);
}

.ticket-owner-given {
	background: var(--arc-surface-2);
}

.ticket-owner-given-name {
	color: var(--arc-text);
}

.ticket-owner-given-date {
	color: var(--arc-text-dim);
}

.footer-container {
	padding-top:150px;
	background-color: #000;
}

.partner-name {
	color: var(--arc-magenta) !important;
}

.container-fluid.mobil-header-container.partner-header {
	background-image:
			linear-gradient(
					to bottom,
					rgba(6, 5, 9, 0) 0%,
					rgba(6, 5, 9, .35) 45%,
					rgba(6, 5, 9, .75) 75%,
					var(--arc-bg) 100%
			),
			url('../images/hero-arcade.jpg') !important;
	background-size: 100% 100%, 100% !important;
	background-position: center bottom, center top !important;
	background-repeat: no-repeat, no-repeat !important;
}

.mobil-header.mobile-header-tickets {
	background-color: #000 !important;
}

.mobil-header-title-line.partner {
	background-color: #000;
}

.container-fluid.profil-container-fluid {
	/* A gradiens a kep FOLE kerul (elso reteg), igy a hero alja beleolvad az
	   oldal fekete hatterebe. Nincs pseudo-elem/pozicionalas, tehat a logo es
	   a menu elrendezese valtozatlan marad. */
	background-image:
		linear-gradient(
			to bottom,
			rgba(6, 5, 9, 0) 0%,
			rgba(6, 5, 9, .35) 45%,
			rgba(6, 5, 9, .75) 75%,
			var(--arc-bg) 100%
		),
		url('../images/hero-arcade.jpg') !important;
	background-size: 100% 100%, 100% !important;
	background-position: center bottom, center top !important;
	background-repeat: no-repeat, no-repeat !important;
}

.profil-container-fluid {
	height: 250px !important;
}

.container-fluid.footer-elvalaszto {
	display: none;
}

/* ------------------------------------------- fizetes visszajelzo oldal -- */
/*
 * A buy_variablepage nezet (sikeres/sikertelen fizetes, megszakitas). A
 * layout valtozatlan, csak a vilagos hatteru bootstrap alertek es a jegy
 * statusz sorok kapnak sotet szinvilagot.
 */

.profil-header .alert,
.profil-header .alert-success,
.profil-header .alert-danger,
.profil-header .alert-info {
	background-color: var(--arc-surface);
	border-color: var(--arc-line);
	color: var(--arc-text);
}

.profil-header .alert-success {
	border-color: var(--arc-green);
	color: var(--arc-green);
}

.profil-header .alert-danger {
	border-color: var(--arc-magenta);
	color: var(--arc-magenta);
}

/* A jegyletoltes statusz sorai (ticket_status_page, AJAX-szal toltodik) */
.ticket-data-row {
	border-bottom: 1px solid var(--arc-line);
}

.ticket-date-title,
.ticket-date-number,
.ticket-date-text,
.ticket-date-text-little {
	color: var(--arc-text);
}

.ticket-download-button {
	color: #fff;
}

/* ------------------------------------------ fizetesi mod valaszto oldal -- */
/*
 * A buy_payment_selector nezet. A szolgaltatok kartyain inline bg-white
 * bootstrap osztaly van (!important), ezert itt is !important kell. A logo
 * savok vilagos hattere szandekosan marad, hogy a Barion/SimplePay/SZEP
 * logok a sajat hatterukon jelenjenek meg.
 */

.card.partner-zoo.bg-white {
	background-color: var(--arc-surface) !important;
	border: 1px solid var(--arc-line);
}

.card.partner-zoo .card-body {
	background-color: var(--arc-surface);
}

.card.partner-zoo .partner-text-title {
	color: var(--arc-text);
}

.card.partner-zoo .partner-text {
	color: var(--arc-text-dim);
}