/* Peak Insights website — shared styles (hover/focus, form states, responsive) */
body:has(#pk-root){background:#0B101B!important}
body:has(#pk-privacy){background:#F7F8FA!important}
#pk-root ::placeholder{color:#6E7787;opacity:1}
#pk-root a{text-decoration:none}
#pk-root select option{background:#0D1322;color:#EEF2F8}

.pk-hv-light:hover{color:#EEF2F8!important}
.pk-hv-gold:hover{color:#D9A84E!important}
.pk-hv-cardgold:hover{border-color:rgba(217,168,78,.5)!important}
.pk-hv-btngold:hover{background:#E8BC6A!important;color:#151A26!important}
.pk-hv-ghostgold:hover{border-color:#D9A84E!important;color:#D9A84E!important}
.pk-hv-softgold:hover{background:rgba(217,168,78,.1)!important;color:#D9A84E!important}
.pk-hv-bggold:hover{background:#E8BC6A!important}
.pk-fc-gold:focus{border-color:#D9A84E!important;box-shadow:none!important}

/* v1.0.1: force brand font on headings (Odoo theme sets Assistant on h1-h6) */
#pk-root h1,#pk-root h2,#pk-root h3,#pk-root h4,#pk-root h5,#pk-root h6{font-family:'IBM Plex Sans Arabic',sans-serif!important}
#pk-privacy h1,#pk-privacy h2{font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif!important}

/* form validation states (website form JS adds these) */
#pk-root .s_website_form_input.is-invalid{border-color:#E5484D!important}
#pk-root #s_website_form_result{display:block;font-size:14px;color:#B9C2D2}
#pk-root .o_form_sending .s_website_form_send{opacity:.6;pointer-events:none}

/* ===== responsive (design is desktop-first with inline styles) ===== */
@media (max-width:1100px){
  #pk-root [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  #pk-root [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}
}
@media (max-width:900px){
  #pk-root [style*="grid-template-columns:repeat(3,1fr)"],
  #pk-root [style*="grid-template-columns:1fr 1.2fr"],
  #pk-root [style*="grid-template-columns:1.2fr 1fr"],
  #pk-root [style*="grid-template-columns:1.3fr 1fr"],
  #pk-root [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  #pk-root [style*="font-size:54px"]{font-size:34px!important}
  #pk-root [style*="font-size:42px"]{font-size:30px!important}
  #pk-root [style*="font-size:38px"]{font-size:28px!important}
  #pk-root [style*="font-size:34px"]{font-size:26px!important}
  #pk-root [style*="padding:104px 32px 72px"]{padding:56px 20px 44px!important}
  #pk-root [style*="padding:88px 32px"]{padding:52px 20px!important}
  #pk-root [style*="padding:96px 32px"]{padding:56px 20px!important}
  #pk-root [style*="padding:64px 32px 0"]{padding:44px 20px 0!important}
  #pk-root [style*="padding:44px"]{padding:26px 20px!important}
  #pk-root header > div{flex-wrap:wrap;height:auto!important;padding:10px 16px!important;row-gap:8px}
  #pk-root header nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;white-space:nowrap;max-width:100%}
  #pk-root header nav::-webkit-scrollbar{display:none}
}
@media (max-width:520px){
  #pk-root [style*="grid-template-columns:repeat(4,1fr)"],
  #pk-root [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"]{grid-template-columns:1fr!important}
  #pk-root [style*="padding:120px 32px"]{padding:64px 20px!important}
}