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

:root{
--kg-color-cream:#F5F0E6;
--kg-color-anthracite:#2A2724;
--kg-color-bordeaux:#6B1F26;
--kg-color-bordeaux-hover:#551318;
--kg-color-gold:#C9A65B;
--kg-color-border:#E0D6C2;
--kg-color-dark:#1A1815;
--kg-font-heading:'Fraunces',serif;
--kg-font-body:'Inter',sans-serif;
--kg-text-h1:clamp(2.25rem,5vw,3.5rem);
--kg-text-h2:clamp(1.75rem,4vw,2.5rem);
--kg-text-h3:clamp(1.375rem,3vw,1.75rem);
--kg-text-body:1.0625rem;
--kg-text-small:0.875rem;
--kg-space-xs:0.5rem;
--kg-space-sm:1rem;
--kg-space-md:1.5rem;
--kg-space-lg:clamp(1.5rem,3vw,2rem);
--kg-space-xl:clamp(2rem,4vw,3rem);
--kg-space-2xl:clamp(2.5rem,5vw,4rem);
--kg-space-3xl:clamp(3rem,7vw,6rem);
--kg-radius-button:0.5rem;
--kg-radius-card:1rem;
--kg-shadow-float:0 12px 40px rgba(0,0,0,0.10);
}

/* Kleidi Gung Style Guide */
.kg-style-guide{background:var(--kg-color-cream);color:var(--kg-color-anthracite);font-family:var(--kg-font-body);padding-block:var(--kg-space-3xl)}
.kg-style-guide>.gb-element{display:flex;flex-direction:column;gap:var(--kg-space-3xl)}
.kg-style-guide section{display:flex;flex-direction:column;gap:var(--kg-space-lg)}
.kg-style-guide h1,.kg-style-guide h2,.kg-style-guide h3{font-family:var(--kg-font-heading);color:var(--kg-color-anthracite);margin:0;line-height:1.1}
.kg-style-guide h1{font-size:var(--kg-text-h1)}
.kg-style-guide h2{font-size:var(--kg-text-h2)}
.kg-style-guide h3{font-size:var(--kg-text-h3)}
.kg-sg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--kg-space-md)}
.kg-sg-swatch{display:flex;flex-direction:column;gap:var(--kg-space-sm)}
.kg-sg-swatch__chip{aspect-ratio:16/9;border-radius:var(--kg-radius-card);min-height:110px}
.kg-sg-swatch--cream .kg-sg-swatch__chip{background:var(--kg-cream);border:1px solid var(--kg-border)}
.kg-sg-swatch--anthracite .kg-sg-swatch__chip{background:var(--kg-anthracite)}
.kg-sg-swatch--bordeaux .kg-sg-swatch__chip{background:var(--kg-bordeaux)}
.kg-sg-swatch--gold .kg-sg-swatch__chip{background:var(--kg-gold)}
.kg-sg-swatch--border .kg-sg-swatch__chip{background:var(--kg-border)}
.kg-sg-swatch--dark .kg-sg-swatch__chip{background:var(--kg-dark)}
.kg-sg-swatch p,.kg-sg-space p{margin:0;font-weight:600}
.kg-sg-types{display:flex;flex-direction:column;gap:var(--kg-space-xl);border-top:1px solid var(--kg-color-border);padding-top:var(--kg-space-lg)}
.kg-sg-buttons{display:flex;flex-wrap:wrap;gap:var(--kg-space-sm);align-items:center}
.kg-sg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--kg-space-lg);align-items:start}
.kg-sg-space-list{display:flex;flex-direction:column;gap:var(--kg-space-md)}
.kg-sg-space{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:var(--kg-space-md);align-items:center}
.kg-style-guide .gb-shape svg{display:block;width:100%;height:auto}
@media(max-width:767px){.kg-sg-space{grid-template-columns:1fr}.kg-style-guide{padding-block:var(--kg-space-2xl)}}

/* Global typography */
body{
font-family:var(--kg-font-body);
font-size:var(--kg-text-body);
line-height:1.7;
}
h1,h2,h3,h4,h5,h6{
font-family:var(--kg-font-heading);
font-weight:600;
color:var(--kg-color-anthracite);
}
h1{font-size:var(--kg-text-h1);line-height:1.05;}
h2{font-size:var(--kg-text-h2);line-height:1.1;}
h3{font-size:var(--kg-text-h3);line-height:1.2;}
.main-navigation,button,.button,input[type="submit"]{
font-family:var(--kg-font-body);
}

/* Header and navigation */
.site-header{
border-bottom:1px solid var(--kg-color-border);
}
.main-title{
font-family:var(--kg-font-heading);
font-weight:600;
letter-spacing:-0.02em;
}
.main-navigation .main-nav > ul > li > a{
font-weight:500;
}

/* Site Wrapper */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
}

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

/* Standard Shadow(s) */
.shadow-standard {
	box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
	transition: all .2s ease-in;
}
.shadow-standard:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

.ar-16-9 {
    aspect-ratio: 16/9;
}

.ar-9-16 {
    aspect-ratio: 9/16;
}

.ar-4-3 {
    aspect-ratio: 4/3;
}

.ar-1-1 {
	aspect-ratio: 1/1;
}

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