/* [mba_marketing_consent] — front + design preview
 * Галочка/статус — та же схема, что у [user_agreements] (классы mla-*).
 */

.mba-marketing-consent-only {
  max-width: 100%;
  box-sizing: border-box;
}

.mba-marketing-consent-only a,
.mba-marketing-consent-only .mla-agreement-doc-link {
  color: var(--mba-mc-link-color, var(--mla-link-color, #0FAAB7));
  text-decoration: var(--mba-mc-link-underline, none);
}

.mba-marketing-consent-only a:hover,
.mba-marketing-consent-only .mla-agreement-doc-link:hover {
  color: var(--mba-mc-link-hover, var(--mla-link-hover-color, #085D6B));
  text-decoration: var(--mba-mc-link-underline, none);
}

.mba-marketing-consent-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 16px;
  margin: 0;
  width: auto;
  max-width: 100%;
  min-height: 0;
  height: auto;
}

.mba-marketing-consent-layout-stack .mba-marketing-consent-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.mba-marketing-consent-layout-inline .mba-marketing-consent-row {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: max-content;
  max-width: 100%;
}

/* Та же галочка, что в колонке «Изменить» таблицы */
.mba-marketing-consent-only .mla-checkbox-label,
.mba-marketing-consent-only .mba-mc-checkbox-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--mla-change-cb-gap, var(--mba-mc-cb-gap, 8px));
  margin: 0;
  line-height: 1.4;
  color: var(--mla-change-cb-text, var(--mba-mc-cb-text, #333));
  font-size: var(--mla-change-cb-font, var(--mba-mc-cb-font, 14px));
  max-width: 100%;
  flex: 0 1 auto;
  min-width: 0;
}

.mba-marketing-consent-only .mla-checkbox-label input[type="checkbox"],
.mba-marketing-consent-only .mba-mc-checkbox-label input[type="checkbox"] {
  cursor: pointer;
  width: var(--mla-change-cb-size, var(--mba-mc-cb-size, 16px));
  height: var(--mla-change-cb-size, var(--mba-mc-cb-size, 16px));
  min-width: var(--mla-change-cb-size, var(--mba-mc-cb-size, 16px));
  min-height: var(--mla-change-cb-size, var(--mba-mc-cb-size, 16px));
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0;
  line-height: 1 !important;
  flex: 0 0 var(--mla-change-cb-size, var(--mba-mc-cb-size, 16px));
  align-self: center;
  vertical-align: middle;
  position: relative;
  top: 0;
  /* Не наследовать цвет текста label — иначе галочка рисуется чёрной поверх accent */
  color: CanvasText;
  accent-color: var(--mla-change-cb-accent, var(--mba-mc-cb-accent, auto));
}

.mba-marketing-consent-only .mla-checkbox-label span,
.mba-marketing-consent-only .mba-marketing-consent-text {
  line-height: 1.4;
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.mba-marketing-consent-doc,
.mba-marketing-consent-status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  font-size: var(--mla-change-cb-font, var(--mba-mc-cb-font, 14px));
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

/* Статусы — как в таблице [user_agreements] */
.mba-marketing-consent-only .mla-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1.3;
  vertical-align: middle;
}

.mba-marketing-consent-only .mla-status.mla-status-yes,
.mba-marketing-consent-only .mla-status.mla-status-yes .mla-status-text {
  color: var(--mla-color-status-yes, #256C5A) !important;
  font-weight: var(--mla-status-font-weight, 700);
}

.mba-marketing-consent-only .mla-status.mla-status-no,
.mba-marketing-consent-only .mla-status.mla-status-no .mla-status-text {
  color: var(--mla-color-status-no, #BF003D) !important;
  font-weight: var(--mla-status-font-weight, 700);
}

.mba-marketing-consent-only .mla-status.mla-status-empty,
.mba-marketing-consent-only .mla-status.mla-status-empty .mla-status-text {
  color: var(--mla-color-status-empty, #FFA343) !important;
  font-weight: var(--mla-status-font-weight, 700);
}

.mba-marketing-consent-only .mla-status-icon {
  width: var(--mla-status-icon-size, 18px);
  height: var(--mla-status-icon-size, 18px);
  object-fit: contain;
  flex: 0 0 auto;
}

.mba-mc-submit {
  margin: var(--mba-mc-button-margin-top, 12px) var(--mba-mc-button-margin-right, 0) var(--mba-mc-button-margin-bottom, 0) var(--mba-mc-button-margin-left, 0);
  display: flex;
  justify-content: flex-start;
  padding: 0;
  border: none;
}

.mba-mc-submit--align-stretch {
  display: block;
}

.mba-mc-submit--align-center {
  justify-content: center;
}

.mba-mc-submit--align-right {
  justify-content: flex-end;
}

.mba-mc-button {
  display: inline-block;
  box-sizing: border-box;
  width: var(--mba-mc-button-width, auto);
  max-width: 100%;
  padding: var(--mba-mc-button-padding-y, 16px) var(--mba-mc-button-padding-x, 40px);
  line-height: 1.2;
  background: var(--mba-mc-button-bg, #0FAAB7);
  color: var(--mba-mc-button-color, #fff);
  border: var(--mba-mc-button-bw, 0) solid var(--mba-mc-button-border, transparent);
  border-radius: var(--mba-mc-button-radius, 30px);
  font-weight: 600;
  font-size: var(--mba-mc-button-font-size, 18px);
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  min-height: 0;
  height: auto;
  box-shadow: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mba-mc-submit--align-stretch .mba-mc-button {
  display: block;
  width: 100%;
}

.mba-mc-button:hover,
.mba-mc-button:focus {
  background: var(--mba-mc-button-hover-bg, #085D6B) !important;
  color: var(--mba-mc-button-hover-color, var(--mba-mc-button-color, #fff)) !important;
  border-color: var(--mba-mc-button-border-hover, var(--mba-mc-button-border, transparent)) !important;
}

.mba-marketing-consent-login,
.mba-marketing-consent-missing {
  margin: 0.5em 0;
}

.mba-mc-notice {
  margin: 0 0 12px;
}