/*
 * Your global styles here
 */

/* Navigation parity with rrreis.nl. The header carries two nav menus stacked in
 * the same column: a utility bar (Top_Navigation) above the main menu. Each is
 * scoped by its own dxpStyle_<component-id> class so the two font treatments
 * don't leak into each other — a :root/global override is shadowed because the
 * nav bar container resets these --dxp hooks to their defaults, so the hooks are
 * set on the nav's own elements. The component ids are stable (they live in the
 * versioned scopedHeaderAndFooter theme layout). */

/* Shared: 2px hover-only underline in the RRReis blue (its colour hook already
 * resolves to blue); no persistent active line (transparent). Its default weight
 * is 3px, so both must be set explicitly. */
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d,
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d community_navigation-customizable-navigation-bar-container,
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d .comm-customizable-navigation-bar,
.dxpStyle_ffbd763c-14b2-435e-858e-22dae4397e02,
.dxpStyle_ffbd763c-14b2-435e-858e-22dae4397e02 community_navigation-customizable-navigation-bar-container,
.dxpStyle_ffbd763c-14b2-435e-858e-22dae4397e02 .comm-customizable-navigation-bar {
    --dxp-c-nav-bar-active-line-weight: 2px;
    --dxp-c-nav-bar-hover-line-weight: 2px;
    --dxp-c-nav-bar-active-line-color: transparent;
}

/* Main menu (fca97671): Livvic 600 / 18px / line-height 1.65 — rrreis.nl parity. */
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d,
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d community_navigation-customizable-navigation-bar-container,
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d .comm-customizable-navigation-bar {
    --dxp-c-nav-bar-menu-item-font-weight: 600;
    --dxp-c-nav-bar-menu-item-font-size: 18px;
    --dxp-c-nav-bar-menu-item-line-height: 1.65;
}

/* Utility bar (ffbd763c): Livvic 500 / 16px / line-height 1.65 — rrreis.nl parity. */
.dxpStyle_ffbd763c-14b2-435e-858e-22dae4397e02,
.dxpStyle_ffbd763c-14b2-435e-858e-22dae4397e02 community_navigation-customizable-navigation-bar-container,
.dxpStyle_ffbd763c-14b2-435e-858e-22dae4397e02 .comm-customizable-navigation-bar {
    --dxp-c-nav-bar-menu-item-font-weight: 500;
    --dxp-c-nav-bar-menu-item-font-size: 16px;
    --dxp-c-nav-bar-menu-item-line-height: 1.65;
}

/* "Zoeken" main-nav item renders as a magnifier icon (rrreis.nl parity): hide
 * the text label and paint a magnifier in its place. The mask uses currentColor
 * so the icon inherits the link colour and its hover state. The visible text is
 * hidden but the aria-label keeps the item accessible. */
.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d a[href*="/zoeken"] {
    /* Collapse the label to icon-only by zeroing the nav font-size hook on this
     * item alone; the ::before magnifier keeps its fixed 20px box, and the
     * aria-label preserves the accessible name. A plain font-size:0 is shadowed
     * because the item's size is driven by this hook. */
    --dxp-c-nav-bar-menu-item-font-size: 0;
}

.dxpStyle_fca97671-7a93-4814-8408-e965f1bac44d a[href*="/zoeken"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain;
}

html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}