/* Duchesne City v2.6.8: repair large mobile whitespace in Site Editor headers.
   WordPress saved headers may retain spacing, flex justification, min-height,
   or spacer blocks from earlier versions. Keep real content in natural order. */
/* Tablet and phone headers should never inherit a large fixed height or
   an empty Gutenberg spacer, even when using the wider two-column layout. */
@media (max-width: 900px) {
  body.duchesne-city-theme .dc-site-header .dc-header-top {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-content: start !important;
    justify-content: flex-start !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .wp-block-spacer,
  body.duchesne-city-theme .dc-site-header .dc-header-top > .wp-block-spacer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .wp-block-buttons {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
}
@media (max-width: 700px) {
  body.duchesne-city-theme .dc-site-header .dc-header-top {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 10px !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-top > .dc-brand {
    flex: none !important;
    align-self: flex-start !important;
    width: min(380px, 100%) !important;
    max-width: min(380px, 100%) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > :is(.dc-header-weather, .dc-header-search, .wp-block-buttons, .dc-road-conditions-button) {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    order: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .dc-header-weather { order: 1 !important; }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .dc-header-search { order: 2 !important; display: block !important; }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .wp-block-buttons {
    order: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .dc-road-conditions-button {
    order: 4 !important;
    display: grid !important;
    max-width: 100% !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
  }
  /* Only hide spacer blocks inside the header; preserve all page spacers. */
  body.duchesne-city-theme .dc-site-header :is(.dc-header-top, .dc-header-actions) > .wp-block-spacer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-nav-bar {
    margin-block-start: 0 !important;
  }
}
@media (max-width: 620px) {
  body.duchesne-city-theme .dc-site-header .dc-header-top {
    width: calc(100% - 24px) !important;
    gap: 8px !important;
    padding: 8px 0 !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-top > .dc-brand {
    width: min(320px, 100%) !important;
    max-width: min(320px, 100%) !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions { gap: 8px !important; }
  body.duchesne-city-theme .dc-site-header .dc-header-actions > .dc-road-conditions-button {
    padding: 10px 14px !important;
  }
  body.duchesne-city-theme .dc-site-header .dc-header-actions .dc-road-cta-main {
    font-size: 14px !important;
  }
}