/* Click Point contact form v3 — rebuilt from approved v3 MOBILE PRESS FINAL; custom dark dropdown on desktop + mobile */
#contact .contact-inner{position:relative;z-index:2}
#contact .contact-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:16px!important;
  width:min(650px,100%)!important;
  margin-inline:auto!important;
  align-items:stretch!important;
}
#contact .contact-actions>a,
#contact .cp-contact-form-toggle{width:100%!important;min-width:0!important;margin:0!important}
#contact .cp-contact-form-toggle{
  grid-column:1/-1;min-height:66px;border:1px solid rgba(255,106,23,.78);border-radius:999px;
  background:rgba(7,7,7,.82);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;
  padding:0 28px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;
  box-shadow:0 0 0 1px rgba(255,106,23,.06) inset,0 10px 35px rgba(255,88,10,.10);
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
#contact .cp-contact-form-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#contact .cp-contact-form-toggle .cp-toggle-arrow{color:#ff671d;font-size:1.35rem;line-height:1;transition:transform .2s ease}
#contact .cp-contact-form-toggle[aria-expanded="true"] .cp-toggle-arrow{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
  #contact .cp-contact-form-toggle:hover{background:#ff671d;color:#090909;border-color:#ff671d;box-shadow:0 13px 36px rgba(255,103,29,.23)}
  #contact .cp-contact-form-toggle:hover .cp-toggle-arrow{color:#090909}
}
#contact .cp-contact-form-wrap{width:min(760px,100%);margin:0 auto;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transform:translateY(-10px);transition:max-height .42s ease,opacity .24s ease,transform .3s ease,margin .3s ease,visibility 0s linear .42s}
#contact .cp-contact-form-wrap.is-open{margin-top:28px;max-height:1600px;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .5s ease,opacity .25s ease,transform .32s ease,margin .3s ease,visibility 0s}
#contact .cp-contact-form{direction:rtl;text-align:right;background:linear-gradient(145deg,rgba(16,12,10,.96),rgba(5,5,5,.96));border:1px solid rgba(255,103,29,.24);border-radius:28px;padding:28px;box-shadow:0 22px 70px rgba(0,0,0,.36),0 0 70px rgba(255,92,15,.05) inset}
#contact .cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#contact .cp-contact-form label{display:flex;flex-direction:column;gap:9px;color:#fff;font-size:.92rem;font-weight:700}
#contact .cp-contact-form label.cp-form-message{grid-column:1/-1}
#contact .cp-contact-form input:not([type="checkbox"]),
#contact .cp-contact-form select,
#contact .cp-contact-form textarea,
#contact .cp-custom-select-button{
  width:100%;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;
  min-height:54px;padding:13px 16px;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
#contact .cp-contact-form textarea{min-height:132px;resize:vertical}
#contact .cp-contact-form input:focus,#contact .cp-contact-form select:focus,#contact .cp-contact-form textarea:focus,#contact .cp-custom-select-button:focus{border-color:#ff671d;box-shadow:0 0 0 3px rgba(255,103,29,.10);background:rgba(255,255,255,.05)}

/* Desktop custom subject dropdown — avoids native white browser menu */
#contact .cp-topic-native{display:none}
#contact .cp-custom-select{position:relative;width:100%}
#contact .cp-custom-select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:right}
#contact .cp-custom-select-button .cp-custom-select-caret{color:#ff671d;font-size:1rem;line-height:1;transition:transform .18s ease}
#contact .cp-custom-select.is-open .cp-custom-select-button{border-color:#ff671d;box-shadow:0 0 0 3px rgba(255,103,29,.10)}
#contact .cp-custom-select.is-open .cp-custom-select-caret{transform:rotate(180deg)}
#contact .cp-custom-select-menu{
  position:absolute;z-index:80;top:calc(100% + 8px);right:0;left:0;padding:7px;background:#0d0b0a;
  border:1px solid rgba(255,103,29,.38);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 28px rgba(255,103,29,.06);
  opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
}
#contact .cp-custom-select.is-open .cp-custom-select-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}
#contact .cp-custom-option{display:block;width:100%;border:0;background:transparent;color:#f5f5f5;text-align:right;padding:11px 12px;border-radius:11px;font:inherit;cursor:pointer}
#contact .cp-custom-option[aria-selected="true"]{color:#ff7a35;background:rgba(255,103,29,.10)}
@media(hover:hover) and (pointer:fine){#contact .cp-custom-option:hover{background:rgba(255,103,29,.15);color:#fff}}

#contact .cp-form-consent{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;font-size:.84rem!important;font-weight:500!important;color:rgba(255,255,255,.72)!important;line-height:1.6}
#contact .cp-form-consent input{margin-top:4px;accent-color:#ff671d;flex:none}
#contact .cp-form-consent a{color:#ff7a35;text-decoration:underline;text-underline-offset:3px}
#contact .cp-form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#contact .cp-form-submit{grid-column:1/-1;min-height:58px;border:0;border-radius:999px;background:#ff671d;color:#080808;font:inherit;font-size:1rem;font-weight:900;cursor:pointer;transition:transform .18s ease,filter .18s ease}
#contact .cp-form-submit:disabled{opacity:.65;cursor:wait}
@media(hover:hover) and (pointer:fine){#contact .cp-form-submit:hover{background:#fff;color:#090909;filter:none;transform:translateY(-1px)}}
#contact .cp-form-status{grid-column:1/-1;min-height:24px;text-align:center;font-size:.9rem;font-weight:700}
#contact .cp-form-status.is-success{color:#62db8a}#contact .cp-form-status.is-error{color:#ff8a72}

@media(max-width:760px){
  #contact .contact-actions{grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
  #contact .contact-actions>a,#contact .cp-contact-form-toggle{grid-column:1!important;min-height:62px!important}
  #contact .contact-actions>a:nth-child(1){order:1}#contact .contact-actions>a:nth-child(2){order:2}#contact .cp-contact-form-toggle{order:3;border-radius:999px;padding:0 20px;font-size:.96rem}
  #contact .cp-contact-form-wrap.is-open{margin-top:18px}#contact .cp-contact-form{padding:20px 16px;border-radius:22px}
  #contact .cp-form-grid{grid-template-columns:1fr;gap:15px}#contact .cp-contact-form label.cp-form-message,#contact .cp-form-consent,#contact .cp-form-submit,#contact .cp-form-status{grid-column:1}
  #contact .cp-contact-form textarea{min-height:150px}
  /* Mobile uses the same Click Point custom dropdown language as desktop.
     Keep the field dimensions unchanged; only the opened menu styling changes. */
  #contact .cp-topic-native{display:none!important}
  #contact .cp-custom-select{display:block;width:100%}
  #contact .cp-custom-select-menu{
    top:calc(100% + 7px);padding:7px;border-radius:15px;
    max-height:min(48vh,370px);overflow-y:auto;overscroll-behavior:contain;
    background:#0d0b0a;border-color:rgba(255,103,29,.42);
    box-shadow:0 18px 46px rgba(0,0,0,.62),0 0 24px rgba(255,103,29,.08);
    -webkit-overflow-scrolling:touch;
  }
  #contact .cp-custom-option{min-height:52px;padding:14px 14px;font-size:1rem;display:flex;align-items:center;justify-content:flex-start}
  #contact .cp-custom-option:active{background:rgba(255,103,29,.18);color:#fff}
}

/* v26 — desktop custom cursor only inside the online contact form/toggle.
   Prevent the browser's native hand/I-beam cursor from appearing underneath the Click Point C cursor. */
@media (hover:hover) and (pointer:fine){
  #contact .cp-contact-form-toggle,
  #contact .cp-contact-form-toggle *,
  #contact .cp-contact-form,
  #contact .cp-contact-form *{
    cursor:none!important;
  }
}

/* v85: native checkbox with a 44px clickable target. */
#contact .cp-form-consent .cp-consent-box{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin:-8px -8px 0 0!important;isolation:isolate}
#contact .cp-form-consent .cp-consent-box input[type="checkbox"]{position:absolute!important;inset:0!important;display:block!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:auto!important;z-index:2!important}
#contact .cp-form-consent .cp-consent-check{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:4px!important;background:#111!important;pointer-events:none!important;color:#fff!important;line-height:1!important}
#contact .cp-form-consent input:checked + .cp-consent-check{background:#ff671d!important;border-color:#ff671d!important}
#contact .cp-form-consent input:checked + .cp-consent-check::after{content:"✓";font:700 16px Arial,sans-serif}
#contact .cp-form-consent input:focus-visible + .cp-consent-check{outline:2px solid #ff9c65;outline-offset:3px}