/*
 Theme Name: M-SHUNT
 Theme URI: https://m-shunt.com
 Description: Child-Theme for M-SHUNT based on Wordpress Twenty Twenty-Five Theme
 Author: Sven Clausner
 Template: twentytwentyfive
 Version: 1.0.0
*/

/* Optional: eigenes CSS */

.header-right {
    background-position: right top !important;
    background-size: cover;
}

.header-spacer {
	width:18px;
}

/* Sticky Footer ohne Überhöhe */
html, body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden; /* Sicherheitsmaßnahme */
}

.wp-site-blocks {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

footer.wp-block-template-part {
    margin-top: auto;
}

/* Make all submenus open directly under the parent, not shifted left/right */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container {
    left: 0 !important;
    right: auto !important;
    transform: translateX(0) !important;
}


/* MOBILE OVERLAY: structure + use WP color/spacing presets */
@media (max-width: 781px) {

    /* Keep your working alignment fix */
    .wp-block-navigation__responsive-container.is-menu-open,
    .wp-block-navigation__responsive-container.is-menu-open * {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* Clickable area for both main & submenu items 
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
        display: flex;
        width: 100%;
        padding: var(--wp--preset--spacing--20, 0.75rem)
                 var(--wp--preset--spacing--30, 1rem);
        text-decoration: underline;
    }*/

    /* Submenu rows: indented + subtle background tint 
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        background-color: red;
    }*/

    /* Hover / focus state using theme colors 
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:focus-visible {
        background-color: blue;
        color: red;
    }*/
}

/* Query Loop format for publications */
.publication h3.wp-block-post-title {
  margin-top: -0rem;
}

.publication .wp-block-post-content {
  margin-top: -1rem;
  font-size: 0.9rem;
}