/*
Theme Name:   Hello Elementor Child
Theme URI:    https://github.com/elementor/hello-theme-child/
Description:  Hello Elementor Child — FairPlay WooCommerce customization (ported from bootscore-child)
Author:       FairPlay
Author URI:   https://fairplayhq.ie/
Template:     hello-elementor
Version:      2.1.2
Text Domain:  hello-elementor-child
License:      GNU General Public License v3 or later.
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Tags:         woocommerce, custom-colors, custom-logo, editor-style, featured-images
*/

/* -------------------------------------------------------------------------
 * FairPlay brand tokens
 * (Mirrors the SCSS variables in the bootscore-child theme so the shop
 * components keep the same colour relationships without Bootstrap variables.)
 * ------------------------------------------------------------------------- */
:root {
	--fp-primary: #721817;
	--fp-primary-hover: #822827;
	--fp-accent: #2b4162;
	--fp-secondary: #c3952d;
	--fp-secondary-hover: #a37c24;
	--fp-surface: #fffff8;
	--fp-text: #171717;
	--fp-muted: #7e837f;
	--fp-bg: var(--fp-accent);
	--fp-border: rgba(0, 0, 0, 0.12);
	--fp-border-subtle: rgba(0, 0, 0, 0.08);
	--fp-card-bg: var(--fp-surface);
	--fp-card-bg-soft: #f7f4ea;
	--fp-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--fp-shadow-md: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
	--fp-primary-rgb: 0, 66, 37;
	--fp-secondary-rgb: 195, 149, 45;
	--fp-text-rgb: 23, 23, 23;
	--fp-bg-rgb: 43, 65, 98;
	--fp-radius: 0.875rem;
	--fp-radius-sm: 0.5rem;
	--fp-cut-lg: 1.1rem;
	--fp-cut-sm: 0.625rem;
	--fp-container-max: 1320px;
	--fp-bunting-flag-width: 2.4rem;
}

::selection {
	background-color: var(--fp-secondary);
	color: var(--fp-text);
}

/* -------------------------------------------------------------------------
 * WooCommerce page wrapper background
 * (Hello Elementor leaves the page chrome to Elementor, so we only paint
 * the WooCommerce surface — anything wrapped in .fp-shop-content.)
 * ------------------------------------------------------------------------- */
.fp-shop-content {
	background-color: var(--fp-bg);
	padding: 1rem 0 2.5rem;
	color: var(--fp-text);
}

/* -------------------------------------------------------------------------
 * Card-cut (clipped corner) utilities — ported from bootscore-child style.css
 * ------------------------------------------------------------------------- */
.fp-cut-lg, .elementor-element-352a3765 .e-con-full {
	--fp-cut-size: var(--fp-cut-lg);
}

.fp-cut-sm {
	--fp-cut-size: var(--fp-cut-sm);
}

.fp-cut-all, .elementor-element-352a3765 .e-con-full {
	border-radius: 0 !important;
	border: none !important;
	clip-path: polygon(
		var(--fp-cut-size) 0,
		calc(100% - var(--fp-cut-size)) 0,
		100% var(--fp-cut-size),
		100% calc(100% - var(--fp-cut-size)),
		calc(100% - var(--fp-cut-size)) 100%,
		var(--fp-cut-size) 100%,
		0 calc(100% - var(--fp-cut-size)),
		0 var(--fp-cut-size)
	);
	overflow: hidden;
}

.fp-cut-bottom {
	border-radius: 0 !important;
	border: none !important;
	clip-path: polygon(
		0 0,
		100% 0,
		100% var(--fp-cut-size),
		100% calc(100% - var(--fp-cut-size)),
		calc(100% - var(--fp-cut-size)) 100%,
		var(--fp-cut-size) 100%,
		0 calc(100% - var(--fp-cut-size)),
		0 var(--fp-cut-size)
	);
	overflow: hidden;
}

.fp-cut-top {
	border-radius: 0 !important;
	border: none !important;
	clip-path: polygon(
		var(--fp-cut-size) 0,
		calc(100% - var(--fp-cut-size)) 0,
		100% var(--fp-cut-size),
		100% 100%,
		calc(100% - var(--fp-cut-size)) 100%,
		0 100%,
		0 calc(100% - var(--fp-cut-size)),
		0 var(--fp-cut-size)
	);
	overflow: hidden;
}

.fp-cut-topright {
	border-radius: 0;
	clip-path: polygon(
		0 0,
		calc(100% - var(--fp-cut-size)) 0,
		100% var(--fp-cut-size),
		100% 100%,
		0 100%
	);
	overflow: hidden;
}

.fp-cut-frame {
	background-color: var(--fp-accent);
	padding: 2px;
}


.elementor-nav-menu > .menu-item{
	a{
		color: var(--e-global-color-accent) !important;
	}
}