/* r734 - verfijnd Windows XP-profielmenu: 700px (250px hoofdmenu + 450px rechterpaneel). */
#header { overflow: visible; }
body.profile-start-menu-open #header {
    position: relative !important;
    z-index: 2147482000 !important;
    overflow: visible !important;
}
body.profile-start-menu-open #header #tabs,
body.profile-start-menu-open #header #tabs > .header-profile-tab-wrap,
body.profile-start-menu-open #header #tabs .header-profile-start {
    overflow: visible !important;
    z-index: 2147483000 !important;
}

#header #tabs > .header-profile-tab-wrap {
    position: relative;
    min-width: 0;
    height: 40px;
    display: flex;
    align-items: stretch;
    flex: 1 1 0;
}
#header #tabs > .header-profile-tab-wrap > .header-profile-link {
    min-width: 0;
    width: 100%;
    padding-right: 39px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#header #tabs .header-profile-start {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 2147483000;
    width: 31px;
    height: 32px;
    color: #573208;
    font-family: var(--base-font, Tahoma, sans-serif);
    font-size: var(--base-font-size, 16px);
}
#header #tabs .header-profile-start > .header-profile-start-toggle {
    width: 31px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    list-style: none;
    cursor: pointer;
    border: 1px solid rgba(117, 58, 0, .28) !important;
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.16));
    color: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 1px 1px rgba(113,58,0,.10) !important;
}
#header #tabs .header-profile-start > .header-profile-start-toggle::-webkit-details-marker { display: none; }
#header #tabs .header-profile-start > .header-profile-start-toggle::marker { content: ""; }
#header #tabs .header-profile-start > .header-profile-start-toggle:hover,
#header #tabs .header-profile-start > .header-profile-start-toggle:focus-visible,
#header #tabs .header-profile-start[open] > .header-profile-start-toggle {
    background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.28));
    border-color: rgba(117,58,0,.42) !important;
    outline: none;
}
#header #tabs .header-profile-start-toggle svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .18s ease;
}
#header #tabs .header-profile-start[open] > .header-profile-start-toggle svg { transform: rotate(180deg); }
#header #tabs .header-profile-link.active + .header-profile-start { color: #fff; }

/* Windows XP-achtig startmenu: exact 700px, 250px hoofdmenu + 450px inhoud. */
#header #tabs .header-profile-start-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2147483600;
    width: 700px !important;
    min-width: 700px !important;
    max-width: 700px !important;
    min-height: 250px;
    display: grid !important;
    grid-template-columns: 250px 450px !important;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #b86608 !important;
    border-radius: 10px;
    background: #e8eaed !important;
    box-shadow:
        0 18px 46px rgba(28, 40, 58, .34),
        0 5px 14px rgba(28, 40, 58, .18),
        inset 0 1px 0 rgba(255,255,255,.75) !important;
    color: #263343;
    text-align: left;
    font-family: var(--base-font, Tahoma, sans-serif) !important;
    font-size: var(--base-font-size, 16px) !important;
    line-height: 1.35;
    isolation: isolate;
}
#header #tabs .header-profile-start-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    pointer-events: none;
    z-index: 3;
    background: linear-gradient(90deg, rgba(255,255,255,.45), rgba(255,255,255,.08) 45%, rgba(255,255,255,.32));
}

#header #tabs .header-profile-start-links {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    min-height: 250px;
    padding: 12px 11px 11px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.07), transparent 24%),
        linear-gradient(180deg, #ffb242 0%, #f79b19 38%, #f19620 72%, #dd7e08 100%) !important;
    border-right: 1px solid rgba(129, 71, 8, .42) !important;
    border-radius: 9px 0 0 9px;
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,.22),
        inset 0 1px 0 rgba(255,255,255,.34),
        inset -1px 0 0 rgba(255,255,255,.11) !important;
}

#header #tabs .header-profile-start-submenus {
    width: 450px !important;
    min-width: 450px !important;
    max-width: 450px !important;
    min-height: 250px;
    overflow: hidden;
    box-sizing: border-box !important;
    border: 0 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.74), rgba(255,255,255,.16) 24%, transparent 62%),
        linear-gradient(180deg, #f5f6f7 0%, #e8eaed 58%, #d8dce0 100%) !important;
    border-radius: 0 9px 9px 0;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.72) !important;
}

/* Hoofdmenu: ruimer dan voorheen, met XP-achtige diepte. */
#header #tabs .header-profile-start-links > a,
#header #tabs .header-profile-start-links > button {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #fff !important;
    font-family: var(--base-font, Tahoma, sans-serif) !important;
    font-size: var(--base-font-size, 16px) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(117,58,0,.28) !important;
    transform: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, box-shadow .12s ease !important;
}
#header #tabs .header-profile-start-links > a:hover,
#header #tabs .header-profile-start-links > a:focus-visible,
#header #tabs .header-profile-start-links > button:hover,
#header #tabs .header-profile-start-links > button:focus-visible,
#header #tabs .header-profile-start-links > button.is-active {
    top: auto !important;
    background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.16)) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.38) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 1px 1px rgba(131,68,0,.12) !important;
    outline: none !important;
    transform: none !important;
}

#header #tabs .header-profile-start-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 5px;
    background: rgba(255,255,255,.10);
}
#header #tabs .header-profile-start-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#header #tabs .header-profile-start-submenu-trigger > span:not(.header-profile-start-icon) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
#header #tabs .header-profile-start-subchevron {
    width: 15px;
    height: 15px;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .12s ease;
}
#header #tabs .header-profile-start-submenu-trigger.is-active .header-profile-start-subchevron { transform: translateX(2px); }

/* Rechterpaneel: altijd grijs, nooit transparant. */
#header #tabs .header-profile-start-default,
#header #tabs .header-profile-start-submenu {
    min-height: 250px;
    padding: 14px;
    box-sizing: border-box;
}
#header #tabs .header-profile-start-default[hidden],
#header #tabs .header-profile-start-submenu[hidden] { display: none !important; }
#header #tabs .header-profile-start-pane-title {
    position: relative;
    margin: 0 0 10px;
    padding: 2px 0 10px 15px;
    border-bottom: 1px solid #c2c8cf;
    box-shadow: 0 1px 0 rgba(255,255,255,.96);
    color: #405166;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}
#header #tabs .header-profile-start-pane-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 6px;
    height: 14px;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffb548 0%, #f19620 58%, #d97708 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 1px 1px rgba(100,70,30,.14);
}
#header #tabs .header-profile-start-submenu {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#header #tabs .header-profile-start-submenu a {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 32px 0 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    border: 1px solid #d1d6dc !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(241,243,245,.93) 100%) !important;
    color: #2d3948 !important;
    font-family: var(--base-font, Tahoma, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(54,68,83,.05) !important;
    transform: none !important;
    transition: background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease !important;
}
#header #tabs .header-profile-start-submenu a::after {
    content: "›";
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-51%);
    color: #8b98a6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
#header #tabs .header-profile-start-submenu a:hover,
#header #tabs .header-profile-start-submenu a:focus-visible {
    background: linear-gradient(180deg, #fff9ed 0%, #ffe4b6 100%) !important;
    border-color: #e3a144 !important;
    color: #754200 !important;
    outline: none !important;
    box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(151,93,16,.10) !important;
}
#header #tabs .header-profile-start-submenu a:hover::after,
#header #tabs .header-profile-start-submenu a:focus-visible::after { color: #c86d08; }

/* Mini-lijst met recente profielbezoekers wanneer geen submenu is gekozen. */
#header #tabs .header-profile-start-visitors {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}
#header #tabs .header-profile-start-visitor {
    min-width: 0;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 6px 7px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr);
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid #c8ccd1 !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #fff 0%, #eef0f2 100%) !important;
    color: #2e3b4c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
}
#header #tabs .header-profile-start-visitor:hover,
#header #tabs .header-profile-start-visitor:focus-visible {
    background: linear-gradient(180deg, #fff7e7 0%, #ffe0aa 100%) !important;
    border-color: #e6a141 !important;
    color: #7a4300 !important;
}
#header #tabs .header-profile-start-visitor-avatar {
    width: 42px;
    height: 42px;
    display: block;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #b8bdc4;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.10);
}
#header #tabs .header-profile-start-visitor-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#header #tabs .header-profile-start-visitor-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    line-height: 1.2;
}
#header #tabs .header-profile-start-visitor-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #74808d;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}
#header #tabs .header-profile-start-visitors-status {
    margin: 8px 0 0;
    color: #6d7782;
    font-size: 13px;
}

@media (min-width: 1025px) {
    #header #tabs .header-profile-link .header-profile-visitor-count { right: 38px !important; }
}

@media (max-width: 1024px) {
    #header[data-mobile-panel] #tabs > .header-profile-tab-wrap {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
    }
    #header[data-mobile-panel] #tabs > .header-profile-tab-wrap > .header-profile-link { padding-right: 62px !important; }
    #header[data-mobile-panel] #tabs .header-profile-start { top: 9px; right: 10px; width: 36px; height: 36px; }
    #header[data-mobile-panel] #tabs .header-profile-start > .header-profile-start-toggle { width: 36px; height: 36px; }
    #header[data-mobile-panel] #tabs .header-profile-start-panel {
        position: fixed;
        top: calc(var(--mobile-site-nav-height, 74px) + 10px) !important;
        left: auto !important;
        right: 10px !important;
        width: min(600px, calc(100vw - 20px)) !important;
        min-width: 0 !important;
        max-width: 600px !important;
        grid-template-columns: minmax(200px, 5fr) minmax(0, 7fr) !important;
        max-height: calc(100vh - var(--mobile-site-nav-height, 74px) - 20px);
        overflow: auto;
        scrollbar-width: none;
    }
    #header[data-mobile-panel] #tabs .header-profile-start-panel::-webkit-scrollbar { width: 0; height: 0; display: none; }
    #header[data-mobile-panel] #tabs .header-profile-start-links,
    #header[data-mobile-panel] #tabs .header-profile-start-submenus {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    #header[data-mobile-panel] #tabs .header-profile-start-visitors { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    #header[data-mobile-panel] #tabs .header-profile-start-panel {
        grid-template-columns: 155px minmax(0, 1fr) !important;
    }
    #header #tabs .header-profile-start-links > a,
    #header #tabs .header-profile-start-links > button {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 8px !important;
        gap: 7px !important;
        font-size: 14px !important;
    }
    #header #tabs .header-profile-start-icon {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
    }
    #header #tabs .header-profile-start-default,
    #header #tabs .header-profile-start-submenu { padding: 13px 12px; }
}


/* r734 - headerprofielmenu verfijnd: strak onder header, 250/450, Win10-tegels rechts. */
@media (min-width: 1025px) {
    #header #tabs .header-profile-start-panel {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;
        grid-template-columns: 250px 450px !important;
        border-radius: 0 0 10px 10px !important;
        border-top: 0 !important;
        background: linear-gradient(90deg, #f19620 0 250px, #e7e9ec 250px 100%) !important;
    }
    #header #tabs .header-profile-start-panel::before { display: none !important; }
    #header #tabs .header-profile-start-links {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        padding-top: 12px !important;
        border-radius: 0 0 0 9px !important;
        background:
            linear-gradient(90deg, rgba(255,255,255,.08), transparent 28%),
            linear-gradient(180deg, #ffb446 0%, #f79c19 34%, #f19620 72%, #d97808 100%) !important;
        box-shadow: inset 1px 0 0 rgba(255,255,255,.18), inset -1px 0 0 rgba(125,67,4,.28) !important;
    }
    #header #tabs .header-profile-start-submenus {
        width: 450px !important;
        min-width: 450px !important;
        max-width: 450px !important;
        border-radius: 0 0 9px 0 !important;
    }
}

/* Hoofdmenu: icoon standaard volledig transparant; accent pas bij hover/actief. */
#header #tabs .header-profile-start-icon {
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transition: background .13s ease, border-color .13s ease, box-shadow .13s ease, transform .13s ease !important;
}
#header #tabs .header-profile-start-links > a,
#header #tabs .header-profile-start-links > button {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 0 14px !important;
    gap: 12px !important;
    border-radius: 6px !important;
    transition: background .13s ease, border-color .13s ease, box-shadow .13s ease !important;
}
#header #tabs .header-profile-start-links > a:hover,
#header #tabs .header-profile-start-links > a:focus-visible,
#header #tabs .header-profile-start-links > button:hover,
#header #tabs .header-profile-start-links > button:focus-visible,
#header #tabs .header-profile-start-links > button.is-active {
    background: linear-gradient(180deg, #ffc86b 0%, #f29a1c 48%, #dd7604 100%) !important;
    border-color: rgba(255,255,255,.58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 1px 3px rgba(113,58,0,.22) !important;
}
#header #tabs .header-profile-start-links > a:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-icon {
    background: rgba(255,255,255,.25) !important;
    border-color: rgba(255,255,255,.34) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 1px 2px rgba(101,52,0,.16) !important;
}

/* Vrienden/Instellingen: geen paneeltitel, maar ruimere Windows 10-achtige tegels. */
#header #tabs .header-profile-start-submenu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 16px !important;
}
#header #tabs .header-profile-start-submenu[hidden] { display: none !important; }
#header #tabs .header-profile-start-submenu .header-profile-start-pane-title { display: none !important; }
#header #tabs .header-profile-start-submenu a {
    height: 76px !important;
    min-height: 76px !important;
    max-height: none !important;
    padding: 12px 13px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    border: 1px solid #c8ccd1 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #f8f9fa 0%, #eceef1 100%) !important;
    color: #273647 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 1px 2px rgba(45,56,68,.08) !important;
    transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}
#header #tabs .header-profile-start-submenu a::after { display: none !important; }
#header #tabs .header-profile-start-submenu a:hover,
#header #tabs .header-profile-start-submenu a:focus-visible {
    background: linear-gradient(180deg, #5d80b8 0%, #4b72aa 55%, #3e6195 100%) !important;
    border-color: #315789 !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 3px 8px rgba(48,81,124,.24) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

/* Bezoekerspaneel blijft rustig; alleen submenus verliezen hun titel. */
#header #tabs .header-profile-start-default {
    padding: 16px !important;
}
#header #tabs .header-profile-start-default .header-profile-start-pane-title {
    margin-bottom: 12px !important;
}


/* r735 — submenu als vierkante Windows 11-achtige apptegels met iconen. */
@media (min-width: 761px) {
    #header #tabs .header-profile-start-submenu {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding: 16px !important;
    }
    #header #tabs .header-profile-start-submenu a {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        padding: 14px 10px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        border: 1px solid #d4d8de !important;
        border-radius: 8px !important;
        background: rgba(255,255,255,.74) !important;
        color: #273647 !important;
        text-align: center !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 1px 3px rgba(45,56,68,.08) !important;
        transform: none !important;
    }
    #header #tabs .header-profile-start-submenu a > span:last-child:not(.header-profile-start-icon) {
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        overflow-wrap: anywhere !important;
        color: inherit !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }
    #header #tabs .header-profile-start-submenu a .header-profile-start-icon {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #d4dfed !important;
        border-radius: 10px !important;
        background: linear-gradient(180deg, #f7fbff 0%, #e7eff9 100%) !important;
        color: #4b72aa !important;
        box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(54,82,119,.09) !important;
    }
    #header #tabs .header-profile-start-submenu a .header-profile-start-icon svg {
        width: 25px !important;
        height: 25px !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
    }
    #header #tabs .header-profile-start-submenu a:hover,
    #header #tabs .header-profile-start-submenu a:focus-visible {
        background: linear-gradient(180deg, #5e81ba 0%, #4b72aa 56%, #3f6398 100%) !important;
        border-color: #315789 !important;
        color: #fff !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 4px 10px rgba(48,81,124,.22) !important;
        transform: translateY(-1px) !important;
    }
    #header #tabs .header-profile-start-submenu a:hover .header-profile-start-icon,
    #header #tabs .header-profile-start-submenu a:focus-visible .header-profile-start-icon {
        border-color: rgba(255,255,255,.34) !important;
        background: rgba(255,255,255,.18) !important;
        color: #fff !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.24) !important;
    }
}


/* r736 — rechter submenu als Windows 10 Startmenu-tegels. */
@media (min-width: 761px) {
    #header #tabs .header-profile-start-submenu {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 16px !important;
    }

    #header #tabs .header-profile-start-submenu a {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        padding: 12px 10px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid #365f96 !important;
        border-radius: 1px !important;
        background: linear-gradient(180deg, #567db4 0%, #4b72aa 62%, #43699f 100%) !important;
        color: #fff !important;
        text-align: left !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 1px 2px rgba(41,66,100,.16) !important;
        transform: none !important;
        transition: background .13s ease, border-color .13s ease, box-shadow .13s ease, transform .13s ease !important;
    }

    #header #tabs .header-profile-start-submenu a .header-profile-start-icon {
        width: 58px !important;
        height: 58px !important;
        flex: 0 0 58px !important;
        margin: auto auto 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    #header #tabs .header-profile-start-submenu a .header-profile-start-icon svg {
        width: 42px !important;
        height: 42px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.75 !important;
    }

    #header #tabs .header-profile-start-submenu a > span:last-child:not(.header-profile-start-icon) {
        width: 100% !important;
        min-width: 0 !important;
        margin: auto 0 0 !important;
        padding: 0 !important;
        display: block !important;
        align-self: stretch !important;
        overflow: hidden !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.18 !important;
        text-align: left !important;
        text-shadow: 0 1px 1px rgba(0,0,0,.16) !important;
        overflow-wrap: anywhere !important;
    }

    #header #tabs .header-profile-start-submenu a:hover,
    #header #tabs .header-profile-start-submenu a:focus-visible {
        background: linear-gradient(180deg, #6489bd 0%, #547aaf 58%, #496fa5 100%) !important;
        border-color: #2e578d !important;
        color: #fff !important;
        box-shadow: inset 0 0 0 2px rgba(255,255,255,.28), 0 3px 8px rgba(48,81,124,.23) !important;
        transform: none !important;
        outline: none !important;
    }

    #header #tabs .header-profile-start-submenu a:hover .header-profile-start-icon,
    #header #tabs .header-profile-start-submenu a:focus-visible .header-profile-start-icon {
        border: 0 !important;
        background: transparent !important;
        color: #fff !important;
        box-shadow: none !important;
    }
}


/* r737 — neutrale Windows 10-tegels + grafisch verfijnde hover in het hoofdmenu. */
@media (min-width: 761px) {
    /* Submenu: geen blauw, wel vierkante Windows 10-tegels. */
    #header #tabs .header-profile-start-submenu a {
        border-color: #c8ccd1 !important;
        background: linear-gradient(180deg, #ffffff 0%, #f1f2f3 100%) !important;
        color: #2f3338 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 1px 3px rgba(45,52,60,.10) !important;
    }

    #header #tabs .header-profile-start-submenu a .header-profile-start-icon {
        color: #444b52 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #header #tabs .header-profile-start-submenu a > span:last-child:not(.header-profile-start-icon) {
        color: #30353a !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        text-shadow: none !important;
    }

    #header #tabs .header-profile-start-submenu a:hover,
    #header #tabs .header-profile-start-submenu a:focus-visible {
        border-color: #d99a43 !important;
        background: linear-gradient(180deg, #fffdf9 0%, #fff1dc 100%) !important;
        color: #4f3a20 !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.96), 0 3px 8px rgba(111,78,31,.16) !important;
        transform: none !important;
    }

    #header #tabs .header-profile-start-submenu a:hover .header-profile-start-icon,
    #header #tabs .header-profile-start-submenu a:focus-visible .header-profile-start-icon {
        color: #c76c0b !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #header #tabs .header-profile-start-submenu a:hover > span:last-child:not(.header-profile-start-icon),
    #header #tabs .header-profile-start-submenu a:focus-visible > span:last-child:not(.header-profile-start-icon) {
        color: #4c341c !important;
    }
}

/* Hoofdmenu: zachtere, grafischere hover met een warm lichtvlak en los icoonaccent. */
#header #tabs .header-profile-start-links > a,
#header #tabs .header-profile-start-links > button {
    position: relative !important;
    overflow: hidden !important;
}

#header #tabs .header-profile-start-links > a::before,
#header #tabs .header-profile-start-links > button::before {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    z-index: 0 !important;
    border-radius: 5px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
    transition: background .14s ease, border-color .14s ease, box-shadow .14s ease !important;
}

#header #tabs .header-profile-start-links > a > *,
#header #tabs .header-profile-start-links > button > * {
    position: relative !important;
    z-index: 1 !important;
}

#header #tabs .header-profile-start-links > a:hover,
#header #tabs .header-profile-start-links > a:focus-visible,
#header #tabs .header-profile-start-links > button:hover,
#header #tabs .header-profile-start-links > button:focus-visible,
#header #tabs .header-profile-start-links > button.is-active {
    background: transparent !important;
    border-color: transparent !important;
    color: #5a3308 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#header #tabs .header-profile-start-links > a:hover::before,
#header #tabs .header-profile-start-links > a:focus-visible::before,
#header #tabs .header-profile-start-links > button:hover::before,
#header #tabs .header-profile-start-links > button:focus-visible::before,
#header #tabs .header-profile-start-links > button.is-active::before {
    border-color: rgba(164,91,10,.30) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,239,211,.88) 100%) !important;
    box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(117,60,0,.16) !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-icon {
    color: #c66808 !important;
    background: linear-gradient(180deg, #fff 0%, #ffe8c5 100%) !important;
    border-color: rgba(182,99,11,.30) !important;
    box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(107,58,6,.13) !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-subchevron {
    color: #aa5a08 !important;
}


/* r738 — hoofdmenu-hover met subtiele glas/glanslaag. */
#header #tabs .header-profile-start-links > a::after,
#header #tabs .header-profile-start-links > button::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    right: 5px !important;
    top: 5px !important;
    height: 46% !important;
    z-index: 0 !important;
    border-radius: 4px 4px 10px 10px !important;
    background: linear-gradient(180deg,
        rgba(255,255,255,.78) 0%,
        rgba(255,255,255,.42) 48%,
        rgba(255,255,255,.10) 78%,
        rgba(255,255,255,0) 100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .14s ease !important;
}

#header #tabs .header-profile-start-links > a:hover::before,
#header #tabs .header-profile-start-links > a:focus-visible::before,
#header #tabs .header-profile-start-links > button:hover::before,
#header #tabs .header-profile-start-links > button:focus-visible::before,
#header #tabs .header-profile-start-links > button.is-active::before {
    border-color: rgba(162,88,8,.34) !important;
    background: linear-gradient(180deg,
        rgba(255,250,241,.98) 0%,
        rgba(255,231,192,.92) 48%,
        rgba(246,190,116,.88) 50%,
        rgba(255,222,173,.92) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(181,102,19,.16),
        0 2px 7px rgba(112,60,6,.18) !important;
}

#header #tabs .header-profile-start-links > a:hover::after,
#header #tabs .header-profile-start-links > a:focus-visible::after,
#header #tabs .header-profile-start-links > button:hover::after,
#header #tabs .header-profile-start-links > button:focus-visible::after,
#header #tabs .header-profile-start-links > button.is-active::after {
    opacity: 1 !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-icon {
    background: linear-gradient(180deg, #fffdf8 0%, #ffe8c4 49%, #f7c57f 50%, #ffe1b3 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(176,95,9,.12),
        0 1px 3px rgba(107,58,6,.14) !important;
}


/* r739 — hoofdmenu-hover zoals de blauwe taakbalkmenu-stijl, maar dan oranje. */
#header #tabs .header-profile-start-links > a::before,
#header #tabs .header-profile-start-links > button::before,
#header #tabs .header-profile-start-links > a::after,
#header #tabs .header-profile-start-links > button::after {
    content: none !important;
    display: none !important;
}

#header #tabs .header-profile-start-links > a:hover,
#header #tabs .header-profile-start-links > a:focus-visible,
#header #tabs .header-profile-start-links > button:hover,
#header #tabs .header-profile-start-links > button:focus-visible,
#header #tabs .header-profile-start-links > button.is-active {
    background: linear-gradient(180deg, #ffcc73 0%, #f6a126 46%, #e18407 54%, #cf6f00 100%) !important;
    border-color: rgba(255,255,255,.58) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(128,66,0,.28) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.48),
        inset 0 -1px 0 rgba(141,75,0,.18),
        0 1px 3px rgba(113,58,0,.20) !important;
    outline: none !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-icon {
    color: #ffffff !important;
    background: rgba(255,255,255,.18) !important;
    border-color: rgba(255,255,255,.32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 1px 2px rgba(101,52,0,.16) !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-subchevron,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-subchevron {
    color: #ffffff !important;
}


/* r740 — hover exact volgens de blauwe taakbalk, op de oranje menukolom. */
#header #tabs .header-profile-start-links > a::before,
#header #tabs .header-profile-start-links > button::before,
#header #tabs .header-profile-start-links > a::after,
#header #tabs .header-profile-start-links > button::after {
    content: none !important;
    display: none !important;
}

#header #tabs .header-profile-start-links > a:hover,
#header #tabs .header-profile-start-links > a:focus-visible,
#header #tabs .header-profile-start-links > button:hover,
#header #tabs .header-profile-start-links > button:focus-visible,
#header #tabs .header-profile-start-links > button.is-active {
    background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.08)) !important;
    border-color: rgba(255,238,218,.24) !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(117,58,0,.34) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
    transform: translateX(3px) !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-icon {
    color: #fff !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Recente profielbezoekers: simpele titel, zonder accent, rand of scheidingslijn. */
#header #tabs .header-profile-start-default .header-profile-start-pane-title {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #40464d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
#header #tabs .header-profile-start-default .header-profile-start-pane-title::before,
#header #tabs .header-profile-start-default .header-profile-start-pane-title::after {
    content: none !important;
    display: none !important;
}

/* Profielbezoekers zijn echte klikbare profielkaarten. */
#header #tabs .header-profile-start-visitor {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}
#header #tabs .header-profile-start-visitor > * {
    pointer-events: none !important;
}

/* Desktop: header verdwijnt bij omlaag scrollen en komt terug zodra je omhoog scrolt. */
@media (min-width: 1025px) {
    #header.site-header-scroll-reveal,
    body.profile-start-menu-open #header.site-header-scroll-reveal {
        position: sticky !important;
        top: 0 !important;
        z-index: 760 !important;
        transform: translateY(0) !important;
        transition: transform .20s ease, box-shadow .20s ease !important;
        will-change: transform;
    }

    #header.site-header-scroll-reveal.is-scroll-hidden,
    body.profile-start-menu-open #header.site-header-scroll-reveal.is-scroll-hidden {
        transform: translateY(calc(-100% - 8px)) !important;
    }

    #header.site-header-scroll-reveal.is-scroll-visible {
        transform: translateY(0) !important;
    }
}


/* r741 — hoofdmenu dichter bij blauwe taakbalk + vierkante bezoekers + scrollpositie. */

/* Hoofdmenu: dezelfde verhoudingen en diepte als de blauwe taakbalk, maar oranje. */
#header #tabs .header-profile-start-links {
    gap: 7px !important;
}

#header #tabs .header-profile-start-links > a,
#header #tabs .header-profile-start-links > button {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 8px 10px !important;
    gap: 10px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(103, 49, 0, .42) !important;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

#header #tabs .header-profile-start-links .header-profile-start-icon {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 1px 1px rgba(94, 43, 0, .28));
}

#header #tabs .header-profile-start-links .header-profile-start-icon svg {
    width: 22px !important;
    height: 22px !important;
}

#header #tabs .header-profile-start-links > a:hover,
#header #tabs .header-profile-start-links > a:focus-visible,
#header #tabs .header-profile-start-links > button:hover,
#header #tabs .header-profile-start-links > button:focus-visible {
    background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.08)) !important;
    border-color: rgba(255,238,218,.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
    color: #fff !important;
    transform: translateX(3px) !important;
}

/* Een gekozen submenu gebruikt, net als een actieve taakbalkknop, een steviger vlak. */
#header #tabs .header-profile-start-links > button.is-active,
#header #tabs .header-profile-start-links > button.is-active:hover,
#header #tabs .header-profile-start-links > button.is-active:focus-visible {
    background: linear-gradient(180deg, #e98510 0%, #cf6e05 52%, #b85a00 100%) !important;
    border-color: rgba(126,60,0,.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(89,39,0,.22),
        0 3px 8px rgba(105,49,0,.20) !important;
    transform: none !important;
}

#header #tabs .header-profile-start-links > a:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > a:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:hover .header-profile-start-icon,
#header #tabs .header-profile-start-links > button:focus-visible .header-profile-start-icon,
#header #tabs .header-profile-start-links > button.is-active .header-profile-start-icon {
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Recente profielbezoekers: maximaal 9 vierkante fototegels, naam linksonder. */
#header #tabs .header-profile-start-default {
    padding: 16px !important;
}

#header #tabs .header-profile-start-default .header-profile-start-pane-title {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #40464d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

#header #tabs .header-profile-start-default .header-profile-start-pane-title::before,
#header #tabs .header-profile-start-default .header-profile-start-pane-title::after {
    content: none !important;
    display: none !important;
}

#header #tabs .header-profile-start-visitors {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

#header #tabs .header-profile-start-visitor {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid #bfc4ca !important;
    border-radius: 2px !important;
    background: #dfe3e7 !important;
    box-shadow: 0 1px 2px rgba(32,42,52,.12) !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    isolation: isolate !important;
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}

#header #tabs .header-profile-start-visitor::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 52% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.68) 100%) !important;
}

#header #tabs .header-profile-start-visitor-avatar {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: block !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #dfe3e7 !important;
    box-shadow: none !important;
    transition: transform .18s ease !important;
}

#header #tabs .header-profile-start-visitor-copy {
    position: absolute !important;
    left: 7px !important;
    right: 6px !important;
    bottom: 6px !important;
    z-index: 2 !important;
    min-width: 0 !important;
    display: block !important;
    pointer-events: none !important;
}

#header #tabs .header-profile-start-visitor-name {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.72) !important;
    white-space: nowrap !important;
}

#header #tabs .header-profile-start-visitor-meta {
    display: none !important;
}

#header #tabs .header-profile-start-visitor:hover,
#header #tabs .header-profile-start-visitor:focus-visible {
    border-color: #d58a27 !important;
    box-shadow: 0 3px 8px rgba(86,55,18,.22) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

#header #tabs .header-profile-start-visitor:hover .header-profile-start-visitor-avatar,
#header #tabs .header-profile-start-visitor:focus-visible .header-profile-start-visitor-avatar {
    transform: scale(1.035) !important;
}

#header #tabs .header-profile-start-visitor > * {
    pointer-events: none !important;
}

/* Scroll: aan de paginatop normaal; na omhoog scrollen 8px lucht boven de header. */
@media (min-width: 1025px) {
    #header.site-header-scroll-reveal,
    body.profile-start-menu-open #header.site-header-scroll-reveal {
        top: 0 !important;
    }

    #header.site-header-scroll-reveal.is-scroll-floating,
    body.profile-start-menu-open #header.site-header-scroll-reveal.is-scroll-floating {
        top: 8px !important;
    }

    #header.site-header-scroll-reveal.is-scroll-hidden,
    body.profile-start-menu-open #header.site-header-scroll-reveal.is-scroll-hidden {
        transform: translateY(calc(-100% - 18px)) !important;
    }
}

@media (max-width: 1024px) {
    #header #tabs .header-profile-start-visitors {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    #header #tabs .header-profile-start-visitors {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* r743 — mini-oranje taakbalk exact onder de header en uitgelijnd op het pijltjesblok.
   De header gebruikt transforms voor scroll-reveal; een fixed child krijgt daardoor een
   ander coordinatenstelsel. Absolute positionering aan de details-trigger voorkomt de sprong. */
@media (min-width: 1025px) {
    #header #tabs .header-profile-start-panel {
        position: absolute !important;
        top: 46px !important;
        right: 0 !important;
        left: auto !important;
    }
}

/* r744 — op profiel.html exact dezelfde header/startmenu-layout als op prikbord.html.
   profile.css geeft alle <section>-elementen binnen #profile een tweekoloms grid;
   zonder reset kwam "Recente profielbezoekers" daardoor links naast de bezoekers te staan. */
#profile #header .header-profile-start-default {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#profile #header .header-profile-start-submenu {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-rows: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Altijd 3 recente profielbezoekers per rij: 9 bezoekers = exact 3 × 3. */
#header #tabs .header-profile-start-visitors,
#header[data-mobile-panel] #tabs .header-profile-start-visitors {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}


/* ========================================================================
   r1154 — profielbezoekers typografie
   ======================================================================== */

#header #tabs .header-profile-start-default .header-profile-start-pane-title {
    font-size: calc(var(--base-font-size, 16px) + 2px) !important; /* gewone h3 */
    line-height: 1.25 !important;
}

#header #tabs .header-profile-start-visitor-name {
    font-size: 14px !important;
    line-height: 1.2 !important;
}