/*
 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;
	background-repeat: no-repeat;
}

.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;
}






/* Nur unser spezielles Menü beeinflussen */
.nav-collapse-custom.is-custom-mobile .wp-block-navigation__container {
	display: none;
}

.nav-collapse-custom.is-custom-mobile .wp-block-navigation__responsive-container-open {
	display: flex;
    }
}

/* Desktop wieder normal */
.nav-collapse-custom:not(.is-custom-mobile) .wp-block-navigation__container {
	display: flex;
}

.nav-collapse-custom:not(.is-custom-mobile) .wp-block-navigation__responsive-container-open {
	display: none;
}

/* 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;
}

.wp-block-query .publication-list > .publication-item {
	margin-top: 3rem;
}

/* ── Formular-Container ───────────────────────── */
#fbuilder {
    max-width: 600px;
}

/* ── Felder ───────────────────────────────────── */
#fbuilder .fields {
    margin-bottom: 1.25rem;
}

#fbuilder label {
    display: block;
    margin-bottom: .35rem;
    font-size: .875rem;
    font-weight: 500;
    color: #00326D;
}

#fbuilder input.field,
#fbuilder textarea.field {
    width: 100%;
    padding: .5rem .75rem;
    border: 1px solid #00326D;
    border-radius: 4px;
    font-size: .875rem;
    font-family: inherit;
    color: inherit;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .15s;
}

#fbuilder input.field:focus,
#fbuilder textarea.field:focus {
    outline: none;
    border-color: #005baa;
    box-shadow: 0 0 0 3px rgba(0, 50, 109, .12);
}

#fbuilder textarea.field {
    min-height: 140px;
    resize: vertical;
}

/* ── Captcha ──────────────────────────────────── */
#fbuilder .cpfieldcaptcha {
    font-size: .875rem;
    color: #555;
}

#fbuilder .cpfieldcaptcha input[type="text"] {
    padding: .5rem .75rem;
    border: 1px solid #00326D;
    border-radius: 4px;
    font-size: .875rem;
    margin-top: .35rem;
}

/* ── Submit-Button ────────────────────────────── */
#fbuilder .pbSubmit {
    display: inline-block;
    padding: .4rem 1.25rem;
    border: 1.5px solid #00326D;
    border-radius: 2em;
    background: transparent;
    color: #00326D;
    font-size: .875rem;
    font-family: inherit;
    cursor: pointer;
    opacity: .75;
    transition: opacity .15s;
}

#fbuilder .pbSubmit:hover,
#fbuilder .pbSubmit:focus {
    opacity: 1;
}

/* ── Fehlermeldung ────────────────────────────── */
#fbuilder .cpefb_error {
    color: #c00;
    font-size: .8rem;
}

#cftedialog {
    display: inline-block;
    padding: .4rem 1.25rem;
    border: 1.5px solid #1a5c2a;
    border-radius: 2em;
    background: transparent;
    color: #1a5c2a;
    font-size: .875rem;
    font-weight: 600;
    opacity: 1;
}


/* ── Back Link (single-publication, single-product) ──────────────────────── */
.mshunt-back-link {
    margin: 0;
}

.mshunt-back-link a {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    font-size: var(--wp--preset--font-size--small, 0.875rem);
    font-weight: 500;
    color: var(--wp--preset--color--contrast, currentColor);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease, opacity 0.15s ease;
}

.mshunt-back-link a::before {
    content: "←";
    font-style: normal;
    transition: transform 0.15s ease;
}

.mshunt-back-link a:hover {
    border-bottom-color: currentColor;
    opacity: 0.75;
}

.mshunt-back-link a:hover::before {
    transform: translateX(-3px);
}