/*
Theme Name: Einfachgemacht Child
Description: Child-Theme von Blocksy für einfachgemacht.info
Template: blocksy
Version: 1.0.0
Text Domain: einfachgemacht-child
*/

/* Schriften lokal (DSGVO). Bewusst nicht im Blocksy-Customizer wählen:
   Blocksy lädt dort ausgewählte Schriften von Google nach. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-var-latin.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-condensed-600-latin.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-700-latin.woff2') format('woff2')}

/* html:root, weil Blocksy :root setzt und sein CSS je nach Modus nach diesem Stylesheet kommt */
html:root{
  --eg-green:#86a50a; --eg-green-dark:#5f7507; --eg-dark:#10110c;
  --eg-cream:#f6f1e7; --eg-sand:#ebe1cf; --eg-line:#e3dccf; --eg-text:#5f5546;
  --eg-font-heading:'Barlow Condensed',sans-serif;
  --eg-font-body:'Inter',sans-serif;
  --theme-font-family:var(--eg-font-body);
  --theme-link-initial-color:var(--eg-green-dark);
  --theme-button-text-initial-color:var(--eg-dark);
  --theme-button-text-hover-color:var(--eg-dark);
  --theme-button-background-initial-color:var(--eg-green);
  --theme-button-background-hover-color:#9bbd10;
}

/* Grundschrift */
body{font-family:var(--eg-font-body)}
h1,h2,h3,h4,h5,h6,.wp-block-heading{font-family:var(--eg-font-heading);font-weight:700;line-height:1.05;text-transform:uppercase}

/* Abschnitte */
.eg-hero,.eg-section{padding:72px 32px}
.eg-hero{background:var(--eg-dark);color:#fff;border-bottom:3px solid var(--eg-green);padding-block:88px}
.eg-dark{background:var(--eg-dark);color:#fff}
.eg-light{background:var(--eg-cream)}
.entry-content > .eg-hero,.entry-content > .eg-section{margin-block:0}
.eg-hero > *,.eg-section > *{max-width:1200px;margin-inline:auto}
.eg-hero p,.eg-dark p{color:var(--eg-line)}
.eg-hero a,.eg-dark a:not(.wp-block-button__link){color:var(--eg-green)}

/* Typografie */
.eg-hero h1.wp-block-heading{margin-top:0;font-size:clamp(2.6rem,6vw,4.5rem);color:#fff}
.eg-section h2{font-size:clamp(2rem,4vw,3rem);color:var(--eg-dark)}
.eg-section h3{color:var(--eg-dark)}
.eg-dark h2{color:#fff}
.eg-kicker{color:var(--eg-green) !important;font-weight:600}
.eg-section .eg-sub{color:var(--eg-dark);font-weight:600}
.eg-light p:not(.eg-sub),.eg-section p:not(.eg-sub){color:var(--eg-text)}
.eg-dark.eg-section p{color:var(--eg-line)}
.eg-section a:not(.wp-block-button__link){color:var(--eg-green-dark);font-weight:600}
.eg-dark a:not(.wp-block-button__link){color:var(--eg-green)}

/* Buttons: grüner Grund, dunkler Text (Kontrast) */
.eg-btn .wp-block-button__link{background:var(--eg-green);color:var(--eg-dark);font-weight:600;border-radius:4px;padding:14px 26px}
.eg-btn .wp-block-button__link:hover{background:#9bbd10;color:var(--eg-dark)}
.eg-btn-outline .wp-block-button__link{background:transparent;color:#fff;border:2px solid #fff;font-weight:600;border-radius:4px;padding:12px 24px}
.eg-btn-outline .wp-block-button__link:hover{background:#fff;color:var(--eg-dark)}
.wp-block-button__link:focus-visible{outline:3px solid var(--eg-green);outline-offset:3px}

/* Kacheln */
.eg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}
.eg-grid > .eg-tile{margin:0;background:#fff;border-top:4px solid var(--eg-green);padding:28px}
.eg-tile h3{margin:0 0 8px}
.eg-grid--numbered{counter-reset:eg-tile}
.eg-grid--numbered .eg-tile{counter-increment:eg-tile}
.eg-grid--numbered .eg-tile::before{content:"0" counter(eg-tile);display:block;margin-bottom:12px;font-family:var(--eg-font-heading);font-weight:700;color:var(--eg-green-dark)}

/* Boris */
.eg-boris img{border-radius:50%;border:4px solid var(--eg-green);max-width:380px;margin-inline:auto;display:block}
.eg-about-img img{border-radius:8px;width:100%;height:auto}

/* Filament-Liste */
.eg-materials{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.eg-materials li{border:2px solid var(--eg-green);padding:22px;color:#fff;font-weight:600}

/* Neueste Projekte */
.wp-block-latest-posts a:not(.wp-block-button__link){color:var(--eg-dark)}
.wp-block-latest-posts__featured-image img{width:100%;height:200px;object-fit:cover}
.wp-block-latest-posts li{border:1px solid var(--eg-line);padding:0 0 20px}
.wp-block-latest-posts li > *:not(.wp-block-latest-posts__featured-image){padding-inline:20px}

@media (max-width:600px){.eg-hero,.eg-section{padding:48px 20px}.eg-materials{grid-template-columns:1fr}}

/* Header dunkel */
#header{border-bottom:2px solid var(--eg-green)}
#header [data-row]{background:var(--eg-dark)}
#header .site-logo-container img{border-radius:50%}
#header .site-title{font-family:var(--eg-font-heading);font-size:26px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;--theme-link-initial-color:#fff;--theme-link-hover-color:var(--eg-green)}
#header [data-id="menu"] > ul > li > a{--theme-text-transform:none;--theme-font-size:15px;--theme-font-weight:600;--theme-link-initial-color:#fff;--theme-link-hover-color:var(--eg-green);--theme-link-active-color:var(--eg-green)}
#header [data-id="search"],#header [data-id="trigger"]{--theme-icon-color:#fff;--theme-icon-hover-color:var(--eg-green)}

/* Footer dunkel */
footer.ct-footer.ct-footer,footer.ct-footer [data-row]{background:var(--eg-dark)}
.ct-footer{border-top:2px solid var(--eg-green);color:var(--eg-line)}
footer.ct-footer .footer-menu-inline a{--theme-text-transform:none;--theme-font-size:14px;--theme-font-weight:500;color:var(--eg-line)}
footer.ct-footer .footer-menu-inline a:hover,footer.ct-footer .footer-menu-inline .current-menu-item > a{color:var(--eg-green)}
.ct-footer [data-id="copyright"]{--theme-text-color:var(--eg-line);color:var(--eg-line)}
/* Copyright rechtsbündig, solange Menü und Copyright nebeneinander stehen */
@media (min-width:1000px){.ct-footer [data-id="copyright"]{text-align:right}}

/* Kontaktformular */
.entry-content .fluentform{width:var(--theme-block-width);max-width:var(--theme-block-max-width);margin-inline:auto}
.fluentform .ff-el-form-control{border-color:var(--eg-line)}
.fluentform .ff-el-form-control:focus{border-color:var(--eg-green-dark)}
.fluentform .ff_t_c a{color:var(--eg-green-dark)}

/* Filament-Guide: Tabellen */
.eg-table table{background:#fff;border-collapse:collapse}
.eg-table th{background:var(--eg-dark);color:#fff;font-family:var(--eg-font-heading);font-size:1.1rem;font-weight:600;text-align:left}
.eg-table th,.eg-table td{border:1px solid var(--eg-line);padding:12px 16px}
.eg-table--wide table{min-width:640px}

/* Filament-Guide: FAQ */
.wp-block-details{background:#fff;border-left:4px solid var(--eg-green);padding:16px 20px}
.wp-block-details summary{color:var(--eg-dark);font-weight:600;cursor:pointer}
.wp-block-details > summary{margin:0}
.wp-block-details[open] > summary{margin-bottom:12px}

/* Seitentitel größer als die H2 im Inhalt */
.entry-header .page-title{font-size:clamp(2.6rem,5vw,3.75rem)}

/* Warenkorb als grüner Button */
#header [data-id="cart"] .ct-cart-item{--theme-link-initial-color:var(--eg-dark);--theme-link-hover-color:var(--eg-dark);--theme-icon-color:var(--eg-dark);--theme-icon-hover-color:var(--eg-dark);padding:8px 12px;border-radius:4px;background:var(--eg-green);font-weight:600}
#header [data-id="cart"] .ct-cart-item:hover{background:#9bbd10}
#header [data-id="cart"] .ct-label{color:var(--eg-dark)}

/* Coming-soon-Seite von WooCommerce */
h1.wp-block-heading.has-cardo-font-family{font-family:var(--eg-font-heading) !important}

/* Mobil: nur Warenkorb-Symbol, damit der Schriftzug Platz hat */
@media (max-width:689.98px){#header [data-id="cart"] .ct-label{display:none}#header [data-id="cart"] .ct-cart-item{padding:8px}#header .site-title{font-size:22px}}

/* Cookie-Hinweis: nur technisch notwendige Cookies, daher nichts abzulehnen */
.cookie-notification .ct-cookies-decline-button{display:none}
.cookie-notification .ct-cookies-accept-button{--theme-button-text-initial-color:var(--eg-dark);--theme-button-background-initial-color:var(--eg-green)}

/* Ergänzung zu zusatz-css.css: Tabellen im Filament-Guide */
.eg-table{overflow-x:auto;margin-top:24px}
.eg-table table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;font-size:.95rem}
.eg-table th{background:var(--eg-dark);color:#fff;text-align:left;padding:12px 14px;font-weight:600}
.eg-table td{padding:12px 14px;border-bottom:1px solid var(--eg-line);color:var(--eg-text);vertical-align:top}
.eg-table tbody tr:first-child td,.eg-table td:first-child{font-weight:600;color:var(--eg-dark)}
.eg-table tbody tr:nth-child(even) td{background:var(--eg-cream)}
.eg-section h3{margin-top:28px}

/* Ergänzung zu zusatz-css.css und zusatz-css-tabellen.css: Inhaltsverzeichnis und Sprungmarken */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
h2[id],h3[id]{scroll-margin-top:90px}

.eg-toc{padding-block:32px}
.eg-toc-title{margin:0 0 4px;font-size:1.1rem;color:var(--eg-dark) !important}
.eg-toc ul{columns:2;column-gap:32px;margin:12px auto 0;padding-left:20px}
.eg-toc li{break-inside:avoid;margin-bottom:6px}
@media (max-width:600px){.eg-toc ul{columns:1}}

/* Boris im Hero der Startseite */
.eg-hero-boris .wp-block-image{margin:0}
.eg-hero-boris img{display:block;width:auto;max-height:520px;margin-inline:auto}
@media (max-width:781px){.eg-hero-boris img{max-height:300px}}

/* Boris-Kopf rund im Abschnitt „Hi, ich bin Boris!“ */
.eg-boris-kopf .wp-block-image{margin:0}
.eg-boris-kopf img{border:4px solid var(--eg-green);border-radius:50%;max-width:100%;height:auto}
@media (max-width:781px){.eg-boris-kopf img{width:200px !important}}

/* Cookie-Hinweis ausblenden, solange das Handy-Menü oder die Suche offen ist (liegt sonst über dem Menü) */
body[data-panel*="in"] .cookie-notification{display:none}