/* --- BDLP Custom Notice: modal styles --- */
.bdlp-notice-overlay[hidden]{display:none !important;}
.bdlp-notice-overlay{
  position:fixed; inset:0; z-index:999999;
  background:rgba(10,10,10,.60);
  display:flex; align-items:center; justify-content:center;
  padding:22px;
}

.bdlp-notice-modal{
  width:min(860px, 100%);
  background:#fff;
  border-radius:18px;
  box-shadow:0 28px 80px rgba(0,0,0,.35);
  position:relative;
  padding:26px 26px 22px;
  max-height:min(84vh, 760px);
  overflow:auto;
  border:1px solid rgba(198, 168, 106, .28);
}

.bdlp-notice-modal:before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:6px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,
    rgba(198,168,106,1) 0%,
    rgba(233,214,160,1) 35%,
    rgba(198,168,106,1) 70%,
    rgba(160,130,75,1) 100%
  );
}

/* Close "X" as an <a>: bigger hit area + nicer styling */
.bdlp-notice-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;

  width:30px;
  height:30px;
  display:grid;
  place-items:center;

  border-radius:999px;
  text-decoration:none;
  -webkit-tap-highlight-color: transparent;

  background:rgba(255,255,255,.92);
  color:#1f1f1f;

  font-size:28px;
  line-height:1;

  box-shadow:0 10px 25px rgba(0,0,0,.10);
  cursor:pointer;

  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
}

.bdlp-notice-close:hover{
  transform:scale(1.05);
  background:#fff;
  border-color:rgba(198, 168, 106, .75);
  box-shadow:0 14px 30px rgba(0,0,0,.14);
}

.bdlp-notice-close:active{ transform:scale(.98); }

.bdlp-notice-close:focus-visible{
  outline:3px solid rgba(198,168,106,.35);
  outline-offset:3px;
}

.bdlp-notice-content{
  padding-top:6px;
}
.bdlp-notice-content :first-child{margin-top:0;}
.bdlp-notice-content :last-child{margin-bottom:0;}

.bdlp-notice-content a{
  text-decoration:underline;
  text-underline-offset:3px;
}

/* --- Mobile refinements --- */
@media (max-width: 640px){
  .bdlp-notice-overlay{
    padding:14px;
    align-items:center;
    justify-content:center;
  }

  .bdlp-notice-modal{
    width:100%;
    max-height:85vh;
    padding:18px 16px 16px;
    border-radius:16px;
    box-shadow:0 18px 55px rgba(0,0,0,.30);
  }

  .bdlp-notice-modal:before{
    height:5px;
    border-radius:16px 16px 0 0;
  }

  .bdlp-notice-close{
    top:10px;
    right:10px;
    width:52px;
    height:52px;
    font-size:30px;
  }
}

/* Very small devices */
@media (max-width: 380px){
  .bdlp-notice-overlay{ padding:10px; }
  .bdlp-notice-modal{ padding:16px 14px 14px; }
  .bdlp-notice-close{ width:54px; height:54px; }
}
