/* ==========================================
   1. HIDE PAGE TITLES SITE-WIDE
   ========================================== */
.entry-header .entry-title,
.page-title,
h1.entry-title {
  display: none !important;
}
.entry-header,
.page-header {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==========================================
   2. REFINED BLUE / WHITE PALETTE
   (keeps Alves' teal #3E7D98 as the anchor color)
   ========================================== */
:root {
  --tg-blue: #3E7D98;
  --tg-blue-dark: #2f5f74;
  --tg-blue-light: #e8f1f5;
  --tg-ink: #223038;
  --tg-gray: #5c6b72;
  --tg-white: #ffffff;
  --tg-off-white: #fafcfd;
}

body {
  background-color: var(--tg-white);
  color: var(--tg-ink);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: var(--tg-ink) !important;
  letter-spacing: 0.01em;
}

a {
  color: var(--tg-blue);
}
a:hover {
  color: var(--tg-blue-dark);
}

/* ==========================================
   3. BUTTONS — cleaner, more modern, same blue
   ========================================== */
button,
input[type=submit],
a.wp-block-button__link,
button.wp-block-button__link,
.button {
  background-color: var(--tg-blue) !important;
  color: #ffffff !important;
  border-radius: 6px;
  padding: 16px 36px !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 0.85rem !important;
  box-shadow: 0 4px 14px rgba(62, 125, 152, 0.25);
  transition: all 0.2s ease;
}
button:hover,
a.wp-block-button__link:hover,
.button:hover {
  background-color: var(--tg-blue-dark) !important;
  box-shadow: 0 6px 18px rgba(47, 95, 116, 0.3);
  transform: translateY(-1px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 2px solid var(--tg-blue) !important;
  color: var(--tg-blue) !important;
  border-radius: 6px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--tg-blue) !important;
  color: #ffffff !important;
}

/* ==========================================
   4. IMAGES — soft rounded corners + shadow (adds polish)
   ========================================== */
.wp-block-image img,
.wp-block-cover img {
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(34, 48, 56, 0.12);
}

/* ==========================================
   5. GROUP / COLOR SECTIONS — lighten blue backgrounds
   for a softer, airier feel instead of solid teal blocks
   ========================================== */
.has-primary-background-color {
  background-color: var(--tg-blue-light) !important;
  color: var(--tg-ink) !important;
}
.has-primary-background-color h1,
.has-primary-background-color h2,
.has-primary-background-color h3,
.has-primary-background-color p {
  color: var(--tg-ink) !important;
}
.has-primary-background-color .wp-block-button__link {
  background-color: var(--tg-blue) !important;
  color: #ffffff !important;
}

/* ==========================================
   6. SECTION SPACING — more breathing room between blocks
   ========================================== */
.site-main > * {
  margin-top: calc(3.4 * 32px) !important;
  margin-bottom: calc(3.4 * 32px) !important;
}

/* ==========================================
   7. NAVIGATION — cleaner hover state, subtle underline
   ========================================== */
.main-navigation a {
  font-weight: 600;
  position: relative;
}
.main-navigation a:hover {
  color: var(--tg-blue-dark);
}

/* ==========================================
   8. SEPARATORS — thinner, softer blue line
   ========================================== */
hr,
hr.wp-block-separator {
  border-bottom-color: var(--tg-blue-light) !important;
  max-width: 120px !important;
}

/* ==========================================
   9. FOOTER — softer gray-blue tone
   ========================================== */
.site-footer,
.site-info,
.site-branding,
.site-description {
  color: var(--tg-gray) !important;
}