/**
 * Belgium site terms / cookie policy content overrides (loads after common.css). Ported from Colombia WEB APP terms.css.
 * CMS content is wrapped in .termsBody in templates.
 * common.css reset sets ul/ol/li to font-size: 0 — restore visibility here.
 */

/* Title (h2) ↔ version selector gap */
section.contactus .innerContentsWrap.marginclear > .contentsWrap {
    padding-top: 80px !important;
}

.termsWrap .termsBody,
.contactus .contentsWrap .termsBody {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
}

.termsWrap .termsBody p,
.termsWrap .termsBody dd,
.termsWrap .termsBody dt,
.contactus .contentsWrap .termsBody p,
.contactus .contentsWrap .termsBody dd,
.contactus .contentsWrap .termsBody dt {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.termsWrap .termsBody span,
.contactus .contentsWrap .termsBody span {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

/* Real href links only — override CMS .bold-line / .link-line (common.css sets color #111) */
.termsWrap .termsBody a[href],
.termsWrap .termsBody a[href].bold-line,
.termsWrap .termsBody a[href].link-line,
.termsWrap .termsBody .termsItem a[href],
.contactus .contentsWrap .termsBody a[href],
.contactus .contentsWrap .termsBody a[href].bold-line,
.contactus .contentsWrap .termsBody a[href].link-line {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: #0066cc !important;
    text-decoration: underline !important;
    text-underline-offset: 0.15em;
    border-bottom: none;
}

.termsWrap .termsBody a[href] *,
.contactus .contentsWrap .termsBody a[href] * {
    color: inherit !important;
    text-decoration: inherit !important;
}

.termsWrap .termsBody a[href]:hover,
.termsWrap .termsBody a[href]:focus,
.contactus .contentsWrap .termsBody a[href]:hover,
.contactus .contentsWrap .termsBody a[href]:focus {
    color: #004c99;
    text-decoration: underline;
}

.termsWrap .termsBody ul,
.termsWrap .termsBody ol,
.contactus .contentsWrap .termsBody ul,
.contactus .contentsWrap .termsBody ol {
    margin: 0 0 1em;
    padding-left: 1.5rem;
    list-style: initial;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
}

.termsWrap .termsBody ol,
.contactus .contentsWrap .termsBody ol {
    list-style: auto;
}

.termsWrap .termsBody li,
.contactus .contentsWrap .termsBody li {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    padding-left: 1rem;
    list-style: inherit;
    list-style-type: inherit;
}

.termsWrap .termsBody dl,
.contactus .contentsWrap .termsBody dl {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -.02px;
    color: #666;
    padding-left: 1rem;
}

.termsWrap .termsBody .termsItem .dot-ctn li,
.contactus .contentsWrap .termsBody .termsItem .dot-ctn li {
    margin-left: 2rem;
    word-break: keep-all;
    position: relative;
    list-style: none;
}

.termsWrap .termsBody .termsItem .dot-ctn li::before,
.contactus .contentsWrap .termsBody .termsItem .dot-ctn li::before {
    position: absolute;
    top: 0;
    left: -1rem;
    content: "∙";
}

@media (max-width: 1023px) {
    .termsWrap .termsBody,
    .contactus .contentsWrap .termsBody {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
    }

    .termsWrap .termsBody ul,
    .termsWrap .termsBody ol,
    .termsWrap .termsBody li,
    .termsWrap .termsBody dl,
    .contactus .contentsWrap .termsBody ul,
    .contactus .contentsWrap .termsBody ol,
    .contactus .contentsWrap .termsBody li,
    .contactus .contentsWrap .termsBody dl {
        font-size: .875rem;
        line-height: 1.57;
        letter-spacing: -.01px;
    }
}

/* CMS content wraps its <table> in <figure class="table">; scroll that wrapper, not the table itself or the surrounding text */
.termsWrap .termsBody figure.table,
.contactus .contentsWrap .termsBody figure.table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.termsWrap .termsBody table,
.contactus .contentsWrap .termsBody table {
    display: table;
    width: auto !important;
    min-width: 700px;
}

.termsWrap .termsBody table td,
.termsWrap .termsBody table th,
.contactus .contentsWrap .termsBody table td,
.contactus .contentsWrap .termsBody table th {
    width: auto !important;
}

/* Belgium: keep table header labels on one line (Word-pasted tables use td in the first row, e.g. "Bewaartermijn" was breaking mid-word) */
.termsWrap .termsBody table th,
.termsWrap .termsBody table tr:first-child > td,
.contactus .contentsWrap .termsBody table th,
.contactus .contentsWrap .termsBody table tr:first-child > td {
    white-space: nowrap;
}

/* Belgium privacy policy table: body cells left-aligned (CMS pastes Word's justify/center inline),
   and same font size as the text outside the table (header row keeps its own alignment) */
.termsWrap .termsBody.termsPrivacy table td,
.termsWrap .termsBody.termsPrivacy table td * {
    font-size: 1rem !important;
    line-height: 1.75 !important;
}

.termsWrap .termsBody.termsPrivacy table tr:not(:first-child) > td,
.termsWrap .termsBody.termsPrivacy table tr:not(:first-child) > td * {
    text-align: left !important;
}

@media (max-width: 1023px) {
    .termsWrap .termsBody.termsPrivacy table td,
    .termsWrap .termsBody.termsPrivacy table td * {
        font-size: .875rem !important;
        line-height: 1.57 !important;
    }
}

/* Belgium: text pasted from Word into the CMS often carries an inline black color
   (e.g. <span style="color:hsl(0,0%,0%);">) which makes some lists darker than the rest.
   Only explicit black is reset to the surrounding text color; links and other colors are kept. */
.termsWrap .termsBody [style*="hsl(0,0%,0%)"],
.termsWrap .termsBody [style*="hsl(0, 0%, 0%)"],
.termsWrap .termsBody [style*="color:#000000"],
.termsWrap .termsBody [style*="color: #000000"],
.termsWrap .termsBody [style*="color:#000;"],
.termsWrap .termsBody [style*="color:black"],
.termsWrap .termsBody [style*="color:rgb(0,0,0)"],
.termsWrap .termsBody [style*="color: rgb(0, 0, 0)"] {
    color: inherit !important;
}