/**
 * Site-wide overrides — restore Pixfort utility colours that the Bootstrap
 * stylesheet (bundled with the now-inactive essentials theme) overrides.
 *
 * On the live Pixfort site bootstrap is enqueued BEFORE pixfort-core-style,
 * so Pixfort's `.text-primary { color: var(--pix-primary) }` wins. After
 * the theme switch we lost that ordering, so Bootstrap's `#007bff` blue
 * wins everywhere — most visibly in marquee items and other places that
 * use Pixfort's utility classes.
 *
 * This file is enqueued LAST, so it wins regardless of load order.
 */

.text-primary,
.pix-marquee-item.text-primary,
h1.text-primary, h2.text-primary, h3.text-primary,
h4.text-primary, h5.text-primary, h6.text-primary,
a.text-primary, p.text-primary, span.text-primary,
.text-primary > * {
	color: var(--pix-primary, #65559c) !important;
}

.bg-primary {
	background-color: var(--pix-primary, #65559c) !important;
}
.border-primary {
	border-color: var(--pix-primary, #65559c) !important;
}

/* Bootstrap also overrides .text-secondary / .text-success / .text-danger
 * which appear elsewhere in the site. Restore the Pixfort palette. */
.text-secondary { color: var(--pix-secondary, #ac9ccc) !important; }
.text-success   { color: var(--pix-green, #4ED199) !important; }
.text-danger    { color: var(--pix-red, #ff6c5f) !important; }
.text-warning   { color: var(--pix-yellow, #ef8a2c) !important; }
.text-info      { color: var(--pix-cyan, #0dd3ff) !important; }

.bg-secondary { background-color: var(--pix-secondary, #ac9ccc) !important; }
.bg-success   { background-color: var(--pix-green, #4ED199) !important; }
.bg-danger    { background-color: var(--pix-red, #ff6c5f) !important; }
.bg-warning   { background-color: var(--pix-yellow, #ef8a2c) !important; }
.bg-info      { background-color: var(--pix-cyan, #0dd3ff) !important; }

/* Bootstrap link colour also leaks. */
a:not(.btn):not(.elementor-button):not([class*="elementor-"]) {
	color: var(--pix-primary, #65559c);
}
a:not(.btn):not(.elementor-button):not([class*="elementor-"]):hover {
	color: var(--pix-secondary, #ac9ccc);
}

/* The .heading-font / .body-font helpers Pixfort uses also fall back to
 * sans-serif when the theme is gone. Re-apply the configured fonts. */
.heading-font {
	font-family: var(--pix-heading-font), Arial, Helvetica, sans-serif !important;
}
.body-font {
	font-family: var(--pix-body-font), Arial, Helvetica, sans-serif !important;
}

/* Referenciák — "Merch" tab button (Pixfort pills widget): force white text. */
#pix-tab-btn-2236fbd-87eb94c {
	color: #fff !important;
}

/* Header search overlay — opened by assets/search.js when the user clicks
 * the header search icon (which would otherwise navigate to an empty
 * /?s= results page). */
#creals-search-overlay {
	position: fixed;
	inset: 0;
	background: rgba(20, 18, 35, 0.72);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 24px;
	animation: creals-search-fade 0.15s ease-out;
}
@keyframes creals-search-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.creals-search-form {
	display: flex;
	gap: 8px;
	align-items: center;
	background: #fff;
	border-radius: 14px;
	padding: 10px 10px 10px 18px;
	width: min(640px, 100%);
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}
.creals-search-input {
	flex: 1;
	border: 0;
	outline: 0;
	font: inherit;
	font-size: 18px;
	padding: 10px 4px;
	background: transparent;
	color: #1c1a2e;
}
.creals-search-input::placeholder { color: #9c98ad; }
.creals-search-submit,
.creals-search-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s;
}
.creals-search-submit {
	background: var(--pix-primary, #65559c);
	color: #fff;
}
.creals-search-submit:hover { background: var(--pix-secondary, #ac9ccc); }
.creals-search-close {
	background: transparent;
	color: #6b6781;
}
.creals-search-close:hover { background: #f1eef7; color: #1c1a2e; }
body.creals-search-open { overflow: hidden; }

/* Page-level horizontal overflow on desktop is caused by Pixfort's image
 * carousel widget (pix-img-carousel) which renders a wide inner track but
 * relies on the parent to clip. Pixfort's other marquee (.pix-marquee)
 * already has overflow:hidden; the img-carousel does not. */
.elementor-widget-pix-img-carousel,
.elementor-widget-pix-img-carousel .pix-img-carousel,
.elementor-widget-pix-img-carousel .pix-marquee-element {
	overflow: hidden;
}