/*
 Theme Name:   macbay Starter Theme
 Theme URI:    https://generatepress.com
 Description:  macbay digital starter theme (A GeneratePress child theme)
 Author:       Sascha Liem
 Author URI:   https://macbay.net
 Template:     generatepress
 Version:      0.9.10
 Changes:      added tweaks from theadminbar.com/generate, re-ordered code, removed unused css
*/

/* Site Wrapper */
/* Hintergrundfarbe für gesamten Screen außerhalb des Site Wrappers */
html {
    background-color: var(--contrast); 
}
/* Site Wrapper definieren */
body {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden; /* Verhindert horizontales Scrollen */
}
/* Klasse für Abschnitte, die die volle Breite einnehmen sollen bzw. sich über die gesamte Bildschirmbreite  erstrecken, während sie trotzdem auf 1920px begrenzt bleiben. */
.full-width-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 1920px;
}

/* Optimize Header for responsive screens */
header.site-header {
    padding-inline: 1rem;
}
header.site-header .inside-header {
    max-width: 1200px;
    padding-inline: 0;
}

/* Tweak 3 - Remove bottom margin on last paragraph - source check functions.php */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}
.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

/* HELPER UTILITY CLASSES */

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* No Underline
.no-ul, .no-ul a {
	text-decoration: none;
} */

/* Root CSS Framework */
:root {
    --up-space-2xs: clamp(.35rem, .30rem + .20vw, .5rem);
    --up-space-xs: clamp(.55rem, .48rem + .30vw, .75rem);
    --up-space-sm: clamp(.8rem, .68rem + .45vw, 1.1rem);
    --up-space-md: clamp(1.15rem, .95rem + .75vw, 1.65rem);
    --up-space-lg: clamp(1.75rem, 1.35rem + 1.5vw, 2.75rem);
    --up-space-xl: clamp(2.5rem, 1.8rem + 2.6vw, 4.25rem);
    --up-space-section: clamp(4rem, 2.8rem + 4.5vw, 7.5rem);
    --up-radius-sm: clamp(.4rem, .35rem + .15vw, .5rem);
    --up-radius-md: clamp(.6rem, .5rem + .25vw, .75rem);
    --up-text: clamp(1rem, .96rem + .18vw, 1.125rem);
    --up-text-small: clamp(.875rem, .84rem + .12vw, .95rem);
    --up-h1: clamp(2.5rem, 1.9rem + 2.8vw, 4.5rem);
    --up-h2: clamp(2rem, 1.65rem + 1.6vw, 3.25rem);
    --up-h3: clamp(1.45rem, 1.28rem + .8vw, 2rem);
    --up-measure: 68ch;
    --up-measure-narrow: 58ch;
}

body, button, input, select, textarea {
    font-family: var(--gp-font--inter), Inter, system-ui, sans-serif;
}
body { font-size: var(--up-text); line-height: 1.65; }
h1, h2, h3, h4, h5, h6 {
    font-family: var(--gp-font--fraunces), Fraunces, Georgia, serif;
    font-weight: 600;
}
h1 { font-size: var(--up-h1); line-height: 1.04; }
h2 { font-size: var(--up-h2); line-height: 1.08; }
h3 { font-size: var(--up-h3); line-height: 1.15; }
.main-navigation { font-family: var(--gp-font--inter), Inter, system-ui, sans-serif; font-weight: 500; }
button, input[type="button"], input[type="reset"], input[type="submit"], a.button, .wp-block-button__link {
    font-family: var(--gp-font--inter), Inter, system-ui, sans-serif;
    font-weight: 600;
    border-radius: var(--up-radius-sm);
    transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .12s ease;
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, a.button:active, .wp-block-button__link:active { transform: translateY(1px); }
.entry-content > p { max-width: var(--up-measure); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .wp-block-button__link:focus-visible {
    outline: 3px solid var(--focus);
    outline-offset: 3px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    border-radius: var(--up-radius-sm);
    border-width: 1px;
}
::placeholder { color: var(--contrast-2); opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}