<?php /* silence editor highlighters: this is a CSS file, not PHP */ ?>
/* --------------------------------------------------------------------------
   FluentCart – UE visual overrides
   -------------------------------------------------------------------------- */

/* ==========================================================================
   Single product page
   ========================================================================== */

.fct-single-product-page {
	--ue-fct-heading: #d0d0d0;
	--ue-fct-image-bg: #1a1a1a;
	--ue-fct-price: #bddab1;
}

/* Headings */
.fct-single-product-page .fct-product-title h1,
.fct-single-product-page .fct-product-title h2,
.fct-single-product-page .fct-product-title h3,
.fct-single-product-page .fct-product-description h1,
.fct-single-product-page .fct-product-description h2,
.fct-single-product-page .fct-product-description h3 {
	color: var(--ue-fct-heading);
}

/* Product image area */
.fct-single-product-page .fct-product-gallery-wrapper,
.fct-single-product-page .fct-product-gallery-thumb {
	background: var(--ue-fct-image-bg);
	border: 1px solid var(--ue-fct-image-bg);
	box-shadow: none;
}

/* Product image itself */
.fct-single-product-page .fct-product-gallery-thumb img,
.fct-single-product-page img[data-fluent-cart-single-product-page-product-thumbnail] {
	display: block;
	width: 100%;
	height: auto;
	background: var(--ue-fct-image-bg);
	border: 0;
	box-shadow: none;
}

/* Price */
.fct-single-product-page .fct-price-range,
.fct-single-product-page .fct-product-prices,
.fct-single-product-page .fct-item-price {
	color: var(--ue-fct-price);
}

.fct-single-product-page .fct-price-range *,
.fct-single-product-page .fct-product-prices * {
	color: inherit;
}

/* ==========================================================================
   Basket page
   ========================================================================== */

.fct-cart-page {
	--ue-fct-cart-text: #d0d0d0;
}

/* Product title */
.fct-cart-page .fct-cart-item-title,
.fct-cart-page .fct-cart-item-title a,
.fct-cart-page .fct-cart-item-title span {
	color: var(--ue-fct-cart-text);
}

/* Item price / line total */
.fct-cart-page .fct-cart-item-price,
.fct-cart-page .fct-cart-item-price span,
.fct-cart-page .fct-cart-item-total,
.fct-cart-page .fct-cart-item-total span {
	color: var(--ue-fct-cart-text);
}

/* Cart total row */
.fct-cart-page .fct-cart-total-wrapper,
.fct-cart-page .fct-cart-total-wrapper span,
.fct-cart-page [data-fluent-cart-cart-total-price] {
	color: var(--ue-fct-cart-text);
}

/* ==========================================================================
   Customer profile / dashboard
   ========================================================================== */

.fluent-cart-customer-profile-app {
	--ue-fct-profile-text: #d0d0d0;
	--ue-fct-profile-accent: #bddab1;
	--ue-fct-profile-accent-hover: #81a487;
	--ue-fct-profile-active-bg: #2f5035;
	--ue-fct-profile-muted-dark: #565865;
	--ue-fct-profile-link-dark: #2f5035;
	--ue-fct-profile-date: #000;
}

/* General profile text */
.fluent-cart-customer-profile-app,
.fluent-cart-customer-profile-app p,
.fluent-cart-customer-profile-app h1,
.fluent-cart-customer-profile-app h2,
.fluent-cart-customer-profile-app h3,
.fluent-cart-customer-profile-app h4,
.fluent-cart-customer-profile-app h5,
.fluent-cart-customer-profile-app h6,
.fluent-cart-customer-profile-app a,
.fluent-cart-customer-profile-app span,
.fluent-cart-customer-profile-app .text,
.fluent-cart-customer-profile-app .text-sm,
.fluent-cart-customer-profile-app .text-system-light,
.fluent-cart-customer-profile-app .cell,
.fluent-cart-customer-profile-app .link,
.fluent-cart-customer-profile-app .fct-customer-dashboard-title,
.fluent-cart-customer-profile-app .fct-customer-orders-items-title,
.fluent-cart-customer-profile-app .fct-customer-nav-link,
.fluent-cart-customer-profile-app .fct-customer-nav-link-text,
.fluent-cart-customer-profile-app .fct-customer-nav-tooltip,
.fluent-cart-customer-profile-app .button-text {
	color: var(--ue-fct-profile-text);
}

/* Nav + utility icons that inherit currentColor */
.fluent-cart-customer-profile-app .fct-customer-nav-link-icon,
.fluent-cart-customer-profile-app #fct-customer-menu-toggle,
.fluent-cart-customer-profile-app #fct-customer-menu-toggle svg,
.fluent-cart-customer-profile-app .fct-customer-logout-btn svg {
	color: var(--ue-fct-profile-text);
}

/* Compact toggle has hardcoded fill */
.fluent-cart-customer-profile-app .fct-nav-compact-toggle-wrap svg path {
	fill: var(--ue-fct-profile-text);
}

/* Customer info exact override */
.fluent-cart-customer-profile-app .fct-customer-dashboard-customer-info,
.fluent-cart-customer-profile-app .fct-customer-dashboard-customer-info-content,
.fluent-cart-customer-profile-app .fct-customer-dashboard-customer-info-content h3,
.fluent-cart-customer-profile-app .fct-customer-dashboard-customer-info-content p {
	color: var(--ue-fct-profile-text) !important;
}

/* Dashboard header */
.fluent-cart-customer-profile-app .fct-customer-dashboard-header .fct-customer-dashboard-title {
	color: var(--ue-fct-profile-text) !important;
}

.fluent-cart-customer-profile-app .fct-customer-dashboard-header .actions .is-link,
.fluent-cart-customer-profile-app .fct-customer-dashboard-header .actions .is-link:hover,
.fluent-cart-customer-profile-app .fct-customer-dashboard-header .actions .is-link:focus {
	color: var(--ue-fct-profile-accent) !important;
}

/* Active nav item */
.fluent-cart-customer-profile-app .fct-customer-nav-item.active_customer_menu .fct-customer-nav-link {
	background: var(--ue-fct-profile-active-bg);
}

/* Orders / invoice block */
.fluent-cart-customer-profile-app .invoice-id-date .link,
.fluent-cart-customer-profile-app .invoice-id-date .link span,
.fluent-cart-customer-profile-app .invoice-id-date .link:hover,
.fluent-cart-customer-profile-app .invoice-id-date .link:hover span,
.fluent-cart-customer-profile-app .invoice-id-date .link:focus,
.fluent-cart-customer-profile-app .invoice-id-date .link:focus span {
	color: var(--ue-fct-profile-link-dark) !important;
}

.fluent-cart-customer-profile-app .invoice-id-date .text {
	color: var(--ue-fct-profile-date) !important;
}

/* Table / recent purchases */
.fluent-cart-customer-profile-app .el-table .cell,
.fluent-cart-customer-profile-app .el-table .cell .text,
.fluent-cart-customer-profile-app .order-content-only-mobile .item-header,
.fluent-cart-customer-profile-app .order-content-only-mobile .item-body,
.fluent-cart-customer-profile-app .order-content-only-mobile .item-footer,
.fluent-cart-customer-profile-app .order-content-only-mobile .item-footer span {
	color: var(--ue-fct-profile-text);
}

/* Items-per-page selector */
.fluent-cart-customer-profile-app .el-select__selection,
.fluent-cart-customer-profile-app .el-select__selection .el-select__placeholder,
.fluent-cart-customer-profile-app .el-select__selection .el-select__placeholder span,
.fluent-cart-customer-profile-app .el-select__selection .el-select__selected-item,
.fluent-cart-customer-profile-app .el-select__selection .el-select__input {
	color: var(--ue-fct-profile-muted-dark) !important;
}

/* User profile section headings */
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .form-heading {
	color: var(--ue-fct-profile-text) !important;
}

/* Shared button style: logout + profile action buttons */
.fluent-cart-customer-profile-app .fct-customer-logout-btn,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--small,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--primary {
	background: var(--ue-fct-profile-accent) !important;
	color: #000 !important;
	border: 1px solid var(--ue-fct-profile-accent) !important;
	box-shadow: none !important;
}

/* Shared button text / icons */
.fluent-cart-customer-profile-app .fct-customer-logout-btn .button-text,
.fluent-cart-customer-profile-app .fct-customer-logout-btn svg,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button span {
	color: #000 !important;
	fill: currentColor;
}

/* Shared button hover / focus / active */
.fluent-cart-customer-profile-app .fct-customer-logout-btn:hover,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:focus,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:active,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button:hover,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button:focus,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button:active,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--small:hover,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--small:focus,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--small:active,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--primary:hover,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--primary:focus,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button--primary:active {
	background: var(--ue-fct-profile-accent-hover) !important;
	color: #000 !important;
	border-color: var(--ue-fct-profile-accent-hover) !important;
}

.fluent-cart-customer-profile-app .fct-customer-logout-btn:hover .button-text,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:hover svg,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:focus .button-text,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:focus svg,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:active .button-text,
.fluent-cart-customer-profile-app .fct-customer-logout-btn:active svg,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button:hover span,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button:focus span,
.fluent-cart-customer-profile-app .fct-customer-dashboard-user-profile .el-button:active span {
	color: #000 !important;
	fill: currentColor;
}

/* ==========================================================================
   Misc site-specific adjustment currently kept here
   ========================================================================== */

/* Adjusting for cutting off of the top of the moon landscape image */
.site-footer .ue-footer-ground {
	background-position: center top !important;
}