/* DPOC Access Overlay — matches COM-Lab top modal look */

/* Increase blur behind popups */
body.dpoc-access-locked > *:not(.dpoc-overlay) {
  filter: blur(32px) brightness(0.9) saturate(0.95);
  pointer-events: none;
  user-select: none;
}

/* If anything injects a second overlay of our own class, hide it */
.dpoc-overlay + .dpoc-overlay { display: none !important; }

/* Hide common MemberPress unauthorized/login blocks if they still print */
body.dpoc-access-locked .mepr-login-form,
body.dpoc-access-locked .mepr_unauthorized,
body.dpoc-access-locked .mepr_noaccess,
body.dpoc-access-locked .mepr-unauthorized-message,
body.dpoc-access-locked .mepr-no-access,
body.dpoc-access-locked .mepr-account-message,
body.dpoc-access-locked .mepr-login-actions,
body.dpoc-access-locked .mepr_protected_content,
body.dpoc-access-locked .mepr-protected-content {
  display: none !important;
}

/* Overlay */
.dpoc-overlay{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0,0,0,0.55);
}

/* Modal */
.dpoc-modal{
  width: min(860px, 96vw);
  background: #fff;
  border-radius: 0;
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);
  overflow: hidden;
  outline: none;
}

/* Header bar */
.dpoc-header{
  background: #0b2236;
  padding: 18px 22px;
}

.dpoc-brand{
  display:flex;
  align-items:center;
  gap:16px;
}

.dpoc-logo{
  width: 92px;
  height:auto;
  display:block;
}

.dpoc-title{
  font-size:22px;
  font-weight:800;
  color:#fff;
  line-height:1.2;
}

.dpoc-content{
  padding: 20px 26px 24px;
  text-align:left;
}

.dpoc-body{
  margin:0;
  font-size:18px;
  line-height:1.55;
  color:#1a1a1a;
}

.dpoc-link{
  font-weight:800;
  text-decoration: underline;
  color: inherit;
}

.dpoc-actions{
  margin-top:16px;
  display:flex;
  gap:14px;
  flex-wrap: wrap;
}



.dpoc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  font-size:18px;
  font-weight:800;
  text-decoration: none !important;
  border: 2px solid #0b2236;
  background:#0b2236;
  color:#fff;
  cursor:pointer;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.dpoc-btn:hover,
.dpoc-btn:focus{
  background:#7a1212; /* dark red */
  border-color:#7a1212;
  color:#fff;
  text-decoration:none !important;
}

.dpoc-btn:focus{
  outline: 3px solid rgba(255,255,255,0.55);
  outline-offset: 2px;
}

.dpoc-btn:active{
  transform: translateY(1px);
}

/* Keep class names for compatibility, but both match the login button style */
.dpoc-btn-primary,
.dpoc-btn-outline{
  background:#0b2236;
  color:#fff;
  border-color:#0b2236;
}

.dpoc-btn-primary:hover,
.dpoc-btn-primary:focus,
.dpoc-btn-outline:hover,
.dpoc-btn-outline:focus{
  background:#7a1212;
  border-color:#7a1212;
  color:#fff;
}



/* Updated Button Styling */
.dpoc-overlay .dpoc-btn {
    background-color: #c62828 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    display: inline-block !important;
    border: none !important;
}

/* Force the entire popup (container + inner elements) to be square */
.dpoc-overlay .dpoc-modal,
.dpoc-overlay .dpoc-header,
.dpoc-overlay .dpoc-content{
  border-radius: 0 !important;
}

.dpoc-overlay .dpoc-btn:hover {
    background-color: #8e1b1b !important;
    color: #ffffff !important;
    text-decoration: none !important;
}