/*
 Theme Name: CareToThink Child
 Description: Child theme for Astra.
 Template: astra
 Version: 1.0.0
 Text Domain: caretotthink-child
*/

/* Import brand fonts */
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Cherry+Cream+Soda&display=swap');

/* Brand variables */
:root {
  --ctt-accent: #e11d8f;      /* pink/purple to match logo */
  --ctt-accent-dark: #be185d;
  --ctt-text: #111827;        /* deep grey body text */
  --ctt-bg: #f7fafc;          /* very light background */
}

/* ===== Layout tweaks ===== */

/* Center main content, stop it stretching forever */
.site-content .ast-container {
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 16px;
}

/* Vertical breathing room */
.site-main {
  padding-top: 32px;
  padding-bottom: 64px;
}

/* Gentle card style for Gutenberg groups only (not Elementor sections) */
.entry-content > .wp-block-group {
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 24px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.06);
  margin-bottom: 32px;
}

/* ===== Typography ===== */

/* Base typography + background */
body {
  font-family: "Cardo", Georgia, "Times New Roman", serif;
  color: var(--ctt-text);
  background-color: var(--ctt-bg);
  line-height: 1.7;
}

/* Elementor text widgets use body font + colour */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  color: var(--ctt-text);
}

/* Headings + site titles (theme + Elementor + widgets) */
body h1, body h2, body h3, body h4, body h5, body h6,
.site-title a,
.entry-title,
.entry-title a,
.ast-archive-title,
.elementor-heading-title,
.widget_title,
.widget-title,
.site-footer .widget-title {
  font-family: "Cherry Cream Soda", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0.04em;
  color: var(--ctt-accent) !important;
}

/* Paragraph spacing */
.entry-content p {
  margin-bottom: 1.1em;
}

/* Buttons  pill shaped, clean */
.button,
.wp-block-button__link,
.ast-button,
input[type="submit"],
.elementor-button {
  border-radius: 999px;
  padding: 0.7rem 1.6rem;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Button hover state */
.button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover,
.elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
}

/* ===== Page templates ===== */
/* (empty for now  any future custom page templates can be styled here) */


/* ===== Links & header/menu colours ===== */

/* Default link colour everywhere (including footer + Elementor) */
a,
.entry-content a,
.elementor a,
.site-footer a {
  color: var(--ctt-accent) !important;
}

a:hover,
.entry-content a:hover,
.elementor a:hover,
.site-footer a:hover {
  color: var(--ctt-accent-dark) !important;
}

/* Main menu links: normal text */
.main-header-menu a,
.ast-builder-menu-1 .menu-item > a,
.ast-header-break-point .main-header-menu .menu-link {
  color: var(--ctt-text) !important;
}

/* Menu hover/current in accent */
.main-header-menu a:hover,
.ast-builder-menu-1 .menu-item > a:hover,
.ast-header-break-point .main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > a {
  color: var(--ctt-accent) !important;
}
/*
 Theme Name: CareToThink Child
 Description: Child theme for Astra.
 Template: astra
 Version: 1.0.0
 Text Domain: caretotthink-child
*/

/* Import brand fonts */
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Cherry+Cream+Soda&display=swap');

/* Brand variables */
:root {
  --ctt-accent: #e11d8f;      /* pink/purple to match logo */
  --ctt-accent-dark: #be185d;
  --ctt-text: #111827;        /* deep grey body text */
  --ctt-bg: #f7fafc;          /* very light background */
}

/* ===== Layout tweaks ===== */

/* Center main content, stop it stretching forever */
.site-content .ast-container {
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 16px;
}

/* Vertical breathing room */
.site-main {
  padding-top: 32px;
  padding-bottom: 64px;
}

/* Gentle card style for Gutenberg groups only (not Elementor sections) */
.entry-content > .wp-block-group {
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 24px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.06);
  margin-bottom: 32px;
}

/* ===== Typography ===== */

/* Base typography + background */
body {
  font-family: "Cardo", Georgia, "Times New Roman", serif;
  color: var(--ctt-text);
  background-color: var(--ctt-bg);
  line-height: 1.7;
}

/* Elementor text widgets use body font + colour */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: "Cardo", Georgia, "Times New Roman", serif !important;
  color: var(--ctt-text);
}

/* Headings + site titles (theme + Elementor + widgets) */
body h1, body h2, body h3, body h4, body h5, body h6,
.site-title a,
.entry-title,
.entry-title a,
.ast-archive-title,
.elementor-heading-title,
.widget_title,
.widget-title,
.site-footer .widget-title {
  font-family: "Cherry Cream Soda", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0.04em;
  color: var(--ctt-accent) !important;
}

/* Paragraph spacing */
.entry-content p {
  margin-bottom: 1.1em;
}

/* Buttons  pill shaped, clean */
.button,
.wp-block-button__link,
.ast-button,
input[type="submit"],
.elementor-button {
  border-radius: 999px;
  padding: 0.7rem 1.6rem;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Button hover state */
.button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover,
.elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
}

/* ===== Page templates ===== */
/* (empty for now  any future custom page templates can be styled here) */


/* ===== Links & header/menu colours ===== */

/* Default link colour everywhere (including footer + Elementor) */
a,
.entry-content a,
.elementor a,
.site-footer a {
  color: var(--ctt-accent) !important;
}

a:hover,
.entry-content a:hover,
.elementor a:hover,
.site-footer a:hover {
  color: var(--ctt-accent-dark) !important;
}

/* Main menu links: default in accent colour */
.main-header-menu a,
.ast-builder-menu-1 .menu-item > a,
.ast-header-break-point .main-header-menu .menu-link {
  color: var(--ctt-accent) !important;
}

/* Menu hover/current in dark text */
.main-header-menu a:hover,
.ast-builder-menu-1 .menu-item > a:hover,
.ast-header-break-point .main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > a {
  color: var(--ctt-text) !important;
}