/* Default page template (page.php) — beige tt-page-surface look.
   Hergebruikt tt-page-surface (gradient + decoratieve shapes uit general.css)
   en tt-course-page__title / tt-course-page__breadcrumbs voor de inline kop. */

.page-default-surface .divider_curves {
    display: none;
}

.page-default-surface .tt-course-page__title,
.page-default-surface .entry-content h1 {
    margin-top: 0;
    margin-bottom: 29px;
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
}

.page-default-surface .entry-content,
.page-default-surface .entry-content p {
    font-size: 16px;
    line-height: 28px;
}

.page-default-surface .entry-content p {
    margin-bottom: 28px;
}

.page-default-surface .entry-content p:last-child {
    margin-bottom: 0;
}

.page-default-surface .entry-content a {
    color: var(--pink);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-default-surface .entry-content a:hover {
    text-decoration: underline;
}

/* Sidebar (1/3-kolom): h2 met kleine top-marge en kleinere onder-marge.
   Verslaat de algemene `.page-template-default h2` (margin-top: 64px). */
.page-template-default .vc_col-sm-4 h2 {
    margin-top: 23px;
    margin-bottom: 10px;
}

/* Niveau-badge in de paginatitel (h1): op een eigen regel (block + fit-content),
   maar blijft binnen de <h1>. Pill-vorm. */
.tt-title-level {
    display: block;
    width: fit-content;
    border-radius: 80px;
    padding: 1px 18px;
    background-color: var(--lighter-green, #DDF1E1);
    color: var(--green, #1FA238);
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .page-default-surface .tt-course-page__title,
    .page-default-surface .entry-content h1 {
        font-size: 36px;
        line-height: 44px;
    }
}

/* Breadcrumbs-spacing op mobiel — algemeen voor alle default-surface pagina's. */
@media (max-width: 991px) {
    .page-default-surface .tt-course-page__breadcrumbs {
        margin-top: 13px;
    }
}

/* Breadcrumbs + H1 gecentreerd op mobiel — algemeen voor alle default-surface
   pagina's (niet per page-id). */
@media (max-width: 767px) {
    .page-default-surface .tt-course-page__breadcrumbs .tt-breadcrumbs__list {
        justify-content: center;
    }

    .page-default-surface .tt-course-page__title,
    .page-default-surface .entry-content h1 {
        text-align: center;
    }
}

/* Uitgelichte afbeelding: alleen op mobiel (<=767px), onder de H1. Op desktop
   verborgen. Crop 700x426 (zie tt_featured_image_html). */
.tt-featured-image {
    display: none;
}

@media (max-width: 767px) {
    .tt-featured-image {
        display: block;
        margin: 0 0 30px;
    }

    .tt-featured-image img {
        display: block;
        width: 100%;
        max-width: 700px;
        height: auto;
        border-radius: 15px;
    }
}

/* Course materials (page 1128): de 2-koloms rij (content + sidebar) al vanaf
   <=991px stapelen i.p.v. WPBakery's standaard 767px. Gescoped op deze pagina
   (specificiteit 0,2,0 verslaat WPBakery's .vc_col-sm-* op 0,1,0). */
@media (max-width: 991px) {
    .page-id-1128 .vc_row > .vc_col-sm-8,
    .page-id-1128 .vc_row > .vc_col-sm-4 {
        width: 100%;
        float: none;
    }

    /* Sidebar krijgt ruimte boven zich zodra die onder de content stapelt. */
    .page-id-1128 .vc_row > .vc_col-sm-4 {
        margin-top: 48px;
    }

    /* Content-wrapper niet meer op 746px kappen als de kolom full-width is. */
    .page-id-1128 .vc_col-sm-8 .wpb_wrapper {
        max-width: 100%;
    }

    /* Image carousel minder ruimte boven zich op mobiel. */
    .page-id-1128 .wpb_images_carousel:not(:first-child) {
        margin-top: 30px;
    }

    /* Breadcrumbs + H1 gecentreerd op mobiel, met aangepaste spacing.
       (breadcrumb margin-top 13px is nu algemeen, zie boven.) */
    .page-id-1128 .tt-course-page__breadcrumbs {
        margin-bottom: 31px;
    }

    .page-id-1128 .tt-course-page__breadcrumbs .tt-breadcrumbs__list {
        justify-content: center;
    }

    .page-id-1128 .entry-content h1 {
        text-align: center;
        margin-bottom: 41px;
    }
}

/* FAQ-pagina (page 1158): breadcrumbs-spacing op mobiel (margin-top + centrering
   zijn algemeen). */
@media (max-width: 767px) {
    .page-id-1158 .tt-course-page__breadcrumbs {
        margin-bottom: 31px;
    }
}

/* General conditions (page 1162): breadcrumbs-spacing + h1-formaat op mobiel
   (centrering is algemeen). H1-regel staat later in het bestand dan de globale
   `.page-default-surface .tt-course-page__title` (gelijke 0,2,0), dus wint. */
@media (max-width: 767px) {
    .page-id-1162 .tt-course-page__breadcrumbs {
        margin-bottom: 31px;
    }

    .page-id-1162 .tt-course-page__title {
        font-size: 34px;
        line-height: 41px;
        margin-bottom: 41px;
    }
}

/* Course materials (page 1128): naast elkaar staande knoppen die op klein
   scherm stapelen krijgen geen linkermarge meer. */
@media (max-width: 767px) {
    .page-id-1128 .vc_btn3-container + .vc_btn3-container {
        margin-left: 0;
    }

    /* Knop direct na een tekstblok: geen extra top-marge op klein scherm. */
    .page-id-1128 .wpb_text_column + .vc_do_btn,
    .page-id-1128 .wpb_text_column + .vc_do_btn + .vc_do_btn {
        margin-top: 0;
    }
}