/*
Theme Name: SIS Finance
Theme URI: 
Author: De Heren Van
Author URI: https://deherenvan.nl
Description: Basic WordPress theme for all clients, based on Twenty Twenty-Five.
Tested up to: 6.9
Requires PHP: 8.1
Version: 2026.04
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme
Tags: deherenvan, basic, clean, responsive, accessible
*/
    @media (min-width: 901px) {
header .wp-block-navigation {
    display: flex;
    justify-content: space-between;
    gap: 0;

    & > .wp-block-navigation-item {
        border-right: 1px solid var(--wp--preset--color--accent-3);

        &:last-child {
            border-right: none;
        }

        /* STAP 1: Pas de stijl aan op de 'a' wanneer de '.wp-block-navigation-item' gehoverd wordt 
           We voegen ook :focus-within toe voor toegankelijkheid (bijv. navigeren met tab-toets)
        */
        &:hover > a, 
        &:focus-within > li a {
            background-color: var(--wp--preset--color--accent-4);
            color: var(--wp--preset--color--white);
            border-bottom: 5px solid #454545;
        }

        & > a {
            display: block; /* Zorg dat het hele vlak klikbaar is */
            padding: 4em 1em 1em 1em;
            border-bottom: 5px solid var(--wp--preset--color--white);
            transition: all 0.2s ease; /* Optioneel: voor een vloeiende overgang */
            
            /* De individuele hover op de 'a' zelf mag blijven staan, 
               maar de regel hierboven vangt nu ook het submenu op */
            &:hover {
                background-color: var(--wp--preset--color--accent-4);
                color: var(--wp--preset--color--white);
                border-bottom: 5px solid #454545;
            }
        }

        .wp-block-navigation__submenu-container {
            background-color: #454545;
            border: 0;

            & a {
                color: var(--wp--preset--color--white);
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}

    /* Styling voor de container van de titel */
    .is-no-title-template .editor-post-title {
        opacity: 0.6;
        /* Iets beter leesbaar gemaakt zodat het label goed opvalt */
        border: 2px dashed #a7aaad;
        /* Grijze dashed omkadering (standaard WordPress grijs) */
        position: relative;
        /* Cruciaal: zorgt ervoor dat het label relatief aan dit blok blijft */
        padding: 20px;
        /* Ruimte tussen de titel en de stippellijn */
        transition: all 0.2s ease;
        margin-top: 20px;
    }

    /* Het label 'Niet zichtbaar' rechtsboven */
    .is-no-title-template .editor-post-title::after {
        content: 'Niet zichtbaar';
        position: absolute;
        top: -12px;
        /* Plaatst het label precies op de stippellijn */
        right: 20px;
        background-color: #f0f0f1;
        /* Achtergrondkleur van de WordPress editor */
        color: #a7aaad;
        /* WordPress rood om de aandacht te trekken */
        padding: 2px 10px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border: 1px solid #a7aaad;
        border-radius: 3px;
    }

    /* Styling als de gebruiker in het titelveld klikt om te typen */
    .is-no-title-template .editor-post-title:focus-within {
        opacity: 1;
        border-color: var(--wp-admin-theme-color, #2271b1);
        /* Wordt blauw bij focus */
    }

    /* Pas ook de kleur van het label aan bij focus */
    .is-no-title-template .editor-post-title:focus-within::after {
        color: var(--wp-admin-theme-color, #2271b1);
        border-color: var(--wp-admin-theme-color, #2271b1);
    }

    /*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
    a {
        text-decoration-thickness: 1px !important;
        text-underline-offset: .1em;
    }

    /* Focus styles */
    :where(.wp-site-blocks *:focus) {
        outline-width: 2px;
        outline-style: solid;
    }

    /* Increase the bottom margin on submenus, so that the outline is visible. */
    .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
        margin-bottom: 3px;
    }

    /* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
    .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
        outline-offset: 4px;
    }

    /* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
    .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        outline-offset: 0;
    }

    /*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    blockquote,
    caption,
    figcaption,
    p {
        text-wrap: pretty;
    }

    /*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
    .more-link {
        display: block;
    }

    /*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
    :where(pre) {
        overflow-x: auto;
    }
    
    /* Sticky header styles */
    header,
    header.wp-block-template-part,
    .wp-site-blocks>header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: var(--wp--preset--color--white, #fff);
        transition: box-shadow 0.2s ease, background-color 0.2s ease;
    }
    body.sticky-active header,
    body.sticky-active header.wp-block-template-part,
    body.sticky-active .wp-site-blocks>header {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }
    header .custom-logo {
        transform-origin: left center;
        transition: transform 0.4s ease-out;
    }

    header .wp-block-navigation .wp-block-navigation-item a {
        transition: padding 0.4s ease-out;
    }

    body.sticky-active {
        .custom-logo {
            transform: scale(0.85);
        }

        header .wp-block-navigation .wp-block-navigation-item {
            & a {
                padding: 1em 1em 1em 1em;
            }
        }
    }



    body.admin-bar header,
    body.admin-bar header.wp-block-template-part,
    body.admin-bar .wp-site-blocks>header {
        top: 32px;
    }

    @media (max-width: 782px) {

        body.admin-bar header,
        body.admin-bar header.wp-block-template-part,
        body.admin-bar .wp-site-blocks>header {
            top: 46px;
        }
    }

    @media (max-width: 900px) {
        header .wp-block-buttons {
            display: none;
        }

        .wp-block-site-logo {
            transform: scale(0.85);
        }

        header .wp-block-navigation__responsive-container-open:not(.always-shown) {
            display: flex !important;
            align-items: center;
        }

        header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
            display: none !important;
        }
    }

    @media (min-width: 901px) {
        header .wp-block-navigation__responsive-container-open:not(.always-shown) {
            display: none !important;
        }

        header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
            display: block !important;
        }
    }





    /* ==========================================================================
   Info graphics
   ========================================================================== */

.infograph-container.nr1,
.infograph-container.nr2,
.infograph-container.nr3,
.infograph-container.nr4 { 	width: 488px; position: relative; font-size: 13px; font-weight: bold; overflow: hidden; padding: 15px 10px 10px 10px; }



.blue-block { width: 136px; float: left; margin-right: 10px; background: #014999; -webkit-border-radius: 10px; padding: 10px; height: 170px; color: #fff; border-radius: 10px; font-size: 14px; text-align: center; }
.blue-block.marg0 { margin: 0; }

.container-colorblocks { width: 100%; overflow: hidden; padding-bottom: 7px; border-radius: 5px; }

.factsheet-block { padding: 5px 0; background: #fff; color: #014999; border-radius: 5px; }
.factsheet-block a, .factsheet-block a:visited, .factsheet-block a:hover { color: #014999 !important; }

.factsheet-infograph .small { display: block; margin-top: 5px; font-size: 10px; opacity: .7; }

.infograph-container .click .subjecttitle { display: block; background: #fff; color: #014999; padding: 5px 0; border-radius: 5px; }



.infograph-container.nr1 { width: 100%; padding: 0; }
.infograph-container.nr1 .float-block { width: 275px; float: left; margin-right: 15px; margin-bottom: 25px; }

.infograph-container.nr1 .color-block { text-align: center; color: #fff; background: #008345; margin-bottom: 0; line-height: 1.2em; padding: 7px 7px 0 7px; }
.infograph-container.nr1 .color-block.title { font-size: 16px; margin-bottom: 10px; min-height: 0; min-height: 55px; padding-bottom: 7px; font-weight: normal; text-align: center; border-radius: 5px; }

.infograph-container.nr1 .green { background: #008345; }
.infograph-container.nr1 .purple { background: #014999; }
.infograph-container.nr1 .orange { background: #ff4800; }

.infograph-container.nr1 .click { cursor: pointer; }
.infograph-container .openclose { display:none; }
.infograph-container.nr1 .openclose { cursor: default; }
.infograph-container.nr1 .openclose { background: #fff; color: #014999; font-weight: normal; font-size: 13px; line-height: 1.6em; padding: 15px 10px 10px 10px; margin-top: -5px; border-radius: 0 0 5px 5px;  }
.infograph-container.factsheet-infograph.nr1 .click { cursor: default; }
.infograph-container.factsheet-infograph.nr1 a,
.infograph-container.factsheet-infograph.nr1 a:visited { display: block; color: #fff; }
.infograph-container.factsheet-infograph.nr1 a:hover { opacity: .7; text-decoration: none; }


.infograph-container.nr3 { padding: 10px; }
.infograph-container.nr3 .blue-block { width: 219px; font-size: 16px; }
.infograph-container.nr3 .white-block { font-size: 16px; padding: 5px 14px; font-size: 12px; margin-top: 5px; height: 30px; background: #fff; border-radius: 12px; text-align: left; color: #032b6e; line-height: 1.2em; }
.infograph-container.nr3 .title { color: #fff; margin-bottom: 20px; }


.infograph-container.nr4 .blue-block { height: 40px; font-size: 12px; }
.infograph-container.nr4 .blue-block.green { background: #1a8c2f; }
.infograph-container.nr4 .blue-block.orange { background: #ea5b0c; }


.gt-current-lang{
    display:none;
}