.mp-locker-wrapper{position:relative;margin:18px 0;padding:0;border:0}

/* блок-блокиратор: белый фон и красная рамка */
.mp-locked-overlay{
  background:#ffffff; /* белый фон по требованию */
  border:2px solid #d32f2f; /* красная рамка для блокиратора */
  padding:18px;
  border-radius:6px;
  color:#333;
  text-align:center;
  display:block;
}

/* Содержимое строки: выравниваем текст и кнопку по центру вертикально */
.mp-locked-intro{
  margin:0;
  font-size:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px; /* расстояние между текстом и кнопкой */
  flex-wrap:wrap;
}

/* Текст "Содержимое скрыто." — жирный и чуть больше */
.mp-locked-text{
  font-weight:700;
  font-size:16px;
  color:#222;
  line-height:1.2;
  display:inline-block;
}

/* Кнопка "Разблокировать" — полностью совпадает по стилю с другими кнопками */
.mp-unlock-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  font-size:14px;
  line-height:1;
  border-radius:4px;
  border:1px solid #cfcfcf;
  background:linear-gradient(#fff,#f2f2f2);
  color:#1a73e8;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,0.03) inset;
  -webkit-appearance:button;
  appearance:button;
  font-weight:400; /* точно такая же жирность, как у других кнопок */
  vertical-align:middle;
}

/* Пожалуйста, войдите блок (красная рамка) */
.mp-please-login {
  border:2px solid #d32f2f; /* красная рамка */
  background:#fff;
  padding:14px;
  border-radius:6px;
  display:block; /* ИЗМЕНЕНО: Блок занимает всю доступную ширину */
  width:100%; /* ДОБАВЛЕНО: Явно на всю ширину */
  margin:0 auto; /* ДОБАВЛЕНО: Центрирование (на всякий случай) */
  text-align:center;
  max-width:100%;
  box-sizing:border-box;
  color:#222;
}

.mp-please-login .mp-please-text{font-size:15px;margin:0;color:#222}

/* Кнопки в стиле HTML5 (совместимый вид) */
.mp-link-login,
.mp-link-register {
  display:inline-block;
  margin:6px 6px 0 6px;
  padding:10px 14px;
  font-size:14px;
  line-height:1;
  border-radius:4px;
  border:1px solid #cfcfcf;
  background:linear-gradient(#fff,#f2f2f2);
  color:#1a73e8;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,0.03) inset;
  -webkit-appearance:button;
  appearance:button;
  font-weight:400;
}

/* Hover / active states */
.mp-link-login:hover,
.mp-link-register:hover,
.mp-unlock-btn:hover {
  background:linear-gradient(#f9f9f9,#ececec);
  color:#1558b0;
  border-color:#bdbdbd;
}

/* Контент, который был скрыт */
.mp-locked-content{padding:8px}

/* Admin: немного оформление формы (используется в settings page) */
.form-table input.regular-text { max-width: 420px; }

/* =======================
   Mobile / responsive
   ======================= */
@media (max-width: 600px) {
  .mp-locked-overlay {
    padding:14px;
  }
  .mp-locked-intro {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
  }
  .mp-locked-text {
    font-size:15px;
  }
  /* Кнопки — занимаем всю ширину контейнера на мобильных */
  .mp-unlock-btn,
  .mp-link-login,
  .mp-link-register {
    width:100%;
    box-sizing:border-box;
    padding:12px;
    margin:0;
  }
  .mp-please-login {
    width:100%;
    box-sizing:border-box;
    padding:12px;
    /* margin: 0 auto; здесь уже не нужен, т.к. width:100% */
  }
  .mp-locked-content{padding:10px}
}