/* ==== TEST ONLY – we'll remove after we see which one turns red ==== */

/* header.site-header      { background:red !important; } */
/* ================================================================ */

.page .entry-title {
  display: none;
}
/* Fix font size for single blog posts */
.single-post .entry-content {
  font-size: 16px;
  line-height: 1.6;
}

.single-post .entry-title {
  font-size: 28px;
}
.single-post .entry-meta {
  font-size: 14px;
  color: #555555; /* Optional: a softer color for meta info */
  margin-bottom: 10px; /* Optional: some spacing below */
}
/* Fix author and date font size on single posts */
.single-post .entry-meta,
.single-post .posted-on,
.single-post .byline,
.single-post .author.vcard {
  font-size: 14px !important;
  color: #555 !important;
  margin-bottom: 10px !important;
  line-height: 1.4 !important;
}
/* Fix author name and date font size */
.single-post .author-name,
.single-post .posted-on,
.single-post .entry-meta {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #555555 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
}
.ast-blog-meta-container {
  font-size: 14px !important;
}
/* Reduce Astra header vertical padding */
.ast-primary-header-bar {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    min-height: auto !important;
}

/* Reduce logo max height if needed */
.custom-logo-link img {
    max-height: 110px; /* Adjust this to your desired max height */
    height: auto;
}
.main-header-menu a {
  font-size: 20px; /* Change 16px to your desired size */
}
https://yourdomain.com/category/color-and-mood/
.entry-title {
  display: none !important;
}
.ast-site-identity .site-title {
  display: none !important;
}
/* Desktop: logo left */
.ast-site-identity {
  justify-content: flex-start;
}

/* Mobile: center logo */
@media (max-width: 768px) {
  .ast-site-identity {
    justify-content: center !important;
    text-align: center;
  }
}
/* =====================================================
   Desktop – keep logo at the left (no change needed)
   ===================================================== */
.ast-site-identity {
  justify-content: flex-start;   /* left-align */
}

/* =====================================================
 {

  /* 1) Make the whole “identity” area full-width and centered */
  .ast-header-break-point .ast-site-identity {
    width: 100%;
    justify-content: center !important;   /* center within flex */
    text-align: center !important;
  }

  /* 2) Make the link / image itself center by auto margins */
  .ast-header-break-point .custom-logo-link,
  .ast-header-break-point .site-logo-img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
}
    position: relative;
  }

  /* Absolutely centre the site identity (logo) */
  .ast-header-break-point .ast-site-identity {
    position: absolute !important;
    left: 50% !important;
    top: 0;
    transform: translateX(-50%) !important;  /* pull back ½ its width */
    width: max-content;        /* stop it stretching */
    text-align: center;
  }

  /* Remove any stray side-margins on the logo link/image */
  .ast-header-break-point .custom-logo-link,
  .ast-header-break-point .site-logo-img img {
    margin: 0 auto !important;
    display: block;
  }
}
/* Mobile – subtle right-shift for logo */
/* =====  Center logo in Astra's mobile header  ===== */
@media (max-width: 768px) {

  /* 1) Make the entire mobile header a flex row */
  .ast-header-break-point .ast-mobile-header-wrap,
  .ast-header-break-point .ast-builder-layout-element,
  .ast-header-break-point .ast-header-sections-navigation {
       display: flex !important;
       align-items: center !important;
  }

  /* 2) Push the logo block to the horizontal center */
  .ast-header-break-point .ast-site-identity,
  .ast-header-break-point .site-logo-img,
  .ast-header-break-point .custom-logo-link {
       margin-left: auto !important;
       margin-right: auto !important;
       text-align: center !important;
  }

  /* 3) Keep the logo image from stretching */
  .ast-header-break-point .site-logo-img img,
  .ast-header-break-point .custom-logo-link img {
       height: auto !important;
       max-width: 140px;
  }
}
@media (max-width: 768px) {
  .ast-header-break-point .ast-site-identity {
    margin-left: 20px !important;
  }
}
/* Keep Cover-block headings centred on phones */
@media (max-width: 768px) {
  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover h3,
  .wp-block-cover .wp-block-heading {
    text-align: center !important;
  }
}
/* Nudge the mobile hamburger left a little */
@media (max-width: 768px) {

/* Nudge the mobile hamburger button 10 px left */
@media (max-width: 768px) {
  .ast-header-break-point .ast-mobile-menu-toggle {
    position: relative;      /* make it movable */
    right: 10px !important;  /* move LEFT by 10 px – adjust to taste */
  }
}
/* Nudge the mobile hamburger icon slightly left */
@media (max-width: 768px) {
  .ast-header-break-point svg.ast-mobile-svg.ast-menu-svg {
    position: relative !important;
    right: 16px !important;   /* ← move LEFT; adjust number to taste */
  }
}
.ast-primary-header-bar {
  background-image: url('https://yourdomain.com/wp-content/uploads/your-header-image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.ast-primary-header-bar {
  background-image: url('https://naturabode.com/wp-content/uploads/2025/06/pexels-gabriel-caba-2147498294-29635311.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ast-transparent-header .main-header-bar,
.main-header-bar {
    …same rules…