/**
 * Privacy option label CSS — stacked title + hint (no mid-word flex wrap).
 * FILE_PATH: assets/css/card_create/privacy_option_labels.css
 * SCOPE_ID: privacy_option_labels_css
 */

/* SCOPE_ID:privacy_option_labels_base | SCOPE_TYPE:CSS_BLOCK | START */
.bc-privacy-option-label {
    display: block;
    max-width: 100%;
    min-width: 0;
    padding-top: 0.2rem;
    padding-bottom: 0.35rem;
    line-height: 1.35;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
}

.bc-privacy-option-title {
    display: block;
    font-weight: 700;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: keep-all;
}

.bc-privacy-option-hint {
    display: block;
    font-weight: 400;
    margin-top: 0.15rem;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}

/* Keep touch-target a11y from reintroducing flex on these labels */
html.bc-a11y-touch-targets .bc-privacy-option-label.form-check-label,
html.bc-a11y-touch-targets label.bc-privacy-option-label {
    display: block;
    min-height: 44px;
    align-items: unset;
}

html.bc-a11y-zoom-reflow .bc-privacy-option-label,
html.bc-a11y-zoom-reflow .bc-privacy-option-title,
html.bc-a11y-zoom-reflow .bc-privacy-option-hint {
    overflow-wrap: normal;
    word-break: normal;
}

html.bc-a11y-zoom-reflow .bc-privacy-option-hint {
    overflow-wrap: break-word;
}
/* SCOPE_ID:privacy_option_labels_base | SCOPE_TYPE:CSS_BLOCK | END */