/*
 * Plain-CSS build of the hb2025-terms block styles.
 * Source: resources/styles/blocks/hb2025-terms/app.scss
 * Plus the shared component styles it depends on:
 *   - resources/styles/components/blocks/_header-top.scss
 *   - resources/styles/components/base/_button.scss
 *   - resources/styles/common/_editor-typo.scss
 *   - resources/styles/common/_container.scss
 * Sass variables/mixins resolved to literal values (theme.json color/font presets).
 */

:root {
    --wp--preset--color--theme-light-grey-850: #14120E;
    --wp--preset--color--theme-light-grey-650: #676767;
    --wp--preset--color--theme-light-grey-600: #7F7F84;
    --wp--preset--color--theme-light-grey-400: #CCCCCC;
    --wp--preset--color--theme-light-grey-300: #EEEEEE;
    --wp--preset--color--theme-light-grey-200: #F5F5F5;
    --wp--preset--color--theme-light-grey-900: #000000;
    --wp--preset--color--theme-light-grey-0: #FFFFFF;

    --wp--preset--font-family--poppins-400: "Poppins 400", sans-serif;
    --wp--preset--font-family--poppins-500: "Poppins 500", sans-serif;

    --container-pd: 30px;
    --container-w: calc(1216px + var(--container-pd) * 2);
}


.c-block-component__header-top {
    width: 100%;
    margin-bottom: 64px;
}

@media (max-width: 810px) {
    .c-block-component__header-top br {
        display: none;
    }
}

.c-block-component__header-top-title {
    color: var(--wp--preset--color--theme-light-grey-850);
    margin: 0;
    overflow-wrap: break-word;
}

.c-block-component__header-top-subtitle {
    display: block;
    font-size: 18px;
    line-height: calc(24 / 18);
    font-family: var(--wp--preset--font-family--poppins-400);
    font-weight: 400;
    color: var(--wp--preset--color--theme-light-grey-650);
    margin-top: 20px;
    overflow-wrap: break-word;
}

@media (max-width: 1280px) {
    .c-block-component__header-top-subtitle {
        font-size: 16px;
    }
}

.c-block-component__header-top-subtitle.no-title {
    margin-top: 0;
}

.c-block-component__header-top.align-left .c-block-component__header-top-title,
.c-block-component__header-top.align-left .c-block-component__header-top-subtitle {
    text-align: start;
}

.c-block-component__header-top.align-center .c-block-component__header-top-title,
.c-block-component__header-top.align-center .c-block-component__header-top-subtitle {
    text-align: center;
}

.c-block-component__header-top.align-right .c-block-component__header-top-title,
.c-block-component__header-top.align-right .c-block-component__header-top-subtitle {
    text-align: end;
}

/* h2 typography (mixins/_typo-mixin.scss @mixin h2), used via the ".h2" class on the title */

.h2 {
    font-size: 36px;
    line-height: calc(48 / 36);
    font-family: var(--wp--preset--font-family--poppins-500);
    font-weight: 500;
    margin: 0;
}

@media (max-width: 1280px) {
    .h2 {
        font-size: 32px;
        line-height: calc(36 / 32);
    }
}

@media (max-width: 1024px) {
    .h2 {
        font-size: 28px;
        line-height: calc(32 / 28);
    }
}

/* ---------- base button (components/base/_button.scss) ---------- */

.btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: inherit;
    appearance: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    font-family: var(--wp--preset--font-family--poppins-500);
    font-weight: 500;
    gap: 8px;
}

.btn span {
    font-size: 16px;
    line-height: calc(24 / 16);
}

.btn--size-s {
    width: auto;
    height: 40px;
    padding: 8px 16px;
}

@media (max-width: 580px) {
    .btn {
        width: 100%;
    }
}

.btn--align-center {
    justify-content: center;
}

.btn-secondary {
    background: var(--wp--preset--color--theme-light-grey-0);
    border: 1px solid var(--wp--preset--color--theme-light-grey-400);
}

.btn-secondary span,
.btn-secondary svg {
    color: var(--wp--preset--color--theme-light-grey-900);
}

.btn-secondary:hover {
    border: 1px solid var(--wp--preset--color--theme-light-grey-400);
    background: var(--wp--preset--color--theme-light-grey-200);
}

.btn-secondary:focus,
.btn-secondary.focus {
    border: 1px solid var(--wp--preset--color--theme-light-grey-400);
    background: var(--wp--preset--color--theme-light-grey-300);
}

/* ---------- editor-content base defaults (common/_editor-typo.scss) ---------- */

.editor-content {
    overflow-wrap: break-word;
    word-break: break-word;
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content p {
    margin-bottom: 20px;
}

.editor-content h5,
.editor-content h6 {
    margin-bottom: 12px;
}

.editor-content p {
    font-size: 18px;
    line-height: calc(24 / 18);
    font-family: var(--wp--preset--font-family--poppins-400);
    font-weight: 400;
}

@media (max-width: 1280px) {
    .editor-content p {
        font-size: 16px;
    }
}

.editor-content li {
    font-size: 15px;
    line-height: calc(24 / 15);
    font-family: var(--wp--preset--font-family--poppins-400);
    font-weight: 400;
}

.editor-content li + li {
    margin-top: 20px;
}

.editor-content ul {
    margin: 32px 0;
    padding-left: 15px;
}

.editor-content a {
    word-break: break-word;
}

.editor-content > *:last-child {
    margin-bottom: 0 !important;
}

/* ---------- hb2025-terms block (blocks/hb2025-terms/app.scss) ---------- */

.c-block-hb2025-terms {
    padding: 64px 0;
}

.c-block-hb2025-terms__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.c-block-hb2025-terms .c-block-component__header-top {
    margin-bottom: 32px;
}

.c-block-hb2025-terms .c-block-component__header-top-subtitle {
    margin-top: 16px;
    color: var(--wp--preset--color--theme-light-grey-850);
}

.c-block-hb2025-terms__content {
    width: 100%;
}

.c-block-hb2025-terms__content-title p {
    color: var(--wp--preset--color--theme-light-grey-850);
    font-family: var(--wp--preset--font-family--poppins-500);
    font-size: 24px;
    font-weight: 500;
    line-height: calc(48 / 36);
}

.c-block-hb2025-terms__content-editor {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-block-hb2025-terms__content-editor.active .editor-content:before {
    display: none;
}

.c-block-hb2025-terms__content-editor.active .button-expand svg {
    rotate: 180deg;
}

.c-block-hb2025-terms__content-editor.active .button-expand:focus {
    background: var(--wp--preset--color--theme-light-grey-0);
}

.c-block-hb2025-terms__content-editor .editor-content {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 26px 0;
    max-height: 182px;
    transition: all 0.3s ease-in-out;
}

.c-block-hb2025-terms__content-editor .editor-content:before {
    content: "";
    height: 100%;
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.c-block-hb2025-terms__content-editor .editor-content h1,
.c-block-hb2025-terms__content-editor .editor-content h2,
.c-block-hb2025-terms__content-editor .editor-content h3,
.c-block-hb2025-terms__content-editor .editor-content h4,
.c-block-hb2025-terms__content-editor .editor-content h5,
.c-block-hb2025-terms__content-editor .editor-content h6 {
    font-size: 18px;
}

.c-block-hb2025-terms__content-editor .editor-content p,
.c-block-hb2025-terms__content-editor .editor-content li {
    font-family: var(--wp--preset--font-family--poppins-400);
    font-weight: 400;
}

.c-block-hb2025-terms__content-editor .editor-content p,
.c-block-hb2025-terms__content-editor .editor-content li,
.c-block-hb2025-terms__content-editor .editor-content table * {
    font-size: 11px;
    line-height: calc(16 / 11);
}

.c-block-hb2025-terms__content-editor .editor-content ul,
.c-block-hb2025-terms__content-editor .editor-content ol {
    padding-left: 20px;
    margin: 20px 0;
}

.c-block-hb2025-terms__content-editor .editor-content ul li:not(:first-child),
.c-block-hb2025-terms__content-editor .editor-content ol li:not(:first-child) {
    margin-top: 10px;
}

@media (max-width: 580px) {
    .c-block-hb2025-terms__content-editor .button-expand {
        width: auto;
    }
}