/* Prevent line break in 'Book An Appointment' buttons */
button,
.wp-block-button__link {
  white-space: nowrap !important;
}

/* Chakra colors for Services page (ID 923) */
/* Works for both Core Heading and Spectra Heading blocks */

/* Reiki Energy Healing */
.page-id-923 .h2-reiki,
.page-id-923 .h2-reiki .uagb-heading-text { 
  color: #B48CBF !important; 
}

/* Long Distance Energy Healing */
.page-id-923 .h2-distance,
.page-id-923 .h2-distance .uagb-heading-text { 
  color: #4C7CA0 !important; 
}

/* Akashic Records Consultation */
.page-id-923 .h2-akashic,
.page-id-923 .h2-akashic .uagb-heading-text { 
  color: #AAB20E !important; 
}

/* Reiki Level 1 Individual or Small Group Training */
.page-id-923 .h2-training,
.page-id-923 .h2-training .uagb-heading-text { 
  color: #E9B44C !important; 
}

/* Custom Session */
.page-id-923 .h2-custom,
.page-id-923 .h2-custom .uagb-heading-text { 
  color: #D16934 !important; 
}

/* Make all Wide Line separators thin and elegant */
.wp-block-separator.is-style-wide {
  border-top-width: 1px !important;
  border-color: currentColor;
  opacity: 1;
}

/* Announcement Bar */
.nh-announcement-bar {
  background: #F9ECE4 !important;
  overflow: hidden;
}

.nh-announcement-inner {
  text-align: center !important;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1.2;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
  display: flex;
  justify-content: center !important;
  align-items: center;
  gap: 8px;
}

.nh-announcement-text {
  color: #333333 !important;
}

.nh-announcement-button {
  color: #AAB20E !important;
  font-weight: 700;
  text-decoration: none;
}

.nh-announcement-button:hover,
.nh-announcement-button:focus {
  text-decoration: underline;
}

/* Tablet/mobile layout swaps */
@media (max-width: 781px) {
  .swap-mobile {
    display: flex;
    flex-direction: column;
  }

  .swap-mobile > *:nth-child(1) { order: 2; }
  .swap-mobile > *:nth-child(2) { order: 3; }
  .swap-mobile > *:nth-child(3) { order: 1; }
}

/* Mobile */
@media (max-width: 767px) {
  header .custom-logo-link img {
    width: clamp(180px, 45vw, 280px) !important;
    max-width: none !important;
    height: auto !important;
  }

  .wp-block-uagb-testimonial .slick-arrow {
    background: transparent !important;
    border-color: transparent !important;
  }

  body {
    background: #fffbcc !important;
  }

  .nh-announcement-inner {
    padding: 7px 12px;
    font-size: 11px;
    letter-spacing: 0.05em;
    flex-wrap: wrap;
    gap: 4px;
  }
}