/* ===== Harbourlight Learning Press Custom CSS ===== */

/* --- Nav wrapper: navy background --- */
.menu-colr-bg {
  background-color: #1B2A4A !important;
}

/* --- Navigation elements navy --- */
.main-navigation,
#site-navigation,
.navbar,
.menu-toggle,
button.menu-toggle,
.toggled-on {
  background-color: #1B2A4A !important;
}

/* Nav hamburger */
.menu-toggle, button.menu-toggle {
  background-color: #1B2A4A !important;
  border: none !important;
  color: #fff !important;
}

/* Nav links */
.main-navigation a,
.page_item a,
#site-navigation a {
  color: #fff !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.main-navigation a:hover,
.page_item a:hover {
  color: #C8922A !important;
}

/* --- Hide unwanted nav items --- */
li.page-item-30,
li.page-item-31,
li.page-item-32,
li.page-item-8,
li.page_item.page-item-30,
li.page_item.page-item-31,
li.page_item.page-item-32,
li.page_item.page-item-8,
li.current_page_item.page-item-8 {
  display: none !important;
}

/* --- Site Title --- */
.site-title a {
  color: #1B2A4A !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.site-description {
  color: #C8922A !important;
}

/* --- Header background --- */
.header-top, .top-header {
  background-color: #FAF8F5 !important;
}

/* --- Buttons --- */
.wp-block-button__link {
  border-radius: 6px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
}

.wp-block-button__link:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
}

/* --- Footer --- */
.site-footer, footer, #colophon {
  background-color: #1B2A4A !important;
  color: #fff !important;
}

.site-footer a, footer a, #colophon a {
  color: #C8922A !important;
}

/* --- Body --- */
body {
  background-color: #FAF8F5 !important;
}

/* --- Full width homepage --- */
.home .entry-content,
.page-template-default .entry-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

.home .wp-block-cover,
.home .wp-block-group.has-background {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {
  color: #1B2A4A !important;
}

.has-background h1, .has-background h2, .has-background h3,
.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3 {
  color: inherit !important;
}

.has-text-color { color: inherit !important; }

html { scroll-behavior: smooth !important; }

/* --- WooCommerce --- */
.woocommerce .button {
  background-color: #C8922A !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* --- Desktop nav: fit all items --- */
@media (min-width: 992px) {
  .main-navigation ul,
  #site-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .page_item {
    display: inline-block !important;
    white-space: nowrap !important;
  }
  .page_item a {
    font-size: 13px !important;
    padding: 10px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  }
}

/* --- Hide theme default header button --- */
.site-header .wp-block-button,
header .learn-more-btn {
  display: none !important;
}

/* --- Column hover --- */
.wp-block-column {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.wp-block-column:hover {
  transform: translateY(-3px) !important;
}

/* === White text on navy backgrounds (contrast fix) === */

/* Any element with navy #1B2A4A background should have white text */
.wp-block-group.has-background[style*="1B2A4A"],
.wp-block-group.has-background[style*="1b2a4a"] {
  color: #ffffff !important;
}

.wp-block-group.has-background[style*="1B2A4A"] *,
.wp-block-group.has-background[style*="1b2a4a"] * {
  color: #ffffff !important;
}

/* Navy ellipse/bubble number circles */
.wp-block-group.has-background.is-content-justification-center[style*="1B2A4A"],
.wp-block-group.has-background.is-content-justification-center[style*="1b2a4a"] {
  color: #ffffff !important;
}

.wp-block-group.has-background.is-content-justification-center[style*="1B2A4A"] *,
.wp-block-group.has-background.is-content-justification-center[style*="1b2a4a"] * {
  color: #ffffff !important;
}

/* Navigation bar white text */
.menu-colr-bg,
.menu-colr-bg *,
.main-navigation,
.main-navigation *,
#site-navigation,
#site-navigation *,
#site-navigation a,
.main-navigation a,
.navbar a {
  color: #ffffff !important;
}

/* Generic: any has-background block using inline navy */
[style*="background-color:#1B2A4A"],
[style*="background-color: #1B2A4A"],
[style*="background-color:#1b2a4a"],
[style*="background-color: #1b2a4a"] {
  color: #ffffff !important;
}

[style*="background-color:#1B2A4A"] *,
[style*="background-color: #1B2A4A"] *,
[style*="background-color:#1b2a4a"] *,
[style*="background-color: #1b2a4a"] * {
  color: #ffffff !important;
}