/*
Theme Name: Garda
Theme URI: http://demo.casethemes.net/garda
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Garda is a stunning gardening and landscaping WordPress theme. The theme has a light, fresh and modern design for landscape service agency, gardener, landscaping company, tree planting business, eco-friendly business, arborist business, architecture landscape master, design planning bureau and  other gardening service related business sites.
Version: 1.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: garda
Tags: agriculture, gardening, gardening service, landscape, landscaping, landscaper, garden, gardeners, landscaping service, florist, landscape architects, plants, elementor
*/
/* ===== HUCC: kill green menu by overriding the theme var at the nav scope ===== */

/* Desktop header nav */
.pxl-nav-menu {
  --primary-color: #8C61CE !important;    /* theme uses this var for hover/active */
  --pxl-primary-color: #8C61CE !important;
}
.pxl-nav-menu .pxl-menu-primary > li > a,
.pxl-header-elementor-sticky .pxl-nav-menu .pxl-menu-primary > li > a {
  color: #0F2317 !important;              /* normal */
}
.pxl-nav-menu .pxl-menu-primary > li:hover > a,
.pxl-nav-menu .pxl-menu-primary > li.current-menu-item > a,
.pxl-nav-menu .pxl-menu-primary > li.current_page_item > a,
.pxl-nav-menu .pxl-menu-primary > li.current-menu-ancestor > a,
.pxl-header-elementor-sticky .pxl-nav-menu .pxl-menu-primary > li:hover > a,
.pxl-header-elementor-sticky .pxl-nav-menu .pxl-menu-primary > li.current-menu-item > a {
  color: var(--primary-color) !important; /* resolves to purple */
}
.pxl-nav-menu .pxl-menu-primary > li > a * { color: inherit !important; }

/* Sticky header wrapper also gets the var override */
.pxl-header-elementor-sticky .pxl-nav-menu {
  --primary-color: #8C61CE !important;
  --pxl-primary-color: #8C61CE !important;
}

/* Mobile menu */
#pxl-header-mobile,
#pxl-header-mobile .pxl-nav-menu {
  --primary-color: #8C61CE !important;
  --pxl-primary-color: #8C61CE !important;
}
#pxl-header-mobile .menu > li > a { color:#0F2317 !important; }
#pxl-header-mobile .menu > li:hover > a,
#pxl-header-mobile .menu > li.current-menu-item > a { color:#8C61CE !important; }

/* Footer menu hover */
.pxl-footer-elementor .menu > li > a { color:#DFE4E8 !important; }
.pxl-footer-elementor .menu > li > a:hover { color:#8C61CE !important; }

/* ===== Footer: force purple for hover/active, keep normal links light ===== */
.pxl-footer-elementor,
.elementor-location-footer,
.site-footer,
#colophon {
  --primary-color: #8C61CE !important;      /* theme uses this for hover */
  --pxl-primary-color: #8C61CE !important;
}

/* Normal footer links */
.pxl-footer-elementor a,
.elementor-location-footer a,
.site-footer a {
  color: #DFE4E8 !important;                 /* your light footer link color */
}

/* Footer hover + active */
.pxl-footer-elementor a:hover,
.pxl-footer-elementor .menu li.current-menu-item > a,
.elementor-location-footer a:hover,
.site-footer a:hover,
.site-footer .menu li.current-menu-item > a {
  color: #8C61CE !important;
}

/* ===== Global fallback for random green hovers on pages ===== */
/* many Garda widgets use the primary var on :hover, so force it sitewide */
:root { --primary-color: #8C61CE !important; --pxl-primary-color:#8C61CE !important; }

/* any standard link hover anywhere becomes purple */
a:hover, a:active { color:#8C61CE !important; }

/* common “primary text” utility classes used by PXL */
.pxl-text-primary, .text-primary, .color-primary, .pxl-color-primary { color:#8C61CE !important; }

/* some widgets style nested spans inside links on hover */
a:hover *, .menu li a:hover * { color: #8C61CE !important; }

/* Make the small "Readmore" arrow pill purple (Recent News) */
.pxl-recent-news1 .btn-readmore i,
.pxl-recent-news2 .btn-readmore i,
.pxl-grid .btn-readmore i,
.pxl-blog .btn-readmore i,
.btn-readmore i {
  background-color: #8C61CE !important;
  border-color: #8C61CE !important;
  color: #fff !important; /* arrow icon */
}

/* Hover state: slightly deeper purple */
.pxl-recent-news1 .btn-readmore:hover i,
.pxl-recent-news2 .btn-readmore:hover i,
.pxl-grid .btn-readmore:hover i,
.pxl-blog .btn-readmore:hover i,
.btn-readmore:hover i {
  background-color: #7346c5 !important;
  border-color: #7346c5 !important;
}

/* In case the section sets its own primary var, force purple on the home wrapper */
.home, .home #pxl-main, .home .elementor-section {
  --primary-color: #8C61CE !important;
  --pxl-primary-color: #8C61CE !important;
}