/* Navi-Links */

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none;
}

.nav-link .wp-block-navigation-item__content {
    position: relative;
}

.nav-link .wp-block-navigation-item__content {
    position: relative;
}

/* Pseudoelement für das Icon */
.nav-link .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    right: 0.5em;
    top: 0%;
    transform: translateX(120%);
    opacity: 0 !important;
    width: 1rem;
    height: 1rem;
    background-image: url("https://stoll.dmbo.de/wp-content/uploads/2026/04/metallbau-stoll-icon-arrow-down-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    transition: right 0.3s ease-out, opacity 0.3s ease-out;
}

/* Hover-Effekt: Icon wird sichtbar und bewegt sich nach rechts */
.nav-link:hover .wp-block-navigation-item__content::after {
    right: 0!important;
    opacity: 1!important;
}

@media (max-width: 768px) {
    .nav-link .wp-block-navigation-item__content::after {
        display: none;
    }
}


/* Link-Styling */

.p-m a {
    font-size: var(--text-m);
    font-family: inherit;
    color: inherit;
    box-shadow: 0 1px 0 currentColor;
}

.p-m a:hover {
    box-shadow: 0 1px 0 var(--secondary);
    font-weight: 500;
}

/* Nav-Flyout */
    /* Close-Button */

    .wp-block-greyd-popover .popover-close-button::after,
    .wp-block-greyd-popover .popover-close-button::before {
        transform: rotate(0deg);
    }

        /* Reset */
        .wp-block-greyd-popover .popover-close-button {
            height: 0;
        }

        .wp-block-greyd-popover .popover-close-button::after {
            position: absolute;
            top: unset;
            left: unset;
            content: ' ';
            height: 0;
            width: 0;
            background-color: transparent;
        }
    .wp-block-greyd-popover .popover-close-button::before {
        content: url(https://stoll.dmbo.de/wp-content/uploads/2026/06/metallbau-stoll-icon-navi-close-medium.svg);
        background-color: transparent;
        top: 0px;
        left: -25px;
        transform: scale(.5);
    }

@media (max-width: 767px) {
    .wp-block-greyd-popover .popover-close-button::before {
        left: -10px;
    }
}

  /*  .wp-block-greyd-popover .popover-close-button::before {
        scale: 0.7;
    } */


/* Button-Addons */

a.is-style-clear.button:hover {
    text-decoration: none;
}

.btn.secondary:hover:after,
.btn.tertiary:hover:after {
    content: url(https://stoll.dmbo.de/wp-content/uploads/2026/04/metallbau-stoll-icon-arrow-down-sec.svg)
} 

.is-style-clear.button {
    /* background: rgba(50,50,50, 1) !important; Greyd-Reset */
} 

@media (max-width: 768px) {
.wp-block-greyd-buttons.alignright.hl-s.text-secondary {
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
}
}


/* Icons */

.social-icons-ctn {
  justify-content: end;
}

@media (max-width: 768px) {
    .social-icons-ctn {
  justify-content: start;
}
}

/* Akkordeon Icon-Tausch */

.wp-block-accordion-heading__toggle-icon {
    font-size: 0; /* Hide the + */
    width: auto;
}

.wp-block-accordion-heading__toggle-icon::before {
    content: "–";
    font-size: 1rem;
    display: inline-block;
    transform: scale(2, 1);
    transform-origin: left center;
    transition: transform 0.3s ease-in-out;
    padding-right: calc(var(--space-m) + .35rem);
}

.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle[aria-expanded="true"] {
    color: var(--secondary);
}

.wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
    transform: scale(3, 1);
    transform-origin: left center;
}

.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: none;
}

.wp-block-greyd-buttons.wp-block-greyd-buttons {
    justify-content: flex-end !important;

}