/* ── Centering: flex overlay ── */

.admin_modal.show,
.foc_confirm.show {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

/* ── Shared: modal-content ── */

.foc_confirm .modal-content,
.admin_modal .modal-content {
  display: flex;
  width: 1156px;
  height: auto;
  max-height: 90vh;
  padding: 80px;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  border-radius: 50px;
  background: #fff;
  box-shadow: 2px 2px 20px 0 rgba(175, 175, 175, 0.6);
  overflow-y: auto;
  overflow-x: hidden;
}

/* ── Shared: header ── */

.foc_confirm .modal-header,
.admin_modal .modal-header {
  width: 100%;
  padding: 0;
  border: 0;
}

/* ── Shared: body ── */

.foc_confirm .modal-body,
.admin_modal .modal-body {
  width: 100%;
  padding: 0;
}

/* ── Shared: footer ── */

.foc_confirm .modal-footer,
.admin_modal .modal-footer {
  width: 100%;
  padding: 40px 0 0 0;
  border-top: 1px solid #DBE0E3;
  justify-content: center;
}

/* ── admin_modal: form fills width ── */

.admin_modal .modal-content > form {
  width: 100%;
}

/* ── Shared: title separator line ── */

.foc_confirm .modal-title,
.admin_modal .modal-title {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.foc_confirm .modal-title::before,
.admin_modal .modal-title::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #DBE0E3;
  transform: translateY(-50%);
  z-index: 0;
}

.foc_confirm .modal-title .title,
.admin_modal .modal-title .title {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 20px;
  max-width: calc(100% - 80px);
}

/* ── Modal body text ── */

.foc_confirm_body_text,
.foc_confirm .modal-body p,
.admin_modal .modal-body p {
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.36px;
}

/* ── Category button bar ── */

.category_button_bar {
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 20px;
  border-radius: 5px;
  background: #F0F2F3;
  width: fit-content;
}

/* ── Responsive ── */

@media (max-width: 1155px) {
  .foc_confirm .modal-content,
  .admin_modal .modal-content {
    width: 100%;
    padding: 40px;
    border-radius: 24px;
  }
}

@media (max-width: 575px) {
  .foc_confirm .modal-content,
  .admin_modal .modal-content {
    padding: 24px;
    border-radius: 16px;
  }
}