/* ─────────────────────────────────────────────────────────────────────────
   Mobile Optimisation for KiwiFinanceTools
   Target: screens 600px wide and under
───────────────────────────────────────────────────────────────────────── */
@media screen and (max-width: 600px) {

  /* Prevent iOS auto-zoom on input/select focus (requires font-size >= 16px) */
  #nz-hourly-salary-calculator input,
  #nz-hourly-salary-calculator select,
  #nz-kiwisaver-calculator input,
  #nz-kiwisaver-calculator select,
  #nz-retirement-gap-calculator input,
  #nz-retirement-gap-calculator select,
  #nz-contractor-calculator input,
  #nz-contractor-calculator select,
  #nz-affordability-calculator input,
  #nz-affordability-calculator select,
  #nz-weekly-calculator input,
  #nz-extra-payments-calculator input {
    font-size: 16px !important;
  }

  /* Make buttons easier to tap — scoped to calculators only */
  #nz-hourly-salary-calculator button,
  #nz-kiwisaver-calculator button,
  #nz-retirement-gap-calculator button,
  #nz-contractor-calculator button,
  #nz-affordability-calculator button,
  #nz-weekly-calculator button,
  #nz-extra-payments-calculator button {
    min-height: 50px;
    font-size: 18px !important;
  }

  /* Extra breathing room on hub cards */
  #nz-finance-hub .tool-card {
    padding: 25px 20px;
  }

}

/* ─────────────────────────────────────────────────────────────────────────
   Smooth scroll — applied via JavaScript in the hub widget to avoid
   conflicting with WordPress theme scroll handlers. Do not add
   html { scroll-behavior: smooth } here.
───────────────────────────────────────────────────────────────────────── */
/* Core Header Architecture */
header.site-header {
    display: flex;
    justify-content: flex-start; /* Forces top-left alignment */
    align-items: center;
    padding: 16px 24px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E7EB; /* Subtle separation for trust */
    width: 100%;
    box-sizing: border-box;
}

/* Logo Dimensions & CLS Prevention */
.site-logo img, 
.custom-logo-link img {
    height: 40px !important; /* Fixed height is mandatory for CLS */
    width: auto !important;
    max-width: 100%;
    display: block;
}

/* Mobile Optimization */
@media (max-width: 768px) {
    header.site-header {
        padding: 12px 16px;
    }
    .site-logo img, 
    .custom-logo-link img {
        height: 32px !important; /* Scale down slightly for mobile viewports */
    }
}
/* Enhanced FSE Site Logo Dimension Lock */
.wp-block-site-logo img {
    height: 80px !important; /* Increased from 56px for better visibility */
    width: auto !important;
    max-width: 300px;
    object-fit: contain;
    display: block;
}

/* Mobile Optimization */
@media (max-width: 768px) {
    .wp-block-site-logo img {
        height: 60px !important; /* Slightly larger than before */
    }
    
    header.site-header,
    .site-header {
        padding: 8px 16px;
    }
}
/* Kiwi Finance Tools - Category Pill Navigation */
.category-pill-nav {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 30px;
}

.category-pill-nav li {
    margin: 0 !important;
}

.category-pill-nav li a {
    display: inline-block;
    background-color: #f4f5f7;
    color: #1A6B3A; /* Brand Green */
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

.category-pill-nav li a:hover {
    background-color: #1A6B3A;
    color: #ffffff;
    border-color: #1A6B3A;
}