/* MF PDPA Popup (WP-safe, corporate polished)
   All classes prefixed .mf-pdpa-* to avoid theme collisions.
*/

.mf-pdpa-bar,
.mf-pdpa-modal{
  --mf-pdpa-primary-bg: #ff7b00;
  --mf-pdpa-primary-text: #ffffff;
  --mf-pdpa-secondary-bg: #f6f7f7;
  --mf-pdpa-secondary-text: #1d2327;
  --mf-pdpa-border-color: #ccd0d4;
  --mf-pdpa-modal-width: 560px;
  --mf-pdpa-radius: 10px;
}

.mf-pdpa-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-top:1px solid var(--mf-pdpa-border-color);display:none}
.mf-pdpa-bar.is-open{display:block}
.mf-pdpa-bar__inner{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.mf-pdpa-bar__title{font-weight:700;margin-bottom:4px;color:#1d2327}
.mf-pdpa-bar__message{font-size:13px;line-height:1.5;color:#50575e;max-width:760px}
.mf-pdpa-bar__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.mf-pdpa-btn{
  appearance:none;
  border:1px solid var(--mf-pdpa-border-color);
  border-radius:8px;
  padding:7px 12px;
  font-size:13px;
  line-height:1.2;
  cursor:pointer;
  background:var(--mf-pdpa-secondary-bg);
  color:var(--mf-pdpa-secondary-text);
  transition:filter .18s ease, transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.mf-pdpa-btn:hover{
  filter:brightness(0.98);
}

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

.mf-pdpa-btn--primary{
  background:var(--mf-pdpa-primary-bg);
  border-color:var(--mf-pdpa-primary-bg);
  color:var(--mf-pdpa-primary-text);
  font-weight:700;
}

.mf-pdpa-btn.mf-pdpa-btn--primary:hover,
.mf-pdpa-btn.mf-pdpa-btn--primary:focus,
.mf-pdpa-btn.mf-pdpa-btn--primary:focus-visible{
  background:var(--mf-pdpa-primary-bg) !important;
  border-color:var(--mf-pdpa-primary-bg) !important;
  color:var(--mf-pdpa-primary-text) !important;
  filter:brightness(0.85);
  text-decoration:none;
}


.mf-pdpa-modal{position:fixed;inset:0;z-index:10000;display:none}
.mf-pdpa-modal.is-open{display:block}

/* Keep overlay to capture outside click, but do not dim the page */
.mf-pdpa-modal__overlay{position:absolute;inset:0;background:rgb(0 0 0 / 20%)}

.mf-pdpa-modal__panel{position:relative;max-width:var(--mf-pdpa-modal-width);margin:10vh auto;background:#fff;border:1px solid var(--mf-pdpa-border-color);border-radius:var(--mf-pdpa-radius);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.12)}
.mf-pdpa-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--mf-pdpa-border-color)}
.mf-pdpa-modal__close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#50575e}
.mf-pdpa-modal__close:hover{color:#1d2327}

.mf-pdpa-modal__body{padding:14px}
.mf-pdpa-modal__intro{margin:0 0 12px 0;font-size:13px;line-height:1.5;color:#50575e}

.mf-pdpa-row{margin:12px 0}
.mf-pdpa-toggle{display:flex;gap:10px;align-items:center}
.mf-pdpa-toggle__label{font-size:14px;font-weight:600;color:#1d2327}
.mf-pdpa-toggle.is-locked{opacity:.75}
.mf-pdpa-toggle__desc{margin-left:26px;margin-top:4px;font-size:12px;line-height:1.45;color:#50575e}

.mf-pdpa-modal__footer{padding:12px 14px;border-top:1px solid var(--mf-pdpa-border-color);display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* Mobile */
@media (max-width: 640px){
  .mf-pdpa-bar__inner{flex-direction:column}
  .mf-pdpa-bar__actions{width:100%}
  .mf-pdpa-btn{flex:1;justify-content:center;text-align:center}
  .mf-pdpa-modal__panel{margin:8vh 14px}
}