/* =========================================================
   ELASTIK C — WEBFONT SETUP (REGULAR + BOLD)
   ========================================================= */

/* 0) Prevent synthetic bold/italic */
html,
body {
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 1) Regular weight (400) */
@font-face {
    font-family: "Elastik C";
    src: url('{{ asset_url "Elastik-trial-RegularC.woff2"}}') format("woff2"),
    url('{{ asset_url "Elastik-trial-RegularC.otf"}}') format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* 2) Bold weight (700) */
@font-face {
    font-family: "Elastik C";
    src: url('{{ asset_url "Elastik-BoldC.woff2"}}') format("woff2"),
    url('{{ asset_url "Elastik-BoldC.otf"}}') format("opentype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

/* =========================================================
   RICH TEXT SECTION STYLES
   ========================================================= */

.rich-text {
    position: relative;
    font-family: "Elastik C", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 400;
}

.rich-text .rich-text__layout--normal-width {
    max-width: 920px;
}

.rich-text__wrapper--center {
    text-align: center;
}

.rich-text__wrapper--left {
    text-align: left;
}

.rich-text__wrapper--right {
    text-align: right;
}

.rich-text__blocks>* {
    margin-top: 0;
    margin-bottom: 0;
    font-family: inherit;
    font-weight: inherit;
}

.rich-text__blocks>*+* {
    margin-top: 30px;
}

/* Buttons */
.rich-text .rich-text__buttons {
    display: flex;
    justify-content: center;
    font-family: inherit;
}

.rich-text .rich-text__buttons>*:first-child {
    margin-right: 20px;
}

/* Decorative Lines / Arrows */
.rich-text .rich-text__decoration {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: rgb(var(--color-entry-line));
}

.rich-text .rich-text__decoration.rich-text__decoration--right {
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}

/* Headings (true bold) */
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6,
.rich-text strong,
.rich-text b {
    font-family: "Elastik C";
    font-weight: 700;
}

/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media screen and (max-width: 959px) {
    .rich-text .rich-text__layout--normal-width {
        max-width: 100%;
    }

    .rich-text__blocks>*+* {
        margin-top: 20px;
    }
}

/* =========================================================
   END
   ========================================================= */