/*
Theme Name: Denton Podiatry
Theme URI: https://www.dentonfootandankle.com
Description: Custom Kadence child theme for Denton Podiatry — brand navy (#0B194A) & blue (#008AFC), Playfair Display + Inter typography, pill buttons, and Elementor-friendly base styling. Built by MalachiSoft Inc. Requires the Kadence parent theme and works alongside Elementor.
Author: MalachiSoft Inc
Author URI: https://malachisoft.com
Template: kadence
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: denton-podiatry
*/

/* ==========================================================================
   Denton Podiatry — Brand tokens
   ========================================================================== */
:root{
  --dp-navy:#0B194A;      /* primary */
  --dp-navy-deep:#081234; /* hover */
  --dp-blue:#008AFC;      /* accent */
  --dp-blue-soft:#7FC0FF;
  --dp-ink:#13203F;       /* body text */
  --dp-muted:#566079;
  --dp-cream:#F4EFE6;
  --dp-surface:#F1F5FB;   /* light section bg */
  --dp-radius:20px;
}

/* ==========================================================================
   Typography — Playfair Display (headings) + Inter (body)
   ========================================================================== */
body,
.entry-content,
.content-container,
input, textarea, select, button{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color:var(--dp-ink);
}
h1, h2, h3, h4, h5, h6,
.entry-title, .site-title, .page-title{
  font-family:'Playfair Display', Georgia, "Times New Roman", serif;
  color:var(--dp-navy);
  font-weight:600;
  line-height:1.18;
}

a{ color:var(--dp-blue); }
a:hover{ color:var(--dp-navy); }

/* ==========================================================================
   Buttons — brand pill shape (matches Elementor global buttons)
   ========================================================================== */
.wp-block-button__link,
.button, button, input[type="submit"],
.kadence-btn, .elementor-button{
  border-radius:var(--dp-radius) 0 var(--dp-radius) var(--dp-radius);
  font-weight:600;
}
.button, .wp-block-button__link,
input[type="submit"]{
  background:var(--dp-navy);
  color:#fff;
}
.button:hover, .wp-block-button__link:hover,
input[type="submit"]:hover{
  background:var(--dp-navy-deep);
  color:#fff;
}

/* ==========================================================================
   Header / navigation
   ========================================================================== */
.site-header .header-navigation .menu > .menu-item > a{
  font-family:'Inter', sans-serif;
  font-weight:500;
  color:var(--dp-ink);
}
.site-header .header-navigation .menu > .menu-item > a:hover,
.site-header .header-navigation .menu > .current-menu-item > a{
  color:var(--dp-blue);
}
.site-branding .site-title{
  font-family:'Playfair Display', serif;
  color:var(--dp-navy);
  letter-spacing:-.3px;
}

/* Optional utility top bar (add a Kadence HTML/menu row or Elementor row with class .dp-topbar) */
.dp-topbar{
  background:var(--dp-navy);
  color:#DBE7FB;
  font-size:14px;
}
.dp-topbar a{ color:#DBE7FB; }
.dp-topbar a:hover{ color:#fff; }

/* ==========================================================================
   Helper section backgrounds (reusable brand utility classes)
   ========================================================================== */
.dp-bg-navy{ background:var(--dp-navy); color:#EAF0FB; }
.dp-bg-navy h1,.dp-bg-navy h2,.dp-bg-navy h3{ color:#fff; }
.dp-bg-surface{ background:var(--dp-surface); }
.dp-eyebrow{
  font-family:'Inter',sans-serif; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  font-size:13px; color:var(--dp-blue);
}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{ background:var(--dp-ink); color:#D6DCE8; }
.site-footer a{ color:#BCC7DC; }
.site-footer a:hover{ color:#fff; }
.site-footer h2,.site-footer h3,.site-footer .widget-title{ color:#fff; }

/* ==========================================================================
   Elementor safety — let Elementor global colors/fonts lead inside builder
   ========================================================================== */
.elementor-widget-heading .elementor-heading-title{ font-family:'Playfair Display', serif; }