@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/geist/index.css');

/* Hide Sign In link in header */
.signin, .signup, .my-ticket {
    display: none !important;
}

/* ===== Hellopeter Business brand styling (added 25 Jun 2026) ===== */

/* Geist font */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, input, button, textarea, select {
  font-family: 'Geist Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Hide hero subtitle "How Can We Help You?" */
.Header__description {
  display: none !important;
}

/* Hide entire footer: ticket block (live chat covers it) + Zoho branding */
footer {
  display: none !important;
}

/* Orange brand colour -> navy */
.commonStyle__zt3BrandBg {
  background-color: #29357F !important;
}

/* Hero search submit: white pill with light-blue magnifier */
.SearchContainer__searchIcon.commonStyle__zt3BrandBg {
  background-color: #ffffff !important;
}
.SearchContainer__searchIcon.commonStyle__zt3BrandBg svg,
.SearchContainer__searchIcon.commonStyle__zt3BrandBg svg * {
  fill: #428fe9 !important;
}
.SearchContainer__searchBoxIcon svg {
  fill: #428fe9 !important;
}

/* Category cards: 3-up grid, navy icon circles, light-blue border */
.hp-cat-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }
.hp-cat-card { border: 1px solid #428fe9 !important; transition: box-shadow .15s ease, transform .15s ease !important; }
.hp-cat-card:hover { box-shadow: 0 6px 18px rgba(66,143,233,.18) !important; transform: translateY(-2px) !important; border-color: #428fe9 !important; }
.hp-cat-card > div:first-child { background: #29357F !important; }
@media (max-width: 900px) { .hp-cat-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .hp-cat-grid { grid-template-columns: 1fr !important; } }

/* Article body links -> brand blue */
.KbDetailLtContainer__description a, .KbDetailLtContainer__description a *,
.KbDetailLtContainer__articleContent a, .KbDetailLtContainer__articleContent a * {
  color: #428fe9 !important; border-color: #428fe9 !important;
}

/* Primary outline buttons -> navy + navy fill on hover */
.Button__primaryBorder { color: #29357F !important; border-color: #29357F !important; }
.Button__primaryBorder:hover { background-color: #29357F !important; color: #ffffff !important; }

/* Hide header accessibility / user-preference icon (match reviewer) */
.CustomizeContainer__aPlus { display: none !important; }

/* Hero title weight — middle ground, unify across portals */
.Header__searchTitle, .Header__searchTitle strong { font-weight: 600 !important; }