/* ============================================================
   POLOCOMM — DEEP REDESIGN (Layer 1)  v1
   Brand: gold #f3d97a · soft gold #fbe8a6 · cream #f2f1e5
          charcoal #2c2927 · warm gray-brown #534a45 · white
   Goal: keep content + brand colors, remove the loud pink/red/
   orange palette (esp. the pink menu), unify to an elegant,
   modern gold + charcoal system. Font: Montserrat.
   ============================================================ */

:root{
  --pc-gold:#f3d97a;
  --pc-gold-soft:#fbe8a6;
  --pc-gold-deep:#b8941f;   /* legible gold for text/hover on white */
  --pc-cream:#f2f1e5;
  --pc-ink:#2c2927;
  --pc-ink-2:#534a45;
  --pc-white:#ffffff;
}

/* ---------- 1. Remap the loud Elementor global colors -> brand ----------
   Defined by Elementor on `.elementor-kit-16`; we win with the higher-
   specificity `body.elementor-kit-16` so load order never matters. */
body.elementor-kit-16{
  --e-global-color-7e2866b:#2c2927;  /* was RED   #F10B08  -> charcoal (accents/icons/footer) */
  --e-global-color-afb6684:#2c2927;  /* was PINK  #ED40A7  -> charcoal (fallback; nav made transparent below) */
  --e-global-color-534d2e8:#f3d97a;  /* was ORANGE#F94F01  -> gold (borders/dividers) */
  --e-global-color-97c3f8d:#2c2927;  /* was BLUE  #3333FF  -> charcoal */
  --e-global-color-182b027:#534a45;  /* was INDIGO#4242B6  -> warm brown */
}

/* ============================================================
   2. HEADER — kill the pink menu; clean white sticky bar
   ============================================================ */
/* Header section: was red -> crisp white with a soft brand shadow */
.elementor-element-60edcaa3{
  background-color:var(--pc-white) !important;
  box-shadow:0 6px 24px rgba(44,41,39,.08);
  border-bottom:1px solid rgba(44,41,39,.06);
}

/* Nav widget + list + items: was pink -> transparent */
nav.hfe-dropdown-expandible,
.hfe-nav-menu,
.hfe-nav-menu .menu-item,
.hfe-nav-menu > .menu-item{
  background-color:transparent !important;
}

/* Top-level links: charcoal, confident weight, gold on hover */
.hfe-nav-menu .hfe-menu-item,
.hfe-nav-menu .menu-item > a.hfe-menu-item{
  color:var(--pc-ink) !important;
  font-family:"Montserrat",sans-serif;
  font-weight:600;
  letter-spacing:.015em;
  border:0 !important;                 /* remove orange bottom borders */
  position:relative;
  transition:color .25s ease;
}
.hfe-nav-menu > .menu-item > .hfe-menu-item:hover,
.hfe-nav-menu > .menu-item.current-menu-item > .hfe-menu-item,
.hfe-nav-menu > .menu-item.current-menu-ancestor > .hfe-menu-item{
  color:var(--pc-gold-deep) !important;
}
/* Animated gold underline on top-level items */
.hfe-nav-menu > .menu-item > .hfe-menu-item::after{
  content:"";
  position:absolute;
  left:0; bottom:2px;
  width:0; height:2px;
  background:var(--pc-gold);
  transition:width .28s ease;
}
.hfe-nav-menu > .menu-item > .hfe-menu-item:hover::after,
.hfe-nav-menu > .menu-item.current-menu-item > .hfe-menu-item::after{
  width:100%;
}

/* Dropdown / submenu panel: elegant dark charcoal with cream text */
.hfe-nav-menu .sub-menu,
.hfe-nav-menu .sub-menu .menu-item{
  background-color:var(--pc-ink) !important;
  border:0 !important;
}
.hfe-nav-menu .sub-menu{
  box-shadow:0 18px 40px rgba(44,41,39,.22);
  border-radius:0 0 10px 10px;
  overflow:hidden;
  padding:6px 0;
}
.hfe-nav-menu .sub-menu .hfe-menu-item{
  color:var(--pc-cream) !important;
  font-weight:500;
  border:0 !important;
}
.hfe-nav-menu .sub-menu .hfe-menu-item:hover{
  color:var(--pc-gold) !important;
  background-color:rgba(255,255,255,.05) !important;
}

/* Mobile / expandible nav (element 8db86e4) — same treatment */
.elementor-element-8db86e4 nav.hfe-dropdown-expandible,
.elementor-element-8db86e4 .hfe-nav-menu,
.elementor-element-8db86e4 .menu-item{
  background-color:transparent !important;
}
.elementor-element-8db86e4 .hfe-menu-item{ color:var(--pc-ink) !important; border:0 !important; }

/* Hamburger / menu toggle -> charcoal */
.hfe-nav-menu-icon,
.hfe-nav-menu-icon i,
button.hfe-nav-menu__toggle,
.hfe-nav-menu__toggle i{ color:var(--pc-ink) !important; }

/* ============================================================
   3. BUTTONS — brand gold primary
   ============================================================ */
.elementor-button,
.elementor-button-link,
a.elementor-button{
  background-color:var(--pc-ink) !important;
  color:var(--pc-cream) !important;
  border-radius:40px !important;
  font-weight:600 !important;
  letter-spacing:.02em;
  transition:transform .2s ease, background-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.elementor-button:hover,
a.elementor-button:hover{
  background-color:var(--pc-gold) !important;
  color:var(--pc-ink) !important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(184,148,31,.28);
}

/* ============================================================
   4. FOOTER — bars were red -> charcoal (via var remap); keep text legible
   ============================================================ */
.elementor-element-e259a28,
.elementor-element-41d6c26f{
  background-color:var(--pc-ink) !important;
}
.elementor-element-e259a28, .elementor-element-e259a28 *,
.elementor-element-41d6c26f, .elementor-element-41d6c26f *{
  color:var(--pc-cream) !important;
}
.elementor-element-e259a28 a:hover,
.elementor-element-41d6c26f a:hover{ color:var(--pc-gold) !important; }

/* Header moving background layer (motion-fx) was red -> match white header */
.elementor-element-60edcaa3 .elementor-motion-effects-layer{
  background-color:var(--pc-white) !important;
}

/* ---------- Social icon buttons (footer) : red -> charcoal, gold hover ---------- */
a.linkedin, a.facebook, a.instagram, a.twitter, a.youtube,
a:has(> i.fasicon){
  background-color:var(--pc-ink) !important;
  transition:background-color .25s ease, transform .2s ease !important;
}
a.linkedin:hover, a.facebook:hover, a.instagram:hover, a.twitter:hover, a.youtube:hover,
a:has(> i.fasicon):hover{
  background-color:var(--pc-gold) !important;
  transform:translateY(-2px);
}
a.linkedin i, a.facebook i, a.instagram i, a:has(> i.fasicon) i{ color:var(--pc-cream) !important; }
a.linkedin:hover i, a.facebook:hover i, a.instagram:hover i, a:has(> i.fasicon):hover i{ color:var(--pc-ink) !important; }

/* ============================================================
   5. Typographic polish (headings charcoal, generous tracking)
   ============================================================ */
h1,h2,h3,h4,.elementor-heading-title{
  color:var(--pc-ink);
  font-family:"Montserrat",sans-serif;
}
h1,h2{ letter-spacing:-.01em; }

/* ---------- 5b. Neutralize remaining HARDCODED reds (ElementsKit widgets) ---------- */
/* ElementsKit section/heading titles that were set to the red accent */
.elementskit-section-title,
.ekit-heading--title,
.elementskit-section-title-wraper .elementskit-section-title{
  color:var(--pc-ink) !important;
}
/* small gold accent rule under ElementsKit section titles keeps visual interest */
.elementskit-section-title-wraper .elementskit-title-subtitle{ color:var(--pc-ink-2) !important; }

/* Footer contact block (address / email / phone) was red -> charcoal */
.elementor-element-79f7d93,
.elementor-element-79f7d93 *{ color:var(--pc-ink) !important; }
.elementor-element-79f7d93 a:hover{ color:var(--pc-gold-deep) !important; }

/* Links inside content: charcoal, gold hover */
.elementor-widget-text-editor a:not(.elementor-button){
  color:var(--pc-ink-2);
  text-decoration:underline;
  text-decoration-color:var(--pc-gold);
  text-underline-offset:3px;
}
.elementor-widget-text-editor a:not(.elementor-button):hover{ color:var(--pc-gold-deep); }