/*
Theme Name:   Norrenbrock Theme
Theme URI:    https://norrenbrock-technik.de
Description:  A child theme for the Greyd Theme
Author:       marketingkollektiv GmbH
Author URI:   http://marketingkollektiv.com
Template:     greyd-theme
Version:      1.0.0
Text Domain:  nbt-theme
*/

:root {
    --popover-border-radius: 6px;
    --popover-offset: 0;
    --pgn-numbers-gutter: 2px;
}

:root :where(body) {
    line-height: var(--wp--custom--line-height--normal);
}

main {
    z-index: 1;
}

.wp-block-cover[style*="min-height:100vh"] {
    min-height: 100svh !important;
}

a.sec:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--dark);
}
a.sec:where(:not(.wp-element-button)):hover {
    color: var(--wp--preset--color--primary);
}


/***************************************************
****
**** BORLABS MAPPING
****
***************************************************/

body {
    --dialog-backdrop-background-color: var(--wp--preset--color--foreground);

    --dialog-button-accept-all-color: var(--wp--custom--greyd--button--prim--color--background);
    --dialog-button-accept-all-color-hover: var(--wp--custom--greyd--button--prim--hover--color--background);
    --dialog-button-accept-all-text-color: var(--wp--custom--greyd--button--prim--color--text);
    --dialog-button-accept-all-text-color-hover: var(--wp--custom--greyd--button--prim--hover--color--text);

    --dialog-button-accept-only-essential-color: var(--wp--preset--color--background);
    --dialog-button-accept-only-essential-color-hover: var(--wp--preset--color--base);
    --dialog-button-accept-only-essential-text-color: var(--wp--preset--color--foreground);
    --dialog-button-accept-only-essential-text-color-hover: var(--dialog-button-accept-only-essential-text-color);

    --dialog-text-color: var(--wp--preset--color--foreground);
    --dialog-card-text-color: var(--dialog-text-color);
    --dialog-link-secondary-color: var(--dialog-text-color);

    --dialog-button-preferences-color: var(--dialog-button-accept-only-essential-color);
    --dialog-button-preferences-color-hover: var(--dialog-button-accept-only-essential-color-hover);
    --dialog-button-preferences-text-color: var(--dialog-button-accept-only-essential-text-color);
    --dialog-button-preferences-text-color-hover: var(--dialog-button-accept-only-essential-text-color-hover);
    --dialog-button-save-consent-color: var(--dialog-button-accept-only-essential-color);
    --dialog-button-save-consent-color-hover: var(--dialog-button-accept-only-essential-color-hover);
    --dialog-button-save-consent-text-color: var(--dialog-button-accept-only-essential-text-color);
    --dialog-button-save-consent-text-color-hover: var(--dialog-button-accept-only-essential-text-color-hover);

    --dialog-tab-bar-tab-background-color-active: var(--wp--custom--greyd--button--prim--color--background);
    --dialog-tab-bar-tab-border-color-bottom-active: var(--dialog-tab-bar-tab-background-color-active);
    --dialog-tab-bar-tab-border-color-left-active: var(--dialog-tab-bar-tab-background-color-active);
    --dialog-tab-bar-tab-border-color-right-active: var(--dialog-tab-bar-tab-background-color-active);
    --dialog-tab-bar-tab-border-color-top-active: var(--dialog-tab-bar-tab-background-color-active);

    --dialog-link-primary-color: var(--dialog-button-accept-all-color);
    --dialog-link-primary-color-hover: var(--dialog-button-accept-all-color-hover);
    --dialog-link-secondary-color-hover: var(--dialog-button-accept-all-color-hover);

    --dialog-control-element-color: var(--dialog-link-primary-color);
    --dialog-card-control-element-color: var(--dialog-link-primary-color);
    --dialog-card-control-element-color-hover: var(--dialog-link-primary-color-hover);

    --content-blocker-button-color: var(--dialog-button-accept-all-color);
    --content-blocker-button-color-hover: var(--dialog-button-accept-all-color-hover);
    --content-blocker-link-color: var(--dialog-link-primary-color);
    --content-blocker-link-color-hover: var(--dialog-link-primary-color-hover);
}

.borlabs-cookie-open-dialog-preferences a:hover {
    color: var(--dialog-link-primary-color-hover);
}

/***************************************************
****
**** NAVIGATION
****
***************************************************/

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover),
.current-menu-item > a,
.current-menu-ancestor > a,
a.current-menu-ancestor {
    text-decoration: none;
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation .wp-block-navigation-item a {
    white-space: nowrap;
}

.wp-block-navigation > .wp-block-navigation-item > a {
    padding: 5px 0;
}

/*** DIVIDER / Unterteilung ***/
/*
.wp-block-navigation-submenu li:not(:first-child).parentitem {
    border-top: 2px solid var(--wp--preset--color--primary) !important;
}*/
.loesungsnav ul li:not(.parentitem) {
    font-family: var(--wp--preset--font-family--pt-sans);
    font-size: .95rem;
}

/*** SUBMENU ***/

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    --nav-submenu--background-color: var(--wp--preset--color--foreground);
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container::before {
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
}

.wp-block-navigation__submenu-container {
    /*padding: 1em 0 !important;
    margin-top: 15px !important;*/
    border-radius: 0 !important;
    border: 1px solid var(--wp--preset--color--foreground) !important;
}
.wp-block-navigation__submenu-container li:not(:first-child) {
    border-top: 1px solid var(--wp--preset--color--dark);
}
.wp-block-navigation__submenu-container li:hover > a {
    background: var(--wp--preset--color--dark);
}
.wp-block-navigation__submenu-container a {
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.wp-block-navigation__submenu-container a:after {
    content: "\24" / "";
    font-family: 'ElegantIcons' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    transform: translateX(10px);
    opacity: 0;
    transition: all .3s ease;
}

.wp-block-navigation__submenu-container a:hover:after {
    opacity: 1;
    transform: translateX(4px);
}


/*** MOBILE ***/

.ocmenu ul {
    border: 0 !important;
    list-style-type: none;
    font-size: 1.2rem;
    font-family: var(--wp--preset--font-family--pt-sans);
    row-gap: 0 !important;
}

.ocmenu ul:not(.wp-block-navigation__submenu-container) {
    padding: 0 1em;
    margin: 1em 0;
}

.ocmenu nav {
    margin: 1em 0;
}
.ocmenu nav > ul {
    margin: 0 !important;
}

.ocmenu ul ul {
    font-size: .85em;
}

.ocmenu .wp-block-greyd-accordion__content {
    border: 0 !important;
    border-radius: 0 !important;
    border-left: 2px solid var(--wp--preset--color--primary) !important;
}

.ocmenu .wp-block-navigation__submenu-container,
.ocmenu .wp-block-navigation__submenu-container a {
    padding: 0 !important;
}

.ocmenu .wp-block-navigation__submenu-container {
    margin-bottom: 1em;
}

.ocmenu .wp-block-navigation__submenu-container:after,
.ocmenu .wp-block-navigation__submenu-container a:after,
.ocmenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    display: none !important;
}

.ocmenu ul a {
    color: inherit;
    padding: 0 !important;
}
.ocmenu .current-menu-ancestor > a {
    color: inherit !important;
}


.ocmenu2 .wp-block-navigation__submenu-container {
    padding: 0 !important;
    border: 0 !important;
    margin: .75rem 0 0 0 !important;
}

.ocmenu2 a.current-menu-ancestor {
    color: inherit !important;
}


/***************************************************
****
**** HELPER CLASSES
****
***************************************************/

.overflow-hidden {
    overflow: hidden !important;
}

.blackwhite .bg_image,
.blackwhite .wp-block-cover__image-background,
.blackwhite .wp-block-cover__video-background {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.height32 {
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
}

/***************************************************
****
**** BUTTONS
****
***************************************************/

.button.is-style-clear span[class*="arrow_"] {
    color: var(--wp--preset--color--primary);
}
.button.is-style-clear:hover {
    text-decoration: none;
}


/***************************************************
****
**** AKKORDION
****
***************************************************/

.wp-block-greyd-accordion {
    --accord-title-radius: 6px;
    --accord-bg-color: white;
    gap: .25em;
}

.wp-block-greyd-accordion-item {
    margin: 0 !important;
}

.wp-block-greyd-accordion__title .icon {
    color: var(--wp--preset--color--primary);
}

.wp-block-greyd-accordion-item .wp-block-greyd-accordion__title[aria-expanded="true"] {
    border-radius: 6px 6px 0 0;
}

.wp-block-greyd-accordion-item .wp-block-greyd-accordion__title[aria-expanded="true"] + .wp-block-greyd-accordion__content {
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}


/***************************************************
****
**** CONTENT BOXES
****
***************************************************/

.wp-block-greyd-box a[href*="tel:"] {
    text-decoration: none;
    font: inherit;
}


/***************************************************
****
**** POPUPS
****
***************************************************/

.popup_wrapper {
    position: relative;
}

.wp-block-greyd-popover {
    --dialog-radius: 6px;
}
.wp-block-greyd-popover .dialog-backdrop {
    backdrop-filter: none !important;
}
.wp-block-greyd-popover .dialog-backdrop::before {
    background: var(--wp--preset--color--foreground) !important;
    opacity: .8 !important;
}


/***************************************************
****
**** CAROUSEL
****
***************************************************/

.wp-block-splide-carousel .splide__arrow {
    border-radius: 6px;
    background: var(--wp--preset--color--dark);
    opacity: 1;
}

.wp-block-splide-carousel .splide__arrows .splide__arrow {
    width: 40px;
    height: 40px;
}

.wp-block-splide-carousel .splide__arrow svg {
    height: .7em;
    width: .7em;
    fill: white;
}

.wp-block-splide-carousel .splide__arrows--ltr .splide__arrow--prev {
    left: 1em;
}

.wp-block-splide-carousel .splide__arrows--ltr .splide__arrow--next {
    right: 1em;
}


/***************************************************
****
**** HOTSPOT
****
***************************************************/

.hs-facts {
    margin-top: -1px !important;
}

.hs-facts :where(p) {
    line-height: .8;
}
@media(min-width: 1200px) {
    .hs-facts {
        position: absolute;
        bottom: 7.5vw;
        left: 0;
        right: 0;
        background: transparent !important;
        margin: auto !important;
    }
}

.greyd-media-wrapper .popover {
    --popover-min-width: 340px;
}

.greyd-media-wrapper .popover p {
    font-size: var(--wp--preset--font-size--small);
}

.greyd-media-wrapper .popover .button {
    white-space: nowrap;
    outline: 0;
    border: 0;
}

.wp-block-greyd-hotspot-wrapper .greyd-media-wrapper img {
    display: block;
    border-radius: 6px;
}

.alignfull .wp-block-greyd-hotspot-wrapper .greyd-media-wrapper img {
    border-radius: 0px;
}


/***************************************************
****
**** SOLUTION BOX
****
***************************************************/

.solution-box .wp-block-query .button {
    white-space: nowrap;
}
.solution-box .wp-block-query ul {
    gap: 6px;
    display: flex !important;
    flex-flow: wrap;
}


/***************************************************
****
**** FORMS
****
***************************************************/

.requirement-required {
    color: var(--wp--preset--color--primary) !important;
}

.input-wrapper label.checkbox-label, .input-wrapper .label.checkbox-label, fieldset label, .wp-block-greyd-forms-radiobuttons label:not(.label), .radio_buttons label:not(.label) {
    line-height: var(--wp--custom--line-height--normal) !important;
}

.input-wrapper .label_wrap {
    margin-bottom: calc(0.35 * var(--wp--preset--spacing--tiny)) !important;
}

.img_pnl_wrapper, .check-kacheln .img_pnl {
    gap: .4em !important;
}

.check-kacheln .img_pnl .img_wrap {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.1' cx='11' cy='11.5' r='11' fill='%2303293C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.check-kacheln.input-wrapper:not(.is-style-none) input:checked + span + .img_pnl .img_wrap,
.check-kacheln .img_pnl.selected .img_wrap {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11.5' r='11' fill='%23A0C519'/%3E%3Cpath d='M16.1144 7.37821C16.0392 7.29798 15.9497 7.23429 15.851 7.19083C15.7524 7.14737 15.6466 7.125 15.5398 7.125C15.4329 7.125 15.3271 7.14737 15.2285 7.19083C15.1299 7.23429 15.0403 7.29798 14.9651 7.37821L8.93517 13.7642L6.40179 11.0763C6.32367 10.9964 6.23145 10.9337 6.13039 10.8916C6.02934 10.8495 5.92143 10.8288 5.81282 10.8308C5.70422 10.8328 5.59705 10.8574 5.49743 10.9032C5.39781 10.9489 5.3077 11.015 5.23223 11.0977C5.15677 11.1803 5.09743 11.2778 5.0576 11.3847C5.01778 11.4916 4.99824 11.6057 5.00012 11.7206C5.002 11.8354 5.02525 11.9488 5.06855 12.0541C5.11185 12.1595 5.17434 12.2548 5.25247 12.3346L8.36051 15.6218C8.43575 15.702 8.52527 15.7657 8.6239 15.8092C8.72253 15.8526 8.82833 15.875 8.93517 15.875C9.04202 15.875 9.14781 15.8526 9.24645 15.8092C9.34508 15.7657 9.4346 15.702 9.50984 15.6218L16.1144 8.63658C16.1966 8.55642 16.2622 8.45913 16.307 8.35084C16.3518 8.24255 16.375 8.12561 16.375 8.0074C16.375 7.88918 16.3518 7.77224 16.307 7.66395C16.2622 7.55566 16.1966 7.45837 16.1144 7.37821Z' fill='white'/%3E%3C/svg%3E%0A");
}