/**
 * A2Z Football brand color overrides.
 *
 * Hierarchy:
 *   Primary   — Yellow (#FFF000) + Black (#000000)
 *   Secondary — Green (#008751) + White (selective accents only)
 */

:root {
	--a2z-yellow: #fff000;
	--a2z-yellow-dark: #e6d800;
	--a2z-black: #000000;
	--a2z-green: #008751;
	--a2z-green-dark: #006b40;
	--a2z-white: #ffffff;

	/* Primary brand aliases */
	--a2z-brand: var(--a2z-yellow);
	--a2z-brand-dark: var(--a2z-yellow-dark);
	--a2z-brand-ink: var(--a2z-black);

	/* Secondary accent (use sparingly) */
	--a2z-accent: var(--a2z-green);
	--a2z-accent-dark: var(--a2z-green-dark);
}

/* Links — yellow identity on dark UI */
a {
	color: var(--a2z-brand);
}

a:hover,
a:focus {
	color: var(--a2z-brand-dark) !important;
}

/* Primary buttons — yellow fill, black type */
.btn-primary,
.btn-primary-inverse,
.woocommerce-Button.button,
.woocommerce-Button.btn-primary-inverse,
.btn-default.btn-primary,
a.btn-primary,
button.btn-primary {
	background-color: var(--a2z-brand) !important;
	border-color: var(--a2z-brand) !important;
	color: var(--a2z-brand-ink) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary-inverse:hover,
.btn-primary-inverse:focus,
.btn-primary-inverse:active,
.woocommerce-Button.button:hover,
.woocommerce-Button.btn-primary-inverse:hover,
a.btn-primary:hover,
button.btn-primary:hover {
	background-color: var(--a2z-brand-dark) !important;
	border-color: var(--a2z-brand-dark) !important;
	color: var(--a2z-brand-ink) !important;
}

/* Card headers & nav highlights */
.card__header::before,
.content-filter__link::before,
.sponsor-card__header::before,
.accordion .card__header::before {
	background-color: var(--a2z-brand) !important;
}

/* Active account menu */
.content-filter__item--active .content-filter__link::before,
.content-filter__item.is-active .content-filter__link::before,
.woocommerce-MyAccount-navigation-link--active .content-filter__link::before {
	background-color: var(--a2z-brand) !important;
}

/* Form focus */
.form-control:focus,
.input-text:focus,
select:focus,
.a2z-select:focus {
	border-color: var(--a2z-brand) !important;
}

/* Player type toggle */
.a2z-user-type-option.is-active {
	background-color: var(--a2z-brand) !important;
	color: var(--a2z-brand-ink) !important;
	box-shadow: inset 0 0 0 1px var(--a2z-brand) !important;
}

.a2z-user-type-option:focus-visible {
	outline-color: var(--a2z-brand) !important;
}

/* Preloader */
.preloader {
	border-top-color: var(--a2z-brand) !important;
}

/* Labels, badges, post category chips — yellow bg needs black type */
.label,
.label-primary,
.badge-primary,
.posts__cat-label,
.posts__cat-label[class*="posts__cat-label--category"],
span.posts__cat-label,
a.posts__cat-label,
.label.posts__cat-label,
a.label.posts__cat-label {
	background-color: var(--a2z-brand) !important;
	color: #000000 !important;
}

.label-primary[href]:hover,
.label-primary[href]:focus,
a.label:hover,
a.label:focus,
.posts__cat-label:hover,
.posts__cat-label:focus,
a.posts__cat-label:hover,
a.posts__cat-label:focus,
a.label.posts__cat-label:hover,
a.label.posts__cat-label:focus {
	background-color: var(--a2z-brand-dark) !important;
	color: #000000 !important;
}

/* Main nav — active + hover text black on yellow */
.main-nav__list > li.current-menu-item > a,
.main-nav__list > li.current-menu-parent > a,
.main-nav__list > li.current-menu-ancestor > a,
.main-nav__list > li.current_page_item > a {
	background-color: var(--a2z-brand) !important;
	color: #000000 !important;
}

.main-nav__list > li > a:hover,
.main-nav__list > li > a.menu-item-link:hover {
	color: #000000 !important;
}

.main-nav__list > li.current-menu-item > a::before,
.main-nav__list > li.current-menu-parent > a::before,
.main-nav__list > li.current-menu-ancestor > a::before,
.main-nav__list > li.current_page_item > a::before {
	background-color: var(--a2z-brand) !important;
}

.main-nav__list > li.current-menu-item > a::after,
.main-nav__list > li.current-menu-parent > a::after,
.main-nav__list > li.current-menu-ancestor > a::after,
.main-nav__list > li.current_page_item > a::after,
.main-nav__list > li.current-menu-item.menu-item-has-children > a::after,
.main-nav__list > li.current-menu-parent.menu-item-has-children > a::after,
.main-nav__list > li > a:hover::after {
	color: #000000 !important;
}

.main-nav__list > li.current-menu-item > a:hover,
.main-nav__list > li.current-menu-parent > a:hover,
.main-nav__list > li.current-menu-ancestor > a:hover,
.main-nav__list > li.current_page_item > a:hover {
	background-color: var(--a2z-brand-dark) !important;
	color: #000000 !important;
}

/* Pushy / hamburger toggle — yellow square, black bars */
.pushy-panel__toggle {
	background-color: var(--a2z-brand) !important;
	color: var(--a2z-brand-ink) !important;
}

.pushy-panel__toggle:hover {
	background-color: var(--a2z-brand-dark) !important;
}

.pushy-panel__line,
.pushy-panel__line::before,
.pushy-panel__line::after {
	background-color: var(--a2z-brand-ink) !important;
}

.burger-menu-icon__line,
.burger-menu-icon__line::before,
.burger-menu-icon__line::after {
	background-color: var(--a2z-brand-ink) !important;
}

.header-mobile-pushy-panel__toggle {
	color: var(--a2z-brand-ink) !important;
}

/* Featured filter / tab chips when primary yellow is active */
.filter__item.active,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.alc-filter__item.is-active,
.posts-filter__item.is-active,
.btn-filter.is-active {
	background-color: var(--a2z-brand) !important;
	border-color: var(--a2z-brand) !important;
	color: var(--a2z-brand-ink) !important;
}

/* Info notices — yellow identity (not green-dominant) */
.a2z-verify-message.is-info {
	background-color: rgba(255, 240, 0, 0.12) !important;
	border-color: rgba(255, 240, 0, 0.4) !important;
	color: #ffe566 !important;
}

/* Success notices — selective green (supporting, not brand-primary) */
.a2z-verify-message.is-success {
	background-color: rgba(0, 135, 81, 0.15) !important;
	border-color: rgba(0, 135, 81, 0.4) !important;
	color: #9ae6b4 !important;
}
