/* Logo sizing */
.Header__navbar .Header__logo{ min-width:280px !important; flex:0 0 auto !important; }
.Header__navbar .Header__logo img{ width:auto !important; height:auto !important; max-height:none !important; }

/* Fonts */
@font-face{ font-family:'Gilroy Medium'; src:url('https://oaohost.com/wp-content/uploads/useanyfont/5712Gilroy-medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy ExtraBold'; src:url('https://oaohost.com/wp-content/uploads/useanyfont/5593Gilroy-extrabold.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }

html,body,input,button,select,textarea{ font-family:'Gilroy Medium',sans-serif !important; font-weight:500; letter-spacing:.2px; font-size:16px; line-height:1.6; color:#222; }
h1,h2,h3,h4,h5,h6{ font-family:'Gilroy ExtraBold',sans-serif !important; font-weight:800 !important; letter-spacing:-.3px; color:#000; margin-top:0; }
.Header__searchTitle{ font-family:'Gilroy ExtraBold',sans-serif !important; font-weight:800 !important; font-size:48px; line-height:1.2; }

/* Brand */
:root, portal{ --color-brand:#FFC300; --brand-accent:#FFC300; --brand-accent-contrast:#000; }

/* Nav layout/typography */
.Header__menuList{ display:flex; align-items:center; gap:18px !important; }
.Header__tabsTab, .Header__tabsTab a, .Header__tabsTab strong{
  font-family:'Gilroy Medium',sans-serif !important; font-weight:500 !important;
  letter-spacing:.2px !important; font-size:16px !important; line-height:1.4 !important; text-transform:none !important;
}
.Header__tabsTab{ margin:0 !important; }
.Header__tabsTab + .Header__tabsTab{ margin-left:0 !important; }

/* Push CTA to the far-right of the row */
.Header__tabsTab--push{ margin-left:auto !important; }

/* Hosting Panel pill */
.Header__tabsTab--cta .oao-cta-link{
  display:inline-flex; align-items:center; gap:8px;
  height:32px; padding:0 12px;
  background:var(--color-brand); color:var(--brand-accent-contrast);
  border-radius:9999px; font-weight:600; font-size:14px; line-height:1;
  text-decoration:none !important; box-shadow:0 6px 16px rgba(0,0,0,.12); border:0;
}
.Header__tabsTab--cta .oao-cta-link:hover{ filter:brightness(.96); }
.Header__tabsTab--cta .oao-cta-link svg{ display:block; }

/* Menu hover colour */
.Header__tabsTab a:hover, .Header__tabsTab.active a{ color:var(--color-brand) !important; }

/* Big search button accent */
[data-id="searchButton"], .SearchContainer_searchIcon, button[title="Search"]{
  background:var(--color-brand) !important; border-color:var(--color-brand) !important; color:var(--brand-accent-contrast) !important;
}
[data-id="searchButton"]:hover, .SearchContainer_searchIcon:hover, button[title="Search"]:hover{ filter:brightness(.95); }

/* Make sure hero section is visible */
.Header__searchSection{ display:block !important; }

/* Recolour any default orange in icons */
svg [stroke="#e46317" i], svg [fill="#e46317" i],
svg [stroke="#E46317" i], svg [fill="#E46317" i]{ stroke:var(--color-brand) !important; fill:var(--color-brand) !important; }

/* Profile initials badge */
.Header__navbar [class*="initials"], .Header__navbar [class*="Initials"], .Header__navbar [class*="avatar"], .Header__navbar [class*="Avatar"]{
  background:var(--color-brand) !important; color:var(--brand-accent-contrast) !important;
  border-radius:9999px !important; width:36px !important; height:36px !important;
  min-width:36px !important; min-height:36px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important; line-height:1 !important; font-family:'Gilroy Medium',sans-serif !important; font-weight:800 !important; font-size:14px !important;
  border:2px solid rgba(255,255,255,.85) !important;
}
.Header__navbar [class*="initials"]>*{ line-height:1 !important; }
/* ===== Footer tokens ===== */
:root{
  --oao-text:#111; --oao-link:#111; --oao-blue:#111;
  --oao-accent:#ffc300; --oao-muted:#6b7280; --oao-border:#e9eef5;
}

/* ===== Base ===== */
.oao-footer{ background:#fff; border-top:1px solid var(--oao-border); color:var(--oao-text); font-family:'Gilroy Medium',sans-serif; }
.oao-footer a{ color:var(--oao-link); text-decoration:none; }
.oao-footer a:hover{ color:var(--oao-accent); text-decoration:underline; }

/* ===== Grid ===== */
.oao-footer__grid{
  max-width:1200px; margin:0 auto; padding:36px 20px;
  display:grid; grid-template-columns:1.2fr repeat(5,1fr); gap:32px;
}
@media (max-width:1100px){ .oao-footer__grid{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:720px){ .oao-footer__grid{ grid-template-columns:1fr; gap:24px; } }

/* ===== Brand block ===== */
.oao-footer__logo{ height:28px; display:block; margin:0 0 12px; }
.oao-footer__blurb{ margin:0 0 8px; color:var(--oao-muted); line-height:1.6; }
.oao-footer__contact{ display:flex; align-items:center; gap:8px; margin:8px 0 10px; }
.oao-icon{ width:18px; height:18px; flex:0 0 18px; color:var(--oao-text); }

/* ===== Columns ===== */
.oao-footer__col h4{
  font-family:'Gilroy ExtraBold',sans-serif; font-weight:800; color:var(--oao-blue);
  margin:0 0 10px; letter-spacing:-.2px;
}
.oao-footer__col ul{ list-style:none; margin:0; padding:0; }
.oao-footer__col li{ margin:6px 0; }

/* ===== Copyright ===== */
.oao-footer__copyright{ border-top:1px solid var(--oao-border); margin-top:24px; }
.oao-footer__wrap{ max-width:1200px; margin:0 auto; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; }
.oao-footer__wrap p{ margin:0; color:var(--oao-muted); font-size:14px; }

/* ===== Status pill ===== */
.oao-status{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:9999px; font-size:13px; line-height:1; text-decoration:none !important; transition:filter .15s ease; }
.oao-status:hover{ filter:brightness(.98); }
.oao-status--ok{ background:#eafaf0; border:1px solid #cfead9; color:#106a2f; }
.oao-status__dot{ width:8px; height:8px; border-radius:50%; display:inline-block; background:#20c36a; }

/* Show hero search ONLY on the homepage */
.Header__searchSection { display: none !important; }

/* Zoho adds `home` on the root <portal> element on the homepage */
portal.home .Header__searchSection,
.home .Header__searchSection { 
  display: block !important; 
}

/* Mobile: center the Hosting Panel pill */
@media (max-width: 768px){
  /* stop pushing it to the far right */
  .Header__tabsTab--push{ margin-left: 0 !important; }

  /* make the CTA take its own row and center it */
  .Header__tabsTab--cta{
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    order: 999;            /* ensure it's last in the list on mobile */
  }
  .Header__tabsTab--cta .oao-cta-link{
    margin: 6px auto 0;    /* little breathing room */
  }
}

/* (Optional) very small phones: make the pill full-width */
@media (max-width: 420px){
  .Header__tabsTab--cta .oao-cta-link{
    width: 100%;
    justify-content: center;
  }
}