:root{
  --od-h-blue:#1877F2;
  --od-h-deep:#0A4FD8;
  --od-h-yellow:#FBC02D;
  --od-h-orange:#FF9800;
  --od-h-teal:#00BFA6;
  --od-h-navy:#0D1117;
  --od-h-text:#344054;
  --od-h-muted:#667085;
  --od-h-border:#E4E9EF;
  --od-h-soft:#F4F7FB;
}

/* Elementor shortcode wrappers stay neutral and width-safe. */
.od57-nav-shortcode,.od57-actions-shortcode,.od57-search-shortcode,.od57-mobile-tools-shortcode{min-width:0!important;margin:0!important}
.od57-nav-shortcode>.elementor-widget-container,.od57-actions-shortcode>.elementor-widget-container,.od57-search-shortcode>.elementor-widget-container,.od57-mobile-tools-shortcode>.elementor-widget-container{width:100%}

.odcp-hdr-nav,
.odcp-hdr-actions,
.odcp-hdr-search,
.odcp-hdr-mobile-tools{
  font-family:Poppins,Arial,sans-serif;
  box-sizing:border-box;
}
.odcp-hdr-nav *,
.odcp-hdr-actions *,
.odcp-hdr-search *,
.odcp-hdr-mobile-tools *{box-sizing:border-box}

.odcp-hdr-nav{
  width:100%;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:clamp(2px,.65vw,10px);
}
.odcp-hdr-nav-item{
  position:relative;
  min-width:68px;
  min-height:68px;
  padding:8px 8px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:11px;
  color:#5D6878!important;
  text-decoration:none!important;
  font-size:12.5px;
  font-weight:500;
  line-height:1.15;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.odcp-hdr-nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
.odcp-hdr-nav-icon svg{width:22px;height:22px;fill:currentColor;stroke:none}
.odcp-hdr-nav-item:hover{color:var(--od-h-navy)!important;background:#F7F9FC;transform:translateY(-1px)}
.odcp-hdr-nav-item:hover .odcp-hdr-nav-icon{color:var(--od-h-blue)}
.odcp-hdr-nav-item.is-active{color:var(--od-h-navy)!important}
.odcp-hdr-nav-item.is-active .odcp-hdr-nav-icon{color:var(--od-h-blue)}
.odcp-hdr-nav-item.is-active::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--od-h-blue),var(--od-h-deep) 70%,var(--od-h-teal));
}

.odcp-hdr-search{width:100%;max-width:270px;position:relative}
.odcp-hdr-search form{
  height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#F5F7FA;border:1px solid transparent;border-radius:11px;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.odcp-hdr-search form:focus-within{background:#fff;border-color:#BCD5FA;box-shadow:0 0 0 3px rgba(24,119,242,.08)}
.odcp-hdr-search form>svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#667085;stroke-width:2;stroke-linecap:round}
.odcp-hdr-search input{
  width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;
  color:var(--od-h-text)!important;font:400 13.5px/1.4 Poppins,Arial,sans-serif!important;
}
.odcp-hdr-search input::placeholder{color:#98A2B3}
.odcp-hdr-search-results{
  position:absolute;top:calc(100% + 9px);left:0;width:min(390px,82vw);padding:7px;background:#fff;border:1px solid var(--od-h-border);border-radius:14px;
  box-shadow:0 18px 44px rgba(13,17,23,.12);z-index:10020;
}
.odcp-hdr-search-results[hidden]{display:none!important}
.odcp-hdr-search-result{display:block;padding:10px 11px;border-radius:10px;text-decoration:none!important;color:var(--od-h-navy)!important}
.odcp-hdr-search-result:hover,.odcp-hdr-search-result:focus{background:#F2F7FF;outline:none}
.odcp-hdr-search-result small{display:block;color:var(--od-h-blue);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.odcp-hdr-search-result strong{display:block;margin-top:2px;font-size:13px;line-height:1.35}
.odcp-hdr-search-empty{padding:12px;color:var(--od-h-muted);font-size:12px}

.odcp-hdr-actions{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.odcp-hdr-account,.odcp-hdr-project,.odcp-hdr-guest .odcp-guest-preview-btn{
  min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:11px;font:600 13px/1 Poppins,Arial,sans-serif!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.odcp-hdr-account{gap:7px;padding:0 13px;color:var(--od-h-navy)!important;background:#fff;border:1px solid #D8E0EA}
.odcp-hdr-account:hover{color:var(--od-h-blue)!important;background:#F8FBFF;border-color:#C6D9F7;transform:translateY(-1px)}
.odcp-hdr-account svg{width:17px;height:17px;fill:currentColor}
.odcp-hdr-dashboard img{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #DDE5EF}
.odcp-hdr-project{position:relative;overflow:hidden;gap:6px;padding:0 15px;color:#13213C!important;border:0;background:linear-gradient(135deg,var(--od-h-yellow),#FFB21A 55%,var(--od-h-orange));box-shadow:0 6px 15px rgba(255,152,0,.15)}
.odcp-hdr-project:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,152,0,.22)}
.odcp-hdr-project::before{content:"";position:absolute;top:-55%;left:-45%;width:24%;height:210%;transform:rotate(22deg);background:rgba(255,255,255,.32);transition:left .42s ease}
.odcp-hdr-project:hover::before{left:120%}
.odcp-hdr-project svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.odcp-hdr-guest{display:inline-flex}
.odcp-hdr-guest .odcp-guest-preview-btn{gap:5px;padding:0 11px!important;color:var(--od-h-blue)!important;background:#F5F9FF!important;border:1px solid #CFE0FA!important;box-shadow:none!important}
.odcp-hdr-guest .odcp-guest-preview-btn:hover{background:#EDF5FF!important;transform:translateY(-1px)}
.odcp-hdr-guest .odcp-guest-preview-btn b{font:600 12px/1 Poppins,Arial,sans-serif!important}
.odcp-hdr-guest .odcp-guest-preview-btn b::after{content:""}
.odcp-hdr-guest .odcp-guest-preview-btn small{display:none!important}
.odcp-hdr-guest .odcp-guest-preview-btn>span:first-child{font-size:10px;color:var(--od-h-teal)}

.odcp-hdr-mobile-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.odcp-hdr-icon-btn{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #DDE4EC;border-radius:11px;background:#fff;color:var(--od-h-navy);cursor:pointer;transition:.16s ease}
.odcp-hdr-icon-btn:hover,.odcp-hdr-icon-btn:focus-visible{color:var(--od-h-blue);background:#F8FBFF;border-color:#C8DBF8;outline:none;transform:translateY(-1px)}
.odcp-hdr-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.odcp-hdr-menu-toggle{position:relative}
.odcp-hdr-menu-toggle::after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--od-h-teal)}
.odcp-hdr-menu-toggle .is-close-icon{display:none}
.odcp-hdr-menu-toggle.is-open .is-open-icon{display:none}
.odcp-hdr-menu-toggle.is-open .is-close-icon{display:inline-flex}
.odcp-hdr-mobile-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:10030;background:#fff;border:1px solid var(--od-h-border);border-radius:15px;box-shadow:0 18px 42px rgba(13,17,23,.12)}
.odcp-hdr-mobile-panel[hidden]{display:none!important}
.odcp-hdr-mobile-search{width:min(420px,92vw);padding:9px}
.odcp-hdr-mobile-search form{min-height:48px;display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;padding:0 7px 0 12px;background:#F5F7FA;border-radius:11px}
.odcp-hdr-mobile-search svg{width:18px;height:18px;fill:none;stroke:#667085;stroke-width:2;stroke-linecap:round}
.odcp-hdr-mobile-search input{min-width:0;width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:400 14px/1.4 Poppins,Arial,sans-serif!important}
.odcp-hdr-mobile-search button{min-height:36px;padding:0 13px;border:0;border-radius:9px;background:var(--od-h-blue);color:#fff;font:600 12px/1 Poppins,Arial,sans-serif;cursor:pointer}
.odcp-hdr-mobile-menu{width:min(320px,92vw);padding:8px}
.odcp-hdr-mobile-nav{display:flex;flex-direction:column;gap:2px}
.odcp-hdr-mobile-nav .odcp-hdr-nav-item{min-width:0;min-height:46px;width:100%;padding:0 11px;flex-direction:row;justify-content:flex-start;gap:11px;font-size:13px;border-radius:10px}
.odcp-hdr-mobile-nav .odcp-hdr-nav-item::after{display:none}
.odcp-hdr-mobile-nav .odcp-hdr-nav-item.is-active{color:var(--od-h-blue)!important;background:#F2F7FF}
.odcp-hdr-mobile-nav .odcp-hdr-nav-icon,.odcp-hdr-mobile-nav .odcp-hdr-nav-icon svg{width:19px;height:19px}
.odcp-hdr-mobile-divider{height:1px;margin:7px 3px;background:var(--od-h-border)}
.odcp-hdr-actions.is-mobile{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.odcp-hdr-actions.is-mobile>*{width:100%}
.odcp-hdr-actions.is-mobile .odcp-hdr-account,.odcp-hdr-actions.is-mobile .odcp-hdr-project,.odcp-hdr-actions.is-mobile .odcp-hdr-guest .odcp-guest-preview-btn{width:100%;min-height:44px}
.odcp-hdr-actions.is-mobile .odcp-hdr-guest{width:100%}

@media (min-width:1025px) and (max-width:1366px){
  .odcp-hdr-nav{gap:1px}
  .odcp-hdr-nav-item{min-width:60px;min-height:64px;padding-left:5px;padding-right:5px;font-size:11.5px}
  .odcp-hdr-nav-icon,.odcp-hdr-nav-icon svg{width:20px;height:20px}
  .odcp-hdr-search{max-width:220px}
  .odcp-hdr-actions{gap:6px}
  .odcp-hdr-account,.odcp-hdr-project,.odcp-hdr-guest .odcp-guest-preview-btn{min-height:40px;font-size:12px!important}
  .odcp-hdr-account{padding:0 10px}.odcp-hdr-project{padding:0 12px}.odcp-hdr-guest .odcp-guest-preview-btn{padding:0 9px!important}
}
@media (min-width:1025px) and (max-width:1180px){
  .odcp-hdr-search{display:none}
  .odcp-hdr-nav-item{min-width:56px;font-size:11px}
}
@media (max-width:1024px){
  .odcp-hdr-mobile-tools{width:100%}
}
@media (max-width:767px){
  .odcp-hdr-icon-btn{width:40px;height:40px}
  .odcp-hdr-mobile-menu{width:min(306px,94vw)}
  .odcp-hdr-mobile-search{width:min(380px,94vw)}
}
@media (max-width:360px){
  .odcp-hdr-icon-btn{width:38px;height:38px;border-radius:10px}
  .odcp-hdr-mobile-tools{gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .odcp-hdr-nav-item,.odcp-hdr-account,.odcp-hdr-project,.odcp-hdr-icon-btn{transition:none!important;transform:none!important}
  .odcp-hdr-project::before{display:none!important}
}