/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Template: blocksy
Version: 1.0.0
*/

/* ===============================
   Brand Colors
   =============================== */
:root {
  --ybd-brand: #0073e6;        /* primary brand blue */
  --ybd-ink: #0f172a;          /* dark ink */
  --ybd-ink-soft: #334155;     /* softer ink */
  --ybd-bg: #f7f8fb;           /* light gray/blue background */
  --ybd-card: #ffffff;         /* white cards */
  --ybd-azure: #eef6ff;        /* pale blue accent */
  --ybd-gray: #f3f4f6;         /* light gray */
  --ybd-painpoints-green: #47594a; /* pain points green band */
}

/* ===============================
   General Typography + Links
   =============================== */
body {
  color: var(--ybd-ink);
  background-color: var(--ybd-bg);
}

a {
  color: var(--ybd-brand);
  text-decoration: none;
}

a:hover {
  color: var(--ybd-ink);
}

/* ===============================
   Buttons
   =============================== */
.wp-block-button__link,
button,
input[type="submit"] {
  background-color: var(--ybd-brand);
  color: #fff;
  border-radius: 8px;
  padding: 0.6em 1.2em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background-color: var(--ybd-ink);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
}

/* ===============================
   Cards (Learn / Do / Teach)
   =============================== */
.ybd-card {
  background-color: var(--ybd-card);
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  padding: 1.5em;
  height: 100%;
}

/* Ensure equal card height */
.wp-block-columns .wp-block-column .ybd-card {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

/* ===============================
   Hero Overlay
   =============================== */
.ybd-hero {
  position: relative;
}
.ybd-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.35); /* ink overlay */
}
.ybd-hero > .wp-block-group__inner-container {
  position: relative;
  z-index: 1;
}

/* ===============================
   Pain Points Section
   =============================== */
.ybd-painpoints {
  background-color: var(--ybd-painpoints-green) !important;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Custom bullets inside Pain Points */
.ybd-bullets,
.ybd-bullets li,
.ybd-bullets li p {
  color: #ffffff !important;   /* text forced white */
}

.ybd-bullets li {
  list-style: none;            /* remove default bullet */
  position: relative;
  padding-left: 1.2em;         /* space for custom dot */
}

.ybd-bullets li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.2;
  font-size: 1.1em;
  color: var(--ybd-brand) !important; /* brand blue bullet */
}

/* Mid CTA – keep it light */
.ybd-cta-mid {
  background-color: transparent !important;
  color: var(--ybd-ink);
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Bottom CTA – navy band */
.ybd-cta-bottom {
  background-color: #0f172a !important; /* ink/navy */
  color: #ffffff;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.ybd-cta-bottom h2,
.ybd-cta-bottom p {
  color: #ffffff !important;
}

.ybd-cta-bottom .wp-block-button__link {
  background-color: var(--ybd-brand);
  color: #ffffff;
}

.ybd-cta-bottom .wp-block-button__link:hover {
  background-color: #334155; /* softer ink hover */
}