/*
 Theme Name: Novato Divi Child
 Theme URI: https://www.novatoacupuncture.com
 Description: Divi child theme for Novato Acupuncture (migrated from Duda). Includes typography and color variables to match original styling.
 Author: PlanetLink
 Template: Divi
 Version: 1.0.0
*/

/* === Brand Variables (adjust to taste) === */
:root{
  --brand-bg: #f5efe6;         /* light parchment */
  --brand-primary: #2e3e43;    /* deep blue-gray (headers/links) */
  --brand-accent: #b88c3a;     /* warm gold (buttons/highlights) */
  --brand-text: #333333;       /* body text */
  --brand-muted: #6d7a80;      /* secondary text */
  --brand-link: #2e3e43;
  --brand-link-hover: #b88c3a;
  --brand-border: #e5dccf;
  --btn-radius: 12px;
}

/* === Base === */
body{
  background-color: var(--brand-bg);
  color: var(--brand-text);
  font-family: "Lato", system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica, sans-serif;
  line-height: 1.75;
}

h1,h2,h3,h4,h5,h6{
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  color: var(--brand-primary);
  line-height: 1.25;
}

a{ color: var(--brand-link); }
a:hover{ color: var(--brand-link-hover); }

/* === Divi header tweaks === */
.et_pb_fullwidth_menu, .et_pb_menu__menu{
  background: transparent;
}
.et_pb_menu ul li a{
  font-weight: 600;
}

/* Phone CTA in header */
#global-header .et_pb_menu__wrap .et_pb_menu__phone, 
.et_pb_menu_phone{
  background: var(--brand-accent) !important;
  border-radius: var(--btn-radius);
  padding: 8px 14px !important;
  color: #fff !important;
}

/* Buttons */
.et_pb_button, .et_pb_button_module_wrapper .et_pb_button{
  border-radius: var(--btn-radius);
}

/* Footer */
#global-footer, .site-footer{
  background: #222;
  color: #ddd;
}
#global-footer a{ color: #fff; }
#global-footer .et_pb_text{ color: #ddd; }

/* Content cards (if used) */
.na-card{
  background:#fff; border:1px solid var(--brand-border); border-radius:16px; padding:24px; box-shadow:0 10px 20px rgba(0,0,0,.04);
}

/* Images */
img{ height:auto; max-width:100%; border-radius: 6px; }

/* Forms */
.gform_wrapper input, .gform_wrapper textarea{
  border-radius: 8px;
  border:1px solid var(--brand-border);
}
.gform_wrapper .gform_footer input[type=submit]{
  background: var(--brand-accent);
  color:#fff; border:none; padding:12px 22px; border-radius: var(--btn-radius);
}