/*
Theme Name: BirthCertificates.ai Compact Header
Theme URI: https://birthcertificates.ai/
Description: Child theme for the existing BirthCertificates.ai theme. Restores the compact logo and hamburger header at every screen size while preserving all parent-theme templates, homepage sections and styling.
Author: BirthCertificates.ai
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Template: birthcertificates-ai
Text Domain: bcai-compact-header
*/

/*
 * These declarations intentionally mirror the parent theme's existing mobile
 * header rules. They are scoped to the site header and do not change content,
 * homepage sections, forms, footer, typography or colors.
 */
.site-header .header-inner {
  min-height: 62px;
  padding: 8px 9px 8px 13px;
  border-radius: 16px;
}

.site-header .site-brand {
  flex: 0 1 auto;
}

.site-header .menu-toggle {
  display: block;
  flex: 0 0 46px;
  margin-left: auto;
}

.site-header .button--small {
  display: none;
}

.site-header .primary-navigation {
  position: absolute;
  top: calc(100% + 8px);
  right: 14px;
  left: 14px;
  display: none;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .98);
  box-shadow: var(--shadow);
}

.site-header .primary-navigation.is-open {
  display: block;
}

.site-header .primary-menu {
  display: grid;
  justify-content: stretch;
  gap: 0;
}

.site-header .primary-menu a {
  padding: 11px 8px;
}

.site-header .primary-menu a::after {
  display: none;
}

@media (max-width: 520px) {
  .site-header .header-inner {
    padding-left: 10px;
  }

  .site-header .menu-toggle {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
}

@media print {
  .site-header {
    display: none !important;
  }
}