/*
Theme Name: Cole Family Dentistry
Theme URI: https://www.colefamilydentistry.com/
Template: hello-elementor
Description: Child theme for the Cole Family Dentistry WordPress + Elementor Pro build. Provides the brand color tokens, Google Fonts, Font Awesome 6 icon set, and a few fine-tuning styles (nav underline hover, hero photo overlays, checklists) that pair with the accompanying Elementor Template Kit.
Author: Dara Wilson
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cole-family-dentistry
*/

:root{
  --cole-black:#0B0B0B;
  --cole-ink:#1D1A18;
  --cole-charcoal:#312C29;
  --cole-muted:#716965;
  --cole-rose:#D79293;
  --cole-rose-dark:#BB7275;
  --cole-rose-soft:#F7E9E8;
  --cole-blush:#FBF3F1;
  --cole-cream:#FFFAF7;
  --cole-white:#FFFFFF;
  --cole-line:#EADFD9;
  --cole-gold:#B89669;
  --cole-serif:'Cormorant Garamond', Georgia, serif;
  --cole-sans:'Montserrat', Arial, sans-serif;
}

body{
  font-family:var(--cole-sans);
  color:var(--cole-ink);
}
h1,h2,h3,h4{
  font-family:var(--cole-serif);
  font-weight:600;
}

/* ---------- Nav link underline grows on hover / active ---------- */
.elementor-nav-menu .elementor-item{ position:relative; }
.elementor-nav-menu .elementor-item:after{
  content:"";
  position:absolute; left:0; bottom:6px;
  width:0; height:1px;
  background:var(--cole-rose);
  transition:.25s;
}
.elementor-nav-menu .elementor-item:hover:after,
.elementor-nav-menu .elementor-item.elementor-item-active:after{ width:100%; }

/* ---------- Buttons lift slightly on hover ---------- */
.elementor-button:hover{ transform:translateY(-1px); }

/* ---------- Dark gradient overlay for full-bleed photo heroes ---------- */
/* Elementor's own background-overlay panel handles most of this; these rules
   are a safety net if a section's overlay gradient needs a manual nudge. */
.cole-hero-overlay{ position:relative; }
.cole-hero-overlay:before{
  content:"";
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:linear-gradient(90deg,rgba(9,9,9,.86) 0%,rgba(9,9,9,.68) 42%,rgba(9,9,9,.2) 76%,rgba(9,9,9,.06) 100%);
}
.cole-hero-overlay > .elementor-container{ position:relative; z-index:1; }

/* ---------- Checklist bullet color (used by the raw <ul> HTML blocks in the kit) ---------- */
.cole-check-list li:before{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:var(--cole-rose);
}

/* ---------- Review stars ---------- */
.cole-stars{ color:var(--cole-rose); letter-spacing:4px; }

/* ---------- Footer logo chip (keeps the full-color logo legible on black) ---------- */
.cole-footer-logo{
  display:inline-block;
  background:#fff;
  padding:8px 12px;
  border-radius:8px;
}

/* ---------- Sticky header shadow once scrolled ---------- */
.elementor-sticky--active{ box-shadow:0 8px 25px rgba(0,0,0,.08); }