/*
 * Office Choice Kenya v0.9.9 — policy/help material system
 * Scoped to policy/help surfaces only. The approved site header is intentionally untouched.
 */

html body.ock-site .ock-policy-page{
  --ock-policy-canvas:#E6EDEF;
  --ock-policy-surface:#E6EDEF;
  --ock-policy-surface-soft:#EDF2F3;
  --ock-policy-ink:#102E36;
  --ock-policy-ocean:#14758A;
  --ock-policy-cyan:#08A4C1;
  --ock-policy-muted:#5D7074;
  --ock-policy-line:rgba(20,117,138,.14);
  --ock-policy-shadow:10px 10px 24px rgba(145,161,166,.28),-10px -10px 24px rgba(255,255,255,.78);
  --ock-policy-shadow-sm:6px 6px 15px rgba(145,161,166,.24),-6px -6px 15px rgba(255,255,255,.72);
  --ock-policy-inset:inset 4px 4px 9px rgba(145,161,166,.20),inset -4px -4px 9px rgba(255,255,255,.66);
  color:var(--ock-policy-ink)!important;
}

html body.ock-site .ock-policy-hero,
html body.ock-site .ock-policy-hero-v10,
html body.ock-site .ock-policy-summary>div,
html body.ock-site .ock-policy-index,
html body.ock-site .ock-policy-content>section:not(.ock-policy-contact),
html body.ock-site .ock-policy-page--faq .ock-faq-intro,
html body.ock-site .ock-policy-page--faq .ock-faq__item,
html body.ock-site .ock-policy-note,
html body.ock-site .ock-policy-alert{
  background:var(--ock-policy-surface)!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:var(--ock-policy-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body.ock-site .ock-policy-hero,
html body.ock-site .ock-policy-hero-v10{border-radius:22px!important}
html body.ock-site .ock-policy-summary>div{border-radius:16px!important}
html body.ock-site .ock-policy-index{border-radius:18px!important;padding:20px!important}
html body.ock-site .ock-policy-content>section:not(.ock-policy-contact){border-radius:18px!important;padding:30px 32px!important;margin-bottom:18px!important}
html body.ock-site .ock-policy-page--faq .ock-faq-intro,
html body.ock-site .ock-policy-page--faq .ock-faq__item{border-radius:16px!important}

html body.ock-site .ock-policy-hero-v10__side{
  background:var(--ock-policy-surface-soft)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-left:4px solid var(--ock-policy-cyan)!important;
  box-shadow:var(--ock-policy-inset)!important;
  color:var(--ock-policy-ink)!important;
}
html body.ock-site .ock-policy-hero-v10__side a{color:var(--ock-policy-ocean)!important}

html body.ock-site .ock-policy-page .ock-eyebrow,
html body.ock-site .ock-policy-index>span,
html body.ock-site .ock-policy-index__help a,
html body.ock-site .ock-policy-content a{
  color:var(--ock-policy-ocean)!important;
  -webkit-text-fill-color:var(--ock-policy-ocean)!important;
}

html body.ock-site .ock-policy-hero h1,
html body.ock-site .ock-policy-hero-v10 h1,
html body.ock-site .ock-policy-content h2,
html body.ock-site .ock-policy-content h3,
html body.ock-site .ock-policy-index strong,
html body.ock-site .ock-policy-summary strong{
  color:var(--ock-policy-ink)!important;
  -webkit-text-fill-color:var(--ock-policy-ink)!important;
}

html body.ock-site .ock-policy-hero p,
html body.ock-site .ock-policy-hero-v10 p,
html body.ock-site .ock-policy-content p,
html body.ock-site .ock-policy-content li,
html body.ock-site .ock-policy-summary span,
html body.ock-site .ock-policy-index nav a{
  color:var(--ock-policy-muted)!important;
  -webkit-text-fill-color:var(--ock-policy-muted)!important;
}

html body.ock-site .ock-policy-index nav{gap:8px!important}
html body.ock-site .ock-policy-index nav a{
  display:block!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--ock-policy-surface)!important;
  box-shadow:var(--ock-policy-shadow-sm)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,color .18s ease!important;
}
html body.ock-site .ock-policy-index nav a:hover,
html body.ock-site .ock-policy-index nav a:focus-visible{
  color:var(--ock-policy-ocean)!important;
  -webkit-text-fill-color:var(--ock-policy-ocean)!important;
  transform:translateY(-1px)!important;
}
html body.ock-site .ock-policy-index nav a:active{transform:translateY(0)!important;box-shadow:var(--ock-policy-inset)!important}

/* Final policy support CTA: dark branded panel, high-contrast copy, official WhatsApp green. */
html body.ock-site .ock-policy-contact{
  background:#103B45!important;
  border:1px solid rgba(8,164,193,.22)!important;
  border-radius:20px!important;
  box-shadow:12px 12px 26px rgba(102,120,124,.26),-10px -10px 24px rgba(255,255,255,.36)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:30px 32px!important;
  color:#fff!important;
}
html body.ock-site .ock-policy-contact .ock-eyebrow{
  color:#7BDEEC!important;
  -webkit-text-fill-color:#7BDEEC!important;
}
html body.ock-site .ock-policy-contact h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.ock-site .ock-policy-contact p{
  color:#D8E8EB!important;
  -webkit-text-fill-color:#D8E8EB!important;
}
html body.ock-site .ock-policy-contact .ock-btn--whatsapp,
html body.ock-site .ock-policy-contact .ock-btn--whatsapp:visited{
  background:#25D366!important;
  border-color:#25D366!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(37,211,102,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
html body.ock-site .ock-policy-contact .ock-btn--secondary,
html body.ock-site .ock-policy-contact .ock-btn--secondary:visited{
  background:var(--ock-policy-surface)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  color:var(--ock-policy-ink)!important;
  -webkit-text-fill-color:var(--ock-policy-ink)!important;
  box-shadow:var(--ock-policy-shadow-sm)!important;
}
html body.ock-site .ock-policy-contact .ock-btn--secondary:hover,
html body.ock-site .ock-policy-contact .ock-btn--secondary:focus-visible{
  color:var(--ock-policy-ocean)!important;
  -webkit-text-fill-color:var(--ock-policy-ocean)!important;
  transform:translateY(-1px)!important;
}
html body.ock-site .ock-policy-contact .ock-btn:active{transform:translateY(0)!important;box-shadow:var(--ock-policy-inset)!important}

html body.ock-site .ock-policy-alert,
html body.ock-site .ock-policy-note{
  border-left:4px solid var(--ock-policy-cyan)!important;
  color:var(--ock-policy-ink)!important;
}
html body.ock-site .ock-policy-alert>span,
html body.ock-site .ock-policy-alert>strong{color:var(--ock-policy-ocean)!important}

@media (max-width:760px){
  html body.ock-site .ock-policy-content>section:not(.ock-policy-contact){padding:22px 20px!important}
  html body.ock-site .ock-policy-contact{padding:24px 20px!important}
  html body.ock-site .ock-policy-contact__actions{width:100%!important}
  html body.ock-site .ock-policy-contact__actions .ock-btn{width:100%!important;justify-content:center!important}
}

@media (prefers-reduced-motion:reduce){
  html body.ock-site .ock-policy-page *{transition:none!important;animation:none!important}
}