/*
 Theme Name:   Twenty Twenty-Four Child
 Template:     twentytwentyfour
 Version:      1.0.0
 Description:  Child theme of Twenty Twenty-Four for PinalPost custom code.
 Author:       Nick Kanavati
*/

/* =========================================================
   SUPPORT BUTTON COLORS (GLOBAL)
   ========================================================= */

.support-cta .wp-block-button__link {
  background: #C68A3B !important;
  color: #fff !important;
  transition: background .2s ease;
  white-space: nowrap !important;
}
.support-cta .wp-block-button__link:hover { background: #E0A24A !important; }

.advertise-cta .wp-block-button__link {
  background: #D96A3A !important;
  color: #fff !important;
  transition: background .2s ease;
  white-space: nowrap !important;
}
.advertise-cta .wp-block-button__link:hover { background: #E27B4D !important; }

/* =========================================================
   BUTTONS - shared global
   ========================================================= */

header .wp-block-button.support-cta,
header .wp-block-button.advertise-cta {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
header .wp-block-button.support-cta {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =========================================================
   TOP ROW ALIGNMENT - force ultp-row-content to full width
   Was: ultp-block-f263bf → Now: ultp-block-2c5e2d
   ========================================================= */

#ultp-header-template .ultp-block-2c5e2d .ultp-row-content {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#ultp-header-template .ultp-block-2c5e2d .ultp-row-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#ultp-header-template .ultp-block-2c5e2d.alignwide,
#ultp-header-template .ultp-block-2c5e2d {
  max-width: 100% !important;
  width: 100% !important;
}

/* =========================================================
   SUBMENU Z-INDEX (above ticker)
   ========================================================= */

header .wp-block-navigation__submenu-container {
  z-index: 9999 !important;
  position: absolute !important;
}
.ultp-block-4cc064 {
  z-index: 100 !important;
  position: relative !important;
}

/* =========================================================
   NAV ROW - global
   Was: ultp-block-8cb001 (unchanged), ultp-block-05549c → ultp-block-a74533
   ========================================================= */

header .ultp-block-8cb001,
header .ultp-block-8cb001 .ultp-row-wrapper {
  overflow: visible !important;
}

header .ultp-block-a74533 nav.wp-block-navigation,
header .ultp-block-a74533 .wp-block-group {
  margin: 0 !important;
  padding: 2px 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* =========================================================
   SEARCH BAR - remove blue outline
   ========================================================= */

header .ultp-searchres-input:focus {
  outline: none !important;
  box-shadow: none !important;
}
header .ultp-searchform-content,
header .ultp-search-container {
  outline: none !important;
  box-shadow: none !important;
}

/* =========================================================
   MOBILE MENU OPEN STATE (all screen sizes)
   ========================================================= */

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  position: static !important;
  display: none !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  padding: 0.5rem !important;
  margin-top: 0.25rem !important;
  width: 100% !important;
  box-shadow: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.open > .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.open > .wp-block-navigation__submenu-container {
  display: block !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999 !important;
  background: #3c2a1c !important;
  background-color: #3c2a1c !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  padding: 0 !important;
  display: block !important;
  overflow-y: auto !important;
}

#ultp-header-template .wp-block-navigation__responsive-container.is-menu-open,
body .wp-block-navigation__responsive-container.is-menu-open {
  background: #3c2a1c !important;
  background-color: #3c2a1c !important;
  background-image: none !important;
  opacity: 1 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  background-color: #3c2a1c !important;
  background-image: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container[style] {
  background-color: #3c2a1c !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.75rem 1.5rem 2rem 1.5rem !important;
  list-style: none !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  display: block !important;
  width: 78% !important;
  text-align: center !important;
  list-style: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: block !important;
  width: 100% !important;
  padding: 1rem 1.5rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
  display: inline !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-close {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  background: rgba(255,255,255,0.12) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.6rem !important;
  cursor: pointer !important;
  z-index: 10000 !important;
}

.wp-block-navigation__responsive-container-close svg {
  fill: #f0dfc0 !important;
  stroke: #f0dfc0 !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* =========================================================
   MOBILE (max 650px)
   ========================================================= */

@media (max-width: 650px) {

  header .custom-logo,
  header img[alt="Pinal Post"],
  header .wp-block-site-logo img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }

  /* Was: ultp-block-f263bf → Now: ultp-block-2c5e2d */
  #ultp-header-template .ultp-block-2c5e2d {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  #ultp-header-template .ultp-block-2c5e2d.ultpBgPadding {
    padding: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d.xsL {
    padding-left: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d.xsR {
    padding-right: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d.smL {
    padding-left: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d.smR {
    padding-right: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d .ultp-row-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d .ultp-row-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    row-gap: 0 !important;
    gap: 0 !important;
  }

  /* Was: ultp-block-ff3f4c (tagline) → Now: ultp-block-f4d78d */
  #ultp-header-template .ultp-block-f4d78d {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
  }

  /* Was: ultp-block-8c68a9 (buttons column) → Now: ultp-block-c5403a */
  #ultp-header-template .ultp-block-c5403a {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 8px 0 !important;
  }

  #ultp-header-template .ultp-block-c5403a .ultp-column-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  #ultp-header-template .ultp-block-c5403a .wp-block-buttons {
    justify-content: center !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #ultp-header-template .ultp-block-c5403a .wp-block-button {
    margin: 0 !important;
    align-self: center !important;
  }

  header .wp-block-button.support-cta .wp-block-button__link,
  header .wp-block-button.advertise-cta .wp-block-button__link {
    padding: 4px 10px !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    opacity: 0.90 !important;
    width: 200px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  /* Nav row: allow wrapping so search can sit below hamburger */
  header .ultp-block-8cb001 .ultp-row-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  header .ultp-block-8cb001 .ultp-row-content {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  /* Was: ultp-block-05549c (nav col) → Now: ultp-block-a74533 */
  header .ultp-block-a74533 {
    position: static !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 50px !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
  }

  header .ultp-block-a74533 * { pointer-events: auto !important; }

  header .ultp-block-a74533 .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
  }

  /* *** MOBILE SEARCH FIX ***
     Show search full-width below the hamburger/nav row */
  header .ultp-block-6b5bdb,
  #ultp-header-template .ultp-block-6b5bdb {
    display: flex !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  header .ultp-block-6b5bdb .ultp-column-wrapper,
  header .ultp-block-6b5bdb .ultp-block-wrapper,
  header .ultp-block-6b5bdb .wp-block-ultimate-post-wrapper,
  header .ultp-block-6b5bdb .ultp-wrapper-block,
  header .ultp-block-6b5bdb .wp-block-ultimate-post-advanced-search,
  header .ultp-block-6b5bdb .ultp-search-container,
  header .ultp-block-6b5bdb .ultp-searchform-content,
  header .ultp-block-6b5bdb .ultp-searchform-content.ultp-searchform-input3 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
  }

  header .ultp-block-6b5bdb .ultp-search-inputwrap {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  header .ultp-block-6b5bdb .ultp-searchres-input {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    font-size: 1rem !important;
    padding: 10px 14px !important;
    height: 44px !important;
    box-sizing: border-box !important;
  }

  header .ultp-block-6b5bdb .ultp-search-button {
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 1rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  /* *** END MOBILE SEARCH FIX *** */

  header .wp-block-heading { display: none !important; }

  header .wp-block-navigation__responsive-container-open,
  header button.wp-block-navigation__responsive-container-open,
  header .wp-block-navigation .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 1rem !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
    width: 100px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 100 !important;
  }

  header .wp-block-navigation__responsive-container-open svg {
    width: 26px !important;
    height: 26px !important;
    fill: white !important;
    display: block !important;
  }
}

/* =========================================================
   VERY SMALL MOBILE (max 419px) - stack buttons vertically
   ========================================================= */

@media (max-width: 419px) {
  #ultp-header-template .ultp-block-c5403a .wp-block-buttons {
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }
}

/* =========================================================
   HIDE HAMBURGER ABOVE MOBILE
   ========================================================= */

@media (min-width: 600px) {
  header .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
}

/* 600-650px: force mobile-only nav (hamburger), hide inline nav */
@media (min-width: 600px) and (max-width: 650px) {
  header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
    visibility: hidden !important;
  }
  header .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
    visibility: visible !important;
  }
}

/* =========================================================
   NARROW TABLET (651px - 767px)
   top row: logo + buttons inline, tagline hidden
   nav row: nav on top, search below
   ========================================================= */

@media (min-width: 651px) and (max-width: 767px) {

  /* Was: ultp-block-ff3f4c → Now: ultp-block-f4d78d */
  #ultp-header-template .ultp-block-f4d78d { display: none !important; }

  /* Was: ultp-block-f263bf → Now: ultp-block-2c5e2d */
  #ultp-header-template .ultp-block-2c5e2d {
    max-width: 100% !important;
    width: 100% !important;
  }

  #ultp-header-template .ultp-block-2c5e2d > .ultp-row-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #ultp-header-template .ultp-block-2c5e2d .ultp-row-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 1rem 0 0.5rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Was: ultp-block-8c68a9 → Now: ultp-block-c5403a */
  #ultp-header-template .ultp-block-c5403a .ultp-column-wrapper {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Was: ultp-block-2feecf (logo col) → Now: ultp-block-725a74 */
  #ultp-header-template .ultp-block-725a74 { flex: 0 0 auto !important; }

  #ultp-header-template .ultp-block-c5403a {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    overflow: visible !important;
  }

  #ultp-header-template .ultp-block-c5403a .wp-block-buttons {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
  }

  header .wp-block-button.support-cta .wp-block-button__link,
  header .wp-block-button.advertise-cta .wp-block-button__link {
    font-size: 0.75rem !important;
    padding: 4px 7px !important;
    white-space: nowrap !important;
    border-radius: 4px !important;
    opacity: 0.90 !important;
    font-weight: 500 !important;
    width: 161.141px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  #ultp-header-template .ultp-block-8cb001 .ultp-row-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    padding: 2px 0.5rem !important;
  }

  #ultp-header-template .ultp-block-8cb001 .ultp-row-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Was: ultp-block-05549c → Now: ultp-block-a74533 */
  #ultp-header-template .ultp-block-a74533 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* ultp-block-6b5bdb (search) - unchanged */
  #ultp-header-template .ultp-block-6b5bdb {
    display: flex !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    padding: 2px 0 4px 0 !important;
  }

  header .wp-block-navigation-item__content {
    padding: 0.4rem 0.4rem !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
    color: white !important;
    text-decoration: none !important;
  }
}

/* =========================================================
   TABLET (768px - 1041px)
   top row: logo + buttons inline, tagline hidden
   nav row: nav + search on same line
   ========================================================= */

@media (min-width: 768px) and (max-width: 1041px) {

  /* Was: ultp-block-ff3f4c → Now: ultp-block-f4d78d */
  #ultp-header-template .ultp-block-f4d78d { display: none !important; }

  /* Was: ultp-block-f263bf → Now: ultp-block-2c5e2d */
  #ultp-header-template .ultp-block-2c5e2d {
    max-width: 100% !important;
    width: 100% !important;
  }

  #ultp-header-template .ultp-block-2c5e2d > .ultp-row-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #ultp-header-template .ultp-block-2c5e2d .ultp-row-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 1rem 0 0.5rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Was: ultp-block-8c68a9 → Now: ultp-block-c5403a */
  #ultp-header-template .ultp-block-c5403a .ultp-column-wrapper {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Was: ultp-block-2feecf → Now: ultp-block-725a74 */
  #ultp-header-template .ultp-block-725a74 { flex: 0 0 auto !important; }

  #ultp-header-template .ultp-block-c5403a {
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: 0.75rem !important;
    overflow: visible !important;
  }

  #ultp-header-template .ultp-block-c5403a .wp-block-buttons {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: flex-end !important;
    gap: 4px !important;
    width: 100% !important;
  }

  header .wp-block-button.support-cta .wp-block-button__link,
  header .wp-block-button.advertise-cta .wp-block-button__link {
    font-size: 0.78rem !important;
    padding: 4px 8px !important;
    white-space: nowrap !important;
    border-radius: 4px !important;
    opacity: 0.90 !important;
    font-weight: 500 !important;
    width: 161.141px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  #ultp-header-template .ultp-block-8cb001 .ultp-row-wrapper,
  #ultp-header-template .ultp-block-8cb001.ultpBgPadding,
  #ultp-header-template .ultp-block-8cb001 .lgL,
  #ultp-header-template .ultp-block-8cb001 .lgR {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Override PostX lgL lgR padding utility classes on nav row AND top row */
  #ultp-header-template .ultp-block-8cb001.lgL { padding-left: 0 !important; }
  #ultp-header-template .ultp-block-8cb001.lgR { padding-right: 0 !important; }
  #ultp-header-template .ultp-block-8cb001.ultpBgPadding { padding-left: 0 !important; padding-right: 0 !important; }
  #ultp-header-template .ultp-block-2c5e2d.lgL { padding-left: 0 !important; }
  #ultp-header-template .ultp-block-2c5e2d.lgR { padding-right: 0 !important; }
  #ultp-header-template .ultp-block-2c5e2d.ultpBgPadding { padding-left: 0 !important; padding-right: 0 !important; }
  #ultp-header-template .ultp-block-2c5e2d .ultp-row-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
  #ultp-header-template .ultp-block-2c5e2d .ultp-row-wrapper .ultp-row-content { padding-left: 0.5rem !important; padding-right: 1.75rem !important; }
  #ultp-header-template .ultp-block-c5403a .wp-block-button__link { font-size: 0.75rem !important; }

  #ultp-header-template .ultp-block-8cb001 .ultp-row-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 1rem !important;
    padding: 0 1rem !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Was: ultp-block-05549c → Now: ultp-block-a74533 */
  #ultp-header-template .ultp-block-a74533 { flex: 1 1 auto !important; }

  /* ultp-block-6b5bdb (search) - unchanged */
  #ultp-header-template .ultp-block-6b5bdb,
  #ultp-header-template .ultp-block-6b5bdb .ultp-column-wrapper,
  #ultp-header-template .ultp-block-6b5bdb .ultp-block-wrapper,
  #ultp-header-template .ultp-block-6b5bdb .ultp-search-container,
  #ultp-header-template .ultp-block-6b5bdb .ultp-searchform-content {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  header .wp-block-navigation-item__content {
    padding: 0.4rem 0.5rem !important;
    font-size: 0.8rem !important;
    white-space: nowrap !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    transition: background 0.3s ease !important;
  }

  header .wp-block-navigation-item__content:hover {
    background: rgba(255, 255, 255, 0.15) !important;
  }

  header .wp-block-site-logo img {
    height: 100px !important;
    object-fit: contain !important;
  }
}

/* =========================================================
   TABLET WIDE (992px - 1041px) - extra right padding for buttons
   ========================================================= */

@media (min-width: 992px) and (max-width: 1041px) {
  #ultp-header-template .ultp-block-2c5e2d .ultp-row-wrapper .ultp-row-content {
    padding-right: 3rem !important;
  }
}

/* =========================================================
   DESKTOP (1042px+)
   top row: logo + tagline hidden until 1300px + buttons
   nav row: nav + search on same line
   ========================================================= */

@media (min-width: 1042px) {

  /* Was: ultp-block-ff3f4c → Now: ultp-block-f4d78d */
  #ultp-header-template .ultp-block-f4d78d { display: none !important; }

  /* Stretch top row to full width and match nav row padding */
  /* Was: ultp-block-f263bf → Now: ultp-block-2c5e2d */
  #ultp-header-template .ultp-block-2c5e2d {
    max-width: 100% !important;
  }

  #ultp-header-template .ultp-block-2c5e2d > .ultp-row-wrapper {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #ultp-header-template .ultp-block-2c5e2d .ultp-row-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 1rem !important;
    box-sizing: border-box !important;
  }

  /* Was: ultp-block-2feecf → Now: ultp-block-725a74 */
  #ultp-header-template .ultp-block-725a74 { flex-shrink: 0 !important; }

  /* Was: ultp-block-8c68a9 → Now: ultp-block-c5403a */
  #ultp-header-template .ultp-block-c5403a {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    overflow: visible !important;
    max-width: 400px !important;
  }

  #ultp-header-template .ultp-block-c5403a .wp-block-buttons {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
  }

  header .wp-block-button.support-cta .wp-block-button__link,
  header .wp-block-button.advertise-cta .wp-block-button__link {
    padding: 4px 10px !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    opacity: 0.90 !important;
    white-space: nowrap !important;
  }

  header .ultp-block-8cb001 .ultp-row-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    padding: 0 1rem !important;
    gap: 15px !important;
  }

  /* Was: ultp-block-05549c → Now: ultp-block-a74533 */
  #ultp-header-template .ultp-block-a74533 { flex: 1 1 auto !important; }

  /* ultp-block-6b5bdb (search) - unchanged */
  #ultp-header-template .ultp-block-6b5bdb { flex: 0 0 auto !important; width: auto !important; }

  header .ultp-block-a74533 .ultp-column-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }

  header .wp-block-site-logo img {
    height: 100% !important;
    min-height: 85px !important;
    max-height: 120px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  header .alignleft.wp-block-site-logo,
  header .custom-logo-link {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* Show tagline only at wide desktop */
@media (min-width: 1327px) {
  /* Was: ultp-block-ff3f4c → Now: ultp-block-f4d78d */
  #ultp-header-template .ultp-block-f4d78d {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}








/* =========================================================
   PINAL UNLOCKED LA OSA DATA CENTER SERIES LIST
   Stable spacing for PostX List Type 3
   ========================================================= */

/* Row spacing */
.pinal-unlocked-la-osa-datacenter-series-list.ultp-post-grid-block
.ultp-block-wrapper
> .ultp-block-items-wrap
> .ultp-block-item:not(:last-child)
> .ultp-block-content-wrap {
  padding-bottom: 20px !important;
}

/* Image-to-title spacing */
.pinal-unlocked-la-osa-datacenter-series-list.ultp-post-grid-block
.ultp-block-image {
  margin-right: 28px !important;
}

/* =========================================================
   TRENDING - hide section when the query returns no posts
   When empty, PostX outputs only:
     <div class="ultp-not-found-message">No Post Found</div>
   Hide that message, the heading directly before it, and the
   divider directly after it. Stable classes + sibling relationship
   only - no ultp-block-XXXXXX hashes to chase on updates.
   ========================================================= */
 
.ultp-not-found-message,
.wp-block-ultimate-post-heading:has(+ .ultp-not-found-message),
.ultp-not-found-message + .wp-block-separator {
  display: none !important;
}