/*
Theme Name: Research Ripple
Theme URI: https://researchripple.com
Description: Research Ripple brand child theme for Divi 5 — warm, curious, human. Applies the Research Ripple palette, typography, and finishing touches on top of the Divi parent theme. Requires Divi 5.0+ installed and active.
Author: Research Ripple
Author URI: https://researchripple.com
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: researchripple
*/

/* ============================================================
   RESEARCH RIPPLE — brand tokens
   ============================================================ */
:root{
  --rr-ink:#2E2A27;        /* warm near-black text            */
  --rr-ink-soft:#7A6F66;   /* captions, metadata              */
  --rr-ground:#FCF8F3;     /* page background                 */
  --rr-soft:#F6E6DA;       /* quiet surfaces, hovers          */
  --rr-line:#EAD9CB;       /* borders, dividers               */
  --rr-coral:#EC6A4E;      /* primary action / the source     */
  --rr-coral-deep:#D9512F; /* primary hover                   */
  --rr-teal:#2C8C82;       /* links, accents / the water      */
  --rr-teal-deep:#206B63;  /* link hover                      */
  --rr-honey:#F2B04C;      /* highlights / curiosity          */
}

/* ============================================================
   Base — background & body type
   Note: if you set Body/Header fonts in Divi ▸ Theme Customizer,
   those win. This is a safe fallback so the brand shows even
   before you touch the UI.
   ============================================================ */
body{
  background-color:var(--rr-ground);
  color:var(--rr-ink);
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

h1,h2,h3,h4,h5,h6,
.et_pb_module h1,.et_pb_module h2,.et_pb_module h3,
.et_pb_module h4,.et_pb_module h5,.et_pb_module h6{
  font-family:"Fraunces",Georgia,serif;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--rr-ink);
}

/* Links */
a{ color:var(--rr-teal-deep); }
a:hover{ color:var(--rr-coral); }

/* ============================================================
   Buttons — warm coral pills (Divi .et_pb_button + core buttons)
   ============================================================ */
.et_pb_button,
.et_pb_button:hover,
.woocommerce a.button,
.woocommerce button.button,
input[type="submit"]{
  color:#fff !important;
  background-color:var(--rr-coral) !important;
  border:2px solid var(--rr-coral) !important;
  border-radius:999px !important;
  font-family:"Figtree",sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  padding:.7em 1.7em !important;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.et_pb_button:hover,
.woocommerce a.button:hover,
input[type="submit"]:hover{
  background-color:var(--rr-coral-deep) !important;
  border-color:var(--rr-coral-deep) !important;
  transform:translateY(-1px);
}

/* Secondary button variant — add class "rr-btn-secondary" to any Divi button */
.rr-btn-secondary.et_pb_button,
.rr-btn-secondary.et_pb_button:hover{
  background-color:transparent !important;
  color:var(--rr-teal-deep) !important;
  border-color:var(--rr-teal) !important;
}

/* ============================================================
   Brand niceties
   ============================================================ */
/* Eyebrow / kicker label — add class "rr-eyebrow" to a Text module */
.rr-eyebrow{
  font-family:"Space Mono",monospace;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--rr-teal-deep);
}

/* Warm honey blockquote */
blockquote,
.et_pb_blockquote{
  border-left:4px solid var(--rr-honey);
  background:rgba(242,176,76,.10);
  font-family:"Fraunces",serif;
  font-style:italic;
  color:#5a4a2a;
  border-radius:0 14px 14px 0;
}

/* Ripple-style key-takeaway list — add class "rr-ripple-list" to a Text module's <ul> wrapper */
.rr-ripple-list ul{ list-style:none; padding-left:0; }
.rr-ripple-list li{ position:relative; padding-left:1.9rem; margin:.55rem 0; }
.rr-ripple-list li::before{
  content:""; position:absolute; left:0; top:.45em;
  width:.8rem; height:.8rem; border-radius:50%;
  border:2px solid var(--rr-coral);
  box-shadow:0 0 0 4px rgba(236,106,78,.18);
}

/* Cards / blog grid — soften edges, warm borders */
.et_pb_blog_grid .et_pb_post,
.et_pb_portfolio_item{
  border:1px solid var(--rr-line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}

/* Header/footer defaults for the ink footer look */
#main-footer{ background-color:var(--rr-ink); }
#footer-bottom{ background-color:rgba(0,0,0,.18); }
