/* Master Fooder – Frontend */


/*
 * Enterprise Layout
 * - .mf-row spans full width (background/height apply here)
 * - .mf-row-inner is the width container (Max/Wide/Full)
 */

/*
 * Important: Block-Themes (z.B. Twenty Twenty-Five) arbeiten mit
 * CSS-Variablen für Content-/Wide-Width und Root-Padding.
 * Wir nutzen diese Variablen, damit der Footer exakt „zentriert“
 * und fluchtend zum restlichen Theme-Layout sitzt.
 */

#master-fooder.mf-footer{margin-top:0;position:relative;overflow:hidden;}

/* Watermark image layer behind content (optional) */
#master-fooder.mf-footer::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:var(--mf-footer-wm-url, none);
    background-size:var(--mf-footer-wm-size, contain);
    background-position:var(--mf-footer-wm-position, center);
    background-repeat:var(--mf-footer-wm-repeat, no-repeat);
    opacity:var(--mf-footer-wm-opacity, 0);
    pointer-events:none;
    z-index:0;
}

#master-fooder .mf-footer-variants{width:100%;position:relative;z-index:1;}
#master-fooder .mf-footer-variant{display:none;}
#master-fooder .mf-footer-variant--desktop{display:block;}

#master-fooder .mf-footer-rows{width:100%;position:relative;z-index:1;}

#master-fooder .mf-row{width:100%;}

/* Inner container (zentriert) */
#master-fooder .mf-row-inner{
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
    padding-left:var(--wp--style--root--padding-left, 20px);
    padding-right:var(--wp--style--root--padding-right, 20px);
}

/* Width modes */
#master-fooder .mf-row-inner.mf-width-max{max-width:var(--wp--style--global--content-size, 1200px);}
#master-fooder .mf-row-inner.mf-width-wide{max-width:var(--wp--style--global--wide-size, 1600px);}
#master-fooder .mf-row-inner.mf-width-full{max-width:none;}

/* Grid */
#master-fooder .mf-row-grid{display:grid;align-items:start;grid-template-columns:var(--mf-grid-d, 1fr);justify-content:center;}

#master-fooder .mf-col{min-width:0;}

#master-fooder .mf-module{margin:0 0 12px 0;}
#master-fooder .mf-module:last-child{margin-bottom:0;}

#master-fooder .mf-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;}
#master-fooder .mf-menu li{margin:0;}
#master-fooder .mf-menu a{text-decoration:none;color:inherit;}

/* Links / Icons / Logos */
#master-fooder .mf-text-link{text-decoration:none;color:inherit;}
#master-fooder .mf-text-link:hover{text-decoration:underline;}

/* Button module */
#master-fooder .mf-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 16px;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
    line-height:1.2;
    border:1px solid transparent;
    user-select:none;
}

#master-fooder .mf-button.is-disabled{opacity:.65;cursor:not-allowed;}

#master-fooder .mf-button--primary{
    background:var(--wp--preset--color--primary, #2271b1);
    color:var(--wp--preset--color--base, #ffffff);
}

#master-fooder .mf-button--outline{
    background:transparent;
    border-color:currentColor;
}

#master-fooder .mf-button--ghost{
    background:rgba(255,255,255,.08);
    border-color:transparent;
}

#master-fooder .mf-button:hover{filter:brightness(1.03);}

#master-fooder .mf-icon-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit;}
#master-fooder .mf-icon-link:hover{text-decoration:underline;}

#master-fooder .mf-image-link{display:inline-flex;align-items:center;text-decoration:none;}
#master-fooder .mf-image{max-width:100%;height:auto;display:block;}


@media (max-width: 991px) {
    #master-fooder .mf-footer-variant--desktop{display:none;}
    #master-fooder .mf-footer-variant--tablet{display:block;}
    #master-fooder .mf-footer-variant--mobile{display:none;}
}

@media (max-width: 600px) {
    #master-fooder .mf-footer-variant--desktop{display:none;}
    #master-fooder .mf-footer-variant--tablet{display:none;}
    #master-fooder .mf-footer-variant--mobile{display:block;}
}

@media (max-width: 782px) {
    #master-fooder .mf-row-inner{
        padding-left:var(--wp--style--root--padding-left, 16px);
        padding-right:var(--wp--style--root--padding-right, 16px);
    }
    #master-fooder .mf-row-grid{grid-template-columns:var(--mf-grid-m, var(--mf-grid-t, var(--mf-grid-d, 1fr)));}
    #master-fooder .mf-menu ul{flex-direction:column;gap:8px;}
}


@media (max-width: 991px) {
    #master-fooder .mf-row-grid{grid-template-columns:var(--mf-grid-t, var(--mf-grid-d, 1fr));}
    #master-fooder .mf-logo-grid{grid-template-columns:repeat(var(--mf-lg-t, 3), minmax(0, 1fr));}
}

@media (max-width: 600px) {
    #master-fooder .mf-row-grid{grid-template-columns:var(--mf-grid-m, var(--mf-grid-t, var(--mf-grid-d, 1fr)));}
    #master-fooder .mf-logo-grid{grid-template-columns:repeat(var(--mf-lg-m, 2), minmax(0, 1fr));}
}


#master-fooder .mf-icon-svg{display:inline-flex;align-items:center;justify-content:center;}
#master-fooder .mf-icon-svg svg{width:100%;height:100%;display:block;fill:currentColor;}

/* Logo Grid */
#master-fooder .mf-logo-grid{display:grid;grid-template-columns:repeat(var(--mf-lg-d, 4), minmax(0, 1fr));gap:var(--mf-lg-gap, 14px);align-items:center;}
#master-fooder .mf-logo-grid__item{display:flex;align-items:center;justify-content:center;text-decoration:none;}
#master-fooder .mf-logo-grid__img{max-width:100%;max-height:var(--mf-lg-maxh, 46px);width:auto;height:auto;display:block;}

/* Column: inline modules (side-by-side) */
#master-fooder .mf-col-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;}
#master-fooder .mf-col-inline .mf-module{margin:0;}