/**
 * Other Plugins Compatible CSS
 * High-end visual styles and interactive enhancements.
 *
 * @package Ethereal Fashion Widget Box
 */

:root {
	--black: #000000; /* hover : black/80 */
	--white: #FFFFFF;
	--kyleBlack: #222222;
	--colorNavy: #3A4D69;
	--colorYellow: #EFE40C;
	--colorLightGray: #E2E2E2;
	--colorSlateGray: #728093;
	--colorRed: #FF2C2C;
	--colorLime: #BBDC2F;
	--colorAmber: #FFBF00;
	--colorGreen: #6CC761;
	--colorGrassGreen: #55AC4B; /* color green hover */
	--colorMustard: #D3C908; /* yellow hover */
	--colorCharcoal: #222222; /* kyleBlack */
	--colorGunmetal: #182021;
	--colorGray: #ACACAC;
}

body .er-dekstop-menu .wkfr-order-outlet-info {
	border-color: var(--black);
	background-color: var(--black);
}
body .er-dekstop-menu .wkfr-order-outlet-info .wkfr-outlet-text {
	color: var(--white) !important;
}
body .er-dekstop-menu .wkfr-order-outlet-info .wkfr-outlet-value {
	color: var(--colorYellow);
}

body .wkfr-delivery-info-section, 
body .wkfr-delivery-info-section .wkfr-delivery-by {
	color: var(--black);
}

body .wkfr-archive-outlet-info {
	background: var(--colorYellow);
}

body .wkfr-archive-outlet-info .wkfr-archive-outlet-info__content .wkfr-outlet-info-row .wkfr-outlet-text{
	color: var(--black);
}

body .wkfr-archive-outlet-info .wkfr-archive-outlet-info__content .wkfr-outlet-info-row .wkfr-outlet-icon svg path,
body .wkfr-archive-outlet-info .wkfr-outlet-edit-pencil svg path {
	fill: var(--black) !important;
}
body .wkfr-archive-outlet-info .wkfr-archive-outlet-info__content .wkfr-outlet-info-row .wkfr-outlet-text .wkfr-outlet-value {
	color: var(--black);
}

body .wkfr-outlet-edit-pencil svg path {
	fill: var(--white);
}

body .wkfr-mobile-outlet-info {
	background-color: var(--colorYellow);
}
body .wkfr-mobile-outlet-info .wkfr-mobile-outlet-icon svg path {
	fill: var(--black);
}
body .wkfr-mobile-outlet-info .wkfr-mobile-outlet-info-row .wkfr-mobile-outlet-text {
	color: var(--black);
}

body .lpw-bundle-loop-product-badge {
	background-color: var(--colorYellow);
	color: var(--black);
}

body .wkfr-product-card-widget .wkfr-card-widget-dropdown.active {
	border-color: var(--colorYellow);
}
body .wkfr-product-card-widget .wkfr-card-widget-options {
	scrollbar-color: var(--colorYellow) var(--white);
}

/** Single Product */
/* body .wkfr-product-widget .wkfr-radio-label input[type=radio]:checked~.wkfr-radio-custom {
	border-color: var(--colorYellow);
}
body .wkfr-product-widget .wkfr-radio-label .wkfr-radio-custom::after {
	background-color: var(--colorYellow);
} */
body .wkfr-product-widget .wkfr-option-meta .wkfr-change-branch {
	color: var(--black);
}

/** Thank you page */
body .wkfr-thankyou-btn.solid,
body #wkfr-print-invoice {
	background: var(--colorYellow);
	color: var(--black);
	svg path {
		fill: var(--black);
	}
}
body .wkfr-thankyou-btn.solid:hover,
body .wkfr-thankyou-btn:hover,
body #wkfr-print-invoice:hover {
	background: var(--colorMustard) !important;
	color: var(--black);
	svg path {
		fill: var(--black);
	}
}

body .wkfr-thankyou-btn-icon svg path {
	fill: var(--black);
	&:hover {
		fill: var(--black);
	}
}
body .wkfr-thankyou-btn.account svg path {
	fill: var(--colorYellow);
}
body .wkfr-thankyou-input-wrap .wkfr-thankyou-input:focus {
	border-color: var(--colorYellow);
}
body .wkfr-thankyou-forward-row .wkfr-thankyou-btn,
body .wkfr-thankyou-btn.account {
	border-color: var(--colorYellow);
	color: var(--black);
	background-color: var(--colorYellow);
	svg path {
		fill: var(--black);
	}

	&:hover {
		border-color: var(--colorYellow);
		background: var(--colorYellow);
		color: var(--black);
		svg path {
			fill: var(--black);
		}
	}
}

/** Seller Dashboard (Start) */ 
body .rfs-outlet-header-info .rfs-pos-login-button, 
body .rfs-outlet-header-info .rfs-pos-login-button {
	background: var(--black) !important;
	color: var(--white) !important;
}
body .rfs-outlet-header-info .rfs-pos-login-button:hover, 
body .rfs-outlet-header-info .rfs-pos-login-button:focus {
	background-color: var(--black) !important;
	color: var(--white) !important;
}

body .wkpos-dash__badge {
	background-color: var(--black) !important;
}
body .rfs-search-wrapper .rfs-search-submit-btn,
body .rfs-view-btn.rfs-view-btn-active  {
	background: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
	&:hover {
		background: var(--black);
		color: var(--white);
		border: 1px solid var(--black);
	}
}

body .rfs-outlet-header-info .outlet-text-wrapper span {
	color: var(--black) !important;
}

body .rfs-view-btn.rfs-view-btn-active {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
}
body .rfs-items-per-page select:focus {
	border-color: var(--colorYellow);
}

/** Orders */
body .wkfr-badge--received {
	background: var(--colorYellow);
	color: var(--black);
}
body .wkfr-pagination__btn:hover {
	border-color: var(--colorYellow);
	color: var(--colorYellow);
}
body .wkfr-pagination__btn.is-active {
    border: 2px solid var(--colorYellow);
    color: var(--colorYellow);
}
body .wkfr-pagination__select:focus {
	border-color: var(--colorYellow);
}

body .wkfr-view-btn.is-active-list, 
body .wkfr-view-btn.is-active-grid {
	background: var(--black);
    border-color: var(--black);
	svg path {
		fill: var(--white) !important;
	}
}
body .wkfr-search-input:focus {
	border-color:  var(--colorYellow);
}

/** POS */
body a.wkpos-nav-tab[href*="tab=user"].wkpos-nav-tab-active,
body a.wkpos-nav-tab.wkpos-nav-tab-active{
	border-bottom: 2px solid var(--colorYellow) !important;
    color: var(--colorYellow) !important;
	svg path {
		fill: var(--colorYellow) !important;
	}
}
body .wkpos-nav-tab-active .wkpos-tab-icon {
	color: var(--colorYellow) !important;
}
body .wkpos-btn-red, body .wkpos-btn-add-user {
	border-color: var(--colorYellow);
	color: var(--colorYellow);
	&:hover {
		background-color: var(--colorMustard) !important;
		color: var(--white) !important;
	}
}

/** Stock */
body .rfs-stock-badge.rfs-stock-out-of-stock, 
body .rfs-stock-badge.rfs-stock-outofstock {
    background: var(--black);
}

/** RFS Pagination */
body .rfs-pagination-page.active,
body .rfs-pagination-btn:hover {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
    color: var(--black);
}
body .rfs-view-btn:hover {
	border-color: var(--black);
	color: var(--black);
	svg path {
		fill: var(--black);
	}
}
body .rfs-header-section .rfs-create-stock-btn {
	background: var(--colorYellow);
	color: var(--black);
}
body .rfs-btn.rfs-btn-primary {
    background: var(--colorYellow);
    color: var(--black);
    border-color: var(--colorYellow);
	&:hover {
		background: var(--colorMustard) !important;
		color: var(--black) !important;
		border-color: var(--colorMustard) !important;
	}
}

/** Profile */
body .rfs-seller-profile-container .rfs-profile-section h3 {
    color: var(--colorYellow);
	&:before {
		background: var(--colorYellow);
	}
}
body .rfs-seller-profile-container .rfs-save-button {
	background: var(--colorYellow);
	color: var(--black);
	&:hover {
		background: var(--colorMustard) !important;
		color: var(--black) !important;
	}
}
body .rfs-seller-profile-container .rfs-image-upload-wrapper:hover {
	border-color: var(--colorYellow);
}


body .rfs-seller-profile-container .rfs-form-field input[type=text]:focus, 
body .rfs-seller-profile-container .rfs-form-field input[type=email]:focus, 
body .rfs-seller-profile-container .rfs-form-field input[type=tel]:focus, 
body .rfs-seller-profile-container .rfs-form-field input[type=time]:focus, 
body .rfs-seller-profile-container .rfs-form-field input[type=number]:focus, 
body .rfs-seller-profile-container .rfs-form-field select:focus {
	border-color: var(--colorAccent);
    box-shadow: none;
}

/** POS Setting */
body .wkpos-form-actions .wkpos-btn-save,
body .wktm-branch-code-card__copy {
	border-color: var(--colorYellow);
    color: var(--black);
    background-color: var(--colorYellow);
}
body .wkpos-form-actions .wkpos-btn-save:hover,
body .wktm-branch-code-card__copy:hover {
	background: var(--colorMustard) !important;
    color: var(--black) !important;
    border-color: var(--colorMustard) !important;
	box-shadow: none;
}

body .wktm-branch-code-card__inner {
	border-color: var(--colorYellow);
}
body .wktm-branch-code-card__label {
	color: var(--colorYellow);
}
body .wktm-branch-code-card__icon {
	background-color: var(--colorYellow);
	svg path {
		fill: var(--black);
	}
}
body #wkpostpr-cashier-test-print-job {
	color: var(--colorYellow);
	border-color: var(--colorYellow);
}
body #wkpostpr-cashier-test-print-job:hover {
	background-color: var(--colorYellow);
	color: var(--black);
	border-color: var(--colorYellow);
}
/** Seller Dashboard (End) */ 

footer .wkfr-click-collect-footer .wkfr-cc-card {
	background: var(--colorYellow);
}
footer .wkfr-click-collect-footer .wkfr-cc-card .wkfr-cc-header .wkfr-cc-header-divider {
	background: var(--black);
}
footer .wkfr-click-collect-footer .wkfr-cc-card .wkfr-cc-header .wkfr-cc-title-wrapper .wkfr-cc-title,
footer .wkfr-click-collect-footer .wkfr-cc-card .wkfr-cc-middle .wkfr-cc-middle-left .wkfr-cc-promo-text {
	color: var(--black);
}
footer .wkfr-click-collect-footer .wkfr-cc-card .wkfr-cc-middle .wkfr-cc-middle-left .wkfr-cc-cta-btn {
	background: var(--black);
}

footer .wkfr-click-collect-footer .wkfr-cc-card .wkfr-cc-middle .wkfr-cc-middle-left .wkfr-cc-cta-btn:hover {
	box-shadow: 0 2px 10px rgba(234, 40, 41, .4);
}