/* Joomla 5.x */

.icon-vikrestaurants:before {
	/* fa-utensils icon */
	font-family: "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900;
	content: "\f2e7";
	background: none !important;
}

/* select2 */

body.com_vikrestaurants .select2-container .select2-choice,
body.com_vikrestaurants .select2-container-multi .select2-choices,
body.com_vikrestaurants .select2-drop {
	border-radius: var(--border-radius);
}
body.com_vikrestaurants .select2-container.select2-dropdown-open:not(.select2-drop-above) .select2-choice,
body.com_vikrestaurants .select2-container-multi.select2-dropdown-open:not(.select2-drop-above) .select2-choices {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
body.com_vikrestaurants .select2-container.select2-dropdown-open.select2-drop-above .select2-choice,
body.com_vikrestaurants .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
body.com_vikrestaurants .select2-drop.select2-drop-active:not(.select2-drop-above) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
body.com_vikrestaurants .select2-drop.select2-drop-active.select2-drop-above {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* popover */

body.com_vikrestaurants .options-form legend i.vr-quest-popover {
	transform: none;
	vertical-align: middle;
	margin: 0 0 0 8px;
}

/***********************
 ***    DARK MODE    ***
 ***********************/

@media (prefers-color-scheme: dark) {

	/* wizard */

	body.com_vikrestaurants .vre-wizard-steps {
		background: var(--body-bg);
	}

	body.com_vikrestaurants .vre-wizard .wizard-step .wizard-step-top-bar {
		background: var(--template-bg-dark-90);
	}

	body.com_vikrestaurants .vre-wizard .wizard-step .wizard-step-body,
	body.com_vikrestaurants .vre-wizard .wizard-step .wizard-step-footer-bar {
		background: var(--template-bg-dark-80);
	}

	/* dashboard */

	body.com_vikrestaurants .vrdash-tab-button a {
		background: var(--template-bg-dark-70);
		color: var(--body-color);
	}
	body.com_vikrestaurants .vrdash-tab-button a.active,
	body.com_vikrestaurants .widget-body .vrdash-container .vrdash-tab-head .vrdash-tab-button a.active {
		background: var(--template-bg-dark-80);
	}

	body.com_vikrestaurants .vr-dash-section {
		background: var(--body-bg);
	}

	body.com_vikrestaurants .dashboard-widgets-container.floating .dashboard-widget .widget-wrapper {
		background: var(--body-bg);
	}

	body.com_vikrestaurants .dashboard-widgets-container .dashboard-widget .widget-head h3 {
		color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .canvas-align-center .overall .overall-earning {
		color: var(--template-bg-dark-40);
	}
	body.com_vikrestaurants .canvas-align-center .overall .overall-count {
		color: var(--template-bg-dark-30);
	}
	body.com_vikrestaurants .canvas-align-center .overall .overall-guests {
		color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .canvas-align-center .rog .rog-earning {
		color: var(--template-bg-dark-40);
	}

	body.com_vikrestaurants .dash-table-wrapper table thead th {
		background: var(--template-bg-dark-80);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .dash-table-wrapper table tr td {
		background: var(--template-bg-dark-70);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .dash-table-wrapper table tr td a {
		color: var(--body-color);
	}
	body.com_vikrestaurants .dash-table-wrapper table .td-secondary {
		color: var(--template-bg-dark-20);	
	}

	body.com_vikrestaurants .vr-dashboard-overview-table th,
	body.com_vikrestaurants .vr-dashboard-overview-table tr td:first-child {
		background: var(--template-bg-dark-80);
		color: var(--body-color);
	}
	body.com_vikrestaurants .vr-dashboard-overview-table td {
		background: var(--template-bg-dark-70);
	}
	body.com_vikrestaurants .vr-dashboard-overview-table tbody tr td:not(:first-child):hover {
		background: var(--template-bg-dark-90);
	}
	body.com_vikrestaurants .vr-dashboard-overview-table td.red {
		background: #590d04 !important;
	}

	body.com_vikrestaurants .vr-kitchen-wall {
		background-color: var(--template-bg-dark-80);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .vr-kitchen-waitlist,
	body.com_vikrestaurants .vr-kitchen-wall .kitchen-wall-block {
		background-color: var(--template-bg-dark-70);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .vr-kitchen-waitlist .kitchen-waitlist-head,
	body.com_vikrestaurants .vr-kitchen-wall .kitchen-wall-block .wall-block-head {
		background-color: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .vr-kitchen-waitlist .kitchen-waitlist-groups .waitlist-group-title {
		background-color: var(--template-bg-dark-60);
		border-color: var(--template-bg-dark-20);
	}

	/* dashboard builder */

	body.com_vikrestaurants .widgets-builder .widgets-position-row {
		background-color: var(--body-bg);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row.add-new-position {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row.add-new-position:hover {
		background-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row.add-new-position i.fa-plus {
		color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row.add-new-position:hover i.fa-plus {
		color: var(--body-bg);
	}

	body.com_vikrestaurants .widgets-builder .widgets-position-row .widget-thumb {
		background-color: var(--template-bg-dark-80);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row .widget-thumb.add-new-widget {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row .widget-thumb.add-new-widget:hover {
		background-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row .widget-thumb.add-new-widget i.fa-plus {
		color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .widgets-builder .widgets-position-row .widget-thumb.add-new-widget:hover i.fa-plus {
		color: var(--template-bg-dark-80);
	}

	/* iOs switch */

	body.com_vikrestaurants .switch-ios input.ios-toggle-round:not(:checked) + label {
		background-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .switch-ios input.ios-toggle-round:not(:checked) + label:before {
		background-color: var(--body-bg);
	}

	body.com_vikrestaurants .switch-ios input.ios-toggle-round:not(:checked) + label:after {
		background-color: var(--template-bg-dark-20);
	}

	/* select2 */

	body.com_vikrestaurants .select2-container .select2-choice,
	body.com_vikrestaurants .select2-container-multi .select2-choices {
		background: var(--template-bg-dark);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .select2-container.select2-dropdown-open .select2-choice,
	body.com_vikrestaurants .select2-container-multi.select2-dropdown-open .select2-choices {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	body.com_vikrestaurants .select2-container .select2-choice .select2-arrow {
		background: var(--template-bg-dark) !important;
	}

	body.com_vikrestaurants .select2-drop,
	body.com_vikrestaurants .select2-drop.select2-drop-above.select2-drop-active {
		background: var(--template-bg-dark);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
		margin: 0;
	}

	body.com_vikrestaurants .select2-search-field input {
		color: var(--body-color) !important;
	}

	body.com_vikrestaurants .select2-results .select2-no-results,
	body.com_vikrestaurants .select2-results .select2-searching {
		background: transparent;
	}

	body.com_vikrestaurants .select2-results .select2-disabled {
		background: var(--template-bg-dark-90);
		color: var(--template-bg-dark-30);
	}

	body.com_vikrestaurants #content .select2-container-multi .select2-choices .select2-search-choice {
		background: var(--template-bg-dark-85) !important;
	}
	body.com_vikrestaurants #content .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
		color: var(--template-link-color) !important;
	}

	/* media manager */

	body.com_vikrestaurants input:read-only {
		background: var(--gray-800) !important;
		color: var(--body-color) !important;
		border-color: var(--template-bg-dark-20) !important;
	}

	body.com_vikrestaurants .vre-media-gallery .vre-media-block[data-selected="1"] {
		box-shadow: 0 0 0 3px var(--template-bg-dark) inset,inset 0 0 0 7px #0073aa;
	}
	body.com_vikrestaurants .vre-media-gallery .vre-media-block .media-preview {
		background: var(--template-bg-dark-70);
	}

	body.com_vikrestaurants .vre-media-modal .vre-media-sidebar {
		border-left-color: #495057;
	}

	body.com_vikrestaurants .vre-media-modal .vre-media-sidebar .vre-media-inspector {
		background: var(--template-bg-dark);
		color: var(--body-color);
	}

	body.com_vikrestaurants .vre-media-inspector .media-info-box .media-details .filename,
	body.com_vikrestaurants .vre-media-inspector .media-info-box .media-details > * {
		color: var(--body-color);
	}

	body.com_vikrestaurants .vr-progressbar-status {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .vr-progressbar-status:nth-child(odd) {
		background: var(--template-bg-dark-80);
	}
	body.com_vikrestaurants .vr-progressbar-status:nth-child(even) {
		background: var(--template-bg-dark-70);
	}
	body.com_vikrestaurants .vr-progressbar-filesize {
		color: var(--body-color);
	}
	body.com_vikrestaurants .vr-progressbar div.completed {
		background: var(--success);
		color: #fff;
	}

	/* system status colors */

	body.com_vikrestaurants i.ok, .vrreservationstatusconfirmed {
		color: var(--success) !important;
	}

	body.com_vikrestaurants i.no, .vrreservationstatusremoved {
		color: var(--danger) !important;
	}

	/* filter bar */

	body.com_vikrestaurants #content .js-stools-container-filters-visible {
		background: var(--body-bg);
	}

	/* inspector */

	body.com_vikrestaurants .record-inspector {
		background: var(--body-bg);
		color: var(--body-color);
	}
	body.com_vikrestaurants .record-inspector.left-side {
		border-right: 1px solid var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .record-inspector.right-side {
		border-left: 1px solid var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .record-inspector .inspector-head {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .record-inspector .inspector-footer {
		border-top: 1px solid var(--template-bg-dark-20);
		background: var(--body-bg);
	}

	body.com_vikrestaurants .record-inspector .inspector-body .inspector-form .inspector-repeatable .inspector-repeatable-head {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
		background-color: var(--template-bg-dark-90);
	}
	body.com_vikrestaurants .record-inspector .inspector-body .inspector-form .inspector-repeatable .inspector-repeatable-body {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
		background-color: var(--template-bg-dark-80);
	}

	body.com_vikrestaurants .record-inspector .inspector-body .inspector-form .inspector-selection-table thead th {
		color: var(--body-color);
		background-color: var(--template-bg-dark-80);
	}

	/* cards */

	body.com_vikrestaurants .vre-cards-container {
		background: var(--body-bg);
	}

	body.com_vikrestaurants .vre-card {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
		background-color: var(--template-bg-dark-80);
	}
	
	body.com_vikrestaurants .vre-card .vre-card-summary {
		background-color: var(--template-bg-dark-80);
	}

	body.com_vikrestaurants .vre-card .vre-card-summary .card-text > * {
		color: var(--body-color);
	}

	body.com_vikrestaurants .vre-card .vre-card-image:before {
		background: linear-gradient(rgba(255, 255, 255, 0), rgba(32, 48, 71, 0.45));
	}

	/* popover */

	body.com_vikrestaurants i.vr-quest-popover {
		color: var(--body-color);
	}

	.popover-header {
		color: var(--body-color);
	}

	/* custom fields */

	body.com_vikrestaurants .separator.custom-field strong {
		background: var(--body-bg);
	}

	/* menu preview */

	body.com_vikrestaurants .vrmenuordblock,
	body.com_vikrestaurants .vrmenuprevblock {
		background: var(--template-bg-dark-90);
		color: var(--body-color);
	}

	body.com_vikrestaurants .vrmenuordblock .vrmenuordproducts,
	body.com_vikrestaurants .vrmenuprevblock .vrmenuprevproducts {
		background: var(--template-bg-dark-80);
	}

	/* order info modal */

	body.com_vikrestaurants .order-container .order-left-box,
	body.com_vikrestaurants .order-container .order-left-box .order-left-top-box {
		border-color: #495057;
	}

	body.com_vikrestaurants .order-items-cart {
		background: var(--template-bg-dark-80);
	}
	body.com_vikrestaurants .order-items-cart .cart-item-record {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .cart-item-record .cart-item-details .cart-item-price {
		color: var(--body-color);
	}

	body.com_vikrestaurants .order-payment-details .order-fields {
		background: var(--template-bg-dark-80);
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
	}
	body.com_vikrestaurants .order-payment-details .order-fields label,
	body.com_vikrestaurants .order-payment-details .order-fields .order-field.total-cost,
	body.com_vikrestaurants .order-payment-details .order-fields .order-field.total-cost label {
		color: var(--body-color);
	}

	body.com_vikrestaurants .order-status-history {
		background: var(--template-bg-dark-80);
	}
	body.com_vikrestaurants .order-status-history .order-status-block:last-child {
		border-color: var(--template-bg-dark-20);
	}

	/* order log history */

	body.com_vikrestaurants .operator-log-modal {
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .operator-log-modal .log-head {
		background-color: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .operator-log-modal .log-body .log-subject {
		background-color: var(--template-bg-dark-80);
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .operator-log-modal .log-body .log-content {
		background-color: var(--template-bg-dark-70);
	}

	/* GIT table */

	body.com_vikrestaurants table.git-table th,
	body.com_vikrestaurants table.git-table td {
		border-color: var(--template-bg-dark-20);
		background-color: #212529;
	}

	/* order status table */

	body.com_vikrestaurants .order-status-table thead tr {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .order-status-table td {
		background: var(--template-bg-dark-80);
	}
	body.com_vikrestaurants .order-status-table .track-comment td {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .order-status-table .track-comment .items-list .item-row-details .item-price {
		color: var(--template-bg-dark-30);
	}

	/* jQuery - intltel */

	body.com_vikrestaurants .iti__country-list {
		background-color: #1f1c1c;
		-webkit-box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
		-moz-box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
		box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
	}

	body.com_vikrestaurants .iti__country-list .iti__country.iti__highlight {
		background-color: var(--template-bg-dark-80);
	}

	/* review card */

	body.com_vikrestaurants .vre-review-card .product-slide-left {
		background: var(--template-bg-dark-80);
	}

	body.com_vikrestaurants .vre-review-card .review-slide-right {
		background: var(--template-bg-dark-90);
	}
	body.com_vikrestaurants .vre-review-card .review-slide-right .review-card-top {
		background: var(--template-bg-dark-70);
	}
	body.com_vikrestaurants .vre-review-card .review-slide-right .review-card-content {
		background: var(--template-bg-dark-90);
	}
	body.com_vikrestaurants .vre-review-card .review-slide-right .review-card-bottom {
		background: var(--template-bg-dark-80);
	}

	/* configuration */

	body.com_vikrestaurants .configuration-panel {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .configuration-panel #configuration-body .vretabview .config-panel-subnav {
		background: var(--template-bg-dark-70);
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
	}
	body.com_vikrestaurants .configuration-panel #configuration-body .vretabview .config-panel-subnav ul li {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color) !important;
	}
	body.com_vikrestaurants .configuration-panel #configuration-body .vretabview .config-panel-subnav ul li.active {
		background: var(--template-bg-dark);
	}

	body.com_vikrestaurants .configuration-panel #configuration-navbar {
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikrestaurants .configuration-panel #configuration-body .vretabview .config-panel-tabview {
		background: var(--body-bg);
	}

	body.com_vikrestaurants .config-panel-tabview .config-fieldset {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .config-panel-tabview .config-fieldset .config-fieldset-head {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikrestaurants .config-panel-tabview .config-fieldset .config-fieldset-body {
		background: var(--template-bg-dark-80);
	}

	body.com_vikrestaurants .config-panel-tabview .config-fieldset .vre-cards-container {
		background: var(--template-bg-dark-80);
	}

	/* customizer */

	body.com_vikrestaurants div#inspector-keyboard-legend {
		color: #333 !important;
	}

	body.com_vikrestaurants input[type="range"] {
		background: var(--template-bg-dark-20) !important;
		border-color: var(--template-bg-dark-20) !important;
	}

	body.com_vikrestaurants joomla-editor-codemirror {
		color: #333;
	}

}
