/* ==========================================================================
       BRANCHING SCENARIO - ULKOASUN KORJAUS
       ========================================================================== */

    /* TEHTÄVÄN YLEINEN TAUSTAVÄRI (R222 G232 B249) */
    .h5p-branching-scenario,
    .h5p-branching-scenario .h5p-current-screen,
    .h5p-branching-scenario .h5p-start-screen,
    .h5p-branching-scenario .h5p-end-screen,
    .h5p-branching-scenario .h5p-presentation-wrapper,
    .h5p-branching-scenario .h5p-course-presentation,
    .h5p-branching-scenario .h5p-bg,
    .h5p-branching-scenario .h5p-slide {
        background-color: #dee8f9 !important;
        background: #dee8f9 !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* POISTETAAN HARMAA BANNERI TEHTÄVÄN ALOITUSRUUDUN TAUSTALTA */
    .h5p-branching-scenario .h5p-screen-banner,
    .h5p-screen-banner {
        display: none !important;            /* Piilottaa bannerielementin kokonaan */
    }

    /* YLEISET PAINIKKEET SIVUSTON SINISIKSI */
    .h5p-branching-scenario .h5p-joubelui-button,
    .h5p-branching-scenario .h5p-start-button,
    .h5p-branching-scenario .h5p-next-button,
    .h5p-branching-scenario .h5p-nav-button,
    .h5p-branching-scenario .h5p-action-button {
        background-color: #2c6fb9 !important; /* R44 G111 B185 */
        border: none !important;              
        color: #e5f3fe !important;            /* R229 G243 B254 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* KORJAUS PÄÄTEHAARAN 'ALOITA UUDELLEEN' -PAINIKKEESEEN */
    /* Pakotetaan vihreä painike noudattamaan täysin muiden painikkeiden tyyliä */
    .h5p-branching-scenario .h5p-end-button,
    .h5p-branching-scenario .h5p-end-button.transition,
    .h5p-branching-scenario .h5p-end-button:hover {
        background-color: #2c6fb9 !important; /* R44 G111 B185 */
        color: #e5f3fe !important;            /* R229 G243 B254 */
        border: none !important;              /* Poistaa kirkkaanvihreän ääriviivan */
        box-shadow: none !important;
        outline: none !important;
        text-shadow: none !important;
    }

    /* KORJAUS LAAJENNA KOKO NÄYTÖLLE -PAINIKKEESEEN */
    /* H5P käyttää tässä yleensä fonttikuvaketta (:before), pakotetaan se mustaksi */
    .h5p-branching-scenario .h5p-branching-full-screen,
    .h5p-branching-scenario .h5p-branching-full-screen::before,
    .h5p-branching-scenario button.h5p-branching-full-screen {
        color: #000000 !important;
        fill: #000000 !important;
        text-shadow: none !important;
		
		/* Suurennetaan painikkeen näkyvää kokoa ja kuvaketta 150 % */
        transform: scale(1.5) !important;
        -webkit-transform: scale(1.5) !important;
        
        /* Lisätään marginaalia reunoihin, jotta suurentunut painike ei osu aivan kulmaan */
        margin-left: 10px !important;
        margin-top: 15px !important;
        
        /* Varmistetaan, että kuvake pysyy laatikon keskellä */
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
		
    }

    /* OTSIKOT MUSTAKSI JA BOLDATTUNA JOKA TASOLLA */
    .h5p-branching-scenario .h5p-title, 
    .h5p-branching-scenario .h5p-hub-title, 
    .h5p-branching-scenario h2,
    .h5p-branching-scenario h1,
    .h5p-branching-scenario .h5p-start-screen-title,
    .h5p-branching-scenario .h5p-end-screen-title,
    .h5p-branching-scenario .h5p-branching-question-title {
        color: #000000 !important;
		font-weight: bold !important;
        text-shadow: none !important;
    }