/*
Theme Name: Loewe Stolpen
Theme URI: 
Author: Adrian Mörchen
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.2
Text Domain: loewe-stolpen
 */

@import "style.gutenberg.css";

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--secondary);
}

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


header .wp-block-navigation, .like-navigation {
    a {
        text-decoration: none;
    }

    a span:after, a:not(:has(span)):after {
        content: '';
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        width: 0;
        transition: all 0.3s;
        position: absolute;
        left: 0;
        bottom: -4px;
    }

    a:hover:after,
    a:hover > span:after {
        border-top-color: var(--wp--preset--color--secondary);
        width: 90%;
    }

    a.custom-current-url:after,
    .current-menu-item > a > span:after {
        border-top-color: var(--wp--preset--color--primary);
        width: 90%;
    }
}