/*
Theme Name: Gutentools Food Blog
Theme URI: https://themegrove.com/products/gutentools/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Gutentools Food Blog is a versatile Full Site Editing (FSE) WordPress theme designed specifically for bloggers, writers, and content creators who value both style and flexibility. With complete block-based customization, it allows you to design every part of your site—from header to footer—without writing a single line of code. Its clean and modern layout ensures your content takes center stage, while built-in SEO optimization and fast performance help grow your audience. Whether you're sharing stories, tutorials, or updates, Gutentools Food Blog provides a seamless and professional blogging experience. Demo: https://demos.gutentools.com/block-demos/gutentools-food-blog/
Template: gutentools
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gutentools-food-blog
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

/* DIY Pflanzen: Garn und Werkbank */
:root{--dp-gutter:clamp(1.25rem,4vw,2.5rem)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body .wp-site-blocks>*{margin-block-start:0}
img{max-width:100%;height:auto}
:where(.wp-site-blocks) a{text-underline-offset:.18em;text-decoration-thickness:1.5px}
:focus-visible{outline:3px solid var(--wp--preset--color--primary);outline-offset:3px;border-radius:4px}
.dp-section{padding-inline:var(--dp-gutter)}

/* Header */
header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar header.wp-block-template-part{top:32px}
@media(max-width:782px){.admin-bar header.wp-block-template-part{top:46px}}
.dp-header{background:var(--wp--preset--color--base);border-bottom:1px solid var(--wp--preset--color--line);padding-inline:var(--dp-gutter)}
.dp-header__inner{padding-block:.85rem;gap:.75rem 2rem}
.dp-brand{margin:0;font-family:var(--wp--preset--font-family--bricolage);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;line-height:1}
.dp-brand a{color:var(--wp--preset--color--secondary);text-decoration:none}
.dp-brand a::after{content:".";color:var(--wp--preset--color--primary)}
.dp-nav .wp-block-navigation-item__content{text-decoration:none;padding:.35rem .1rem}
.dp-nav .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--primary)}
.dp-nav .wp-block-navigation__submenu-container{border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--sm);padding:.4rem;box-shadow:var(--wp--preset--shadow--soft)}
.dp-search .wp-block-search__button{background:transparent;color:var(--wp--preset--color--secondary);border:0;padding:.4rem}
.dp-search .wp-block-search__button:hover{background:var(--wp--preset--color--tertiary);color:var(--wp--preset--color--secondary)}

/* Buttons */
.wp-block-button__link{transition:background-color .2s ease,color .2s ease,border-color .2s ease;text-decoration:none}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--secondary);border:2px solid var(--wp--preset--color--secondary);padding:calc(.85em - 2px) calc(1.6em - 2px)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--secondary);color:var(--wp--preset--color--white)}
.dp-buttons-on-color .wp-block-button__link{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--white)}

/* Hero */
.dp-hero{padding-block:clamp(2.25rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}
.dp-hero__cols{gap:clamp(1.5rem,4vw,4rem)}
.dp-hero__title{font-size:var(--wp--preset--font-size--display);line-height:1.02;letter-spacing:-.035em;margin:0 0 1.25rem;text-wrap:balance}
.dp-hero__title mark{background:none}
.dp-hero__lead{font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--contrast-2);max-width:34rem;margin:0 0 1.75rem}
.dp-hero__art{margin:0}
.dp-hero__art svg{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto}

/* Section head */
.dp-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.dp-section-head>*{margin:0}
.dp-more a{font-weight:800;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}

/* Topics */
.dp-topics{padding-block:clamp(1.5rem,3vw,2.5rem) clamp(2.5rem,5vw,4rem)}
.wp-block-group.dp-topics__grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:1.25rem}
.wp-block-group.dp-topics__grid>*{margin:0}
.wp-block-group.dp-topic{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--wp--custom--radius--lg);transition:box-shadow .2s ease}
.wp-block-group.dp-topic>*{margin:0}
.dp-topic::before{content:"";position:absolute;z-index:-1;right:-70px;top:-70px;width:320px;height:320px;border-radius:50%;background:repeating-radial-gradient(circle,currentColor 0 2px,transparent 2px 15px);opacity:.16}
.dp-topic--haekeln{grid-row:1/span 2;min-height:440px;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--white)}
.dp-topic--diy{background:var(--wp--preset--color--tertiary);color:var(--wp--preset--color--contrast)}
.dp-topic--makramee{background:var(--wp--preset--color--secondary);color:var(--wp--preset--color--white)}
.dp-topic h3{color:inherit;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.05}
.dp-topic--diy h3{color:var(--wp--preset--color--secondary)}
.dp-topic--haekeln h3{font-size:clamp(2.4rem,5vw,4rem)}
.dp-topic h3 a{color:inherit;text-decoration:none}
.dp-topic h3 a::after{content:"";position:absolute;inset:0}
.wp-block-group.dp-topic p{margin-top:.6rem;max-width:26rem;color:inherit;font-size:1.02rem}
.dp-topic:hover{box-shadow:var(--wp--preset--shadow--soft)}

/* Latest posts and cards */
.dp-latest{padding-block:clamp(2rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}
.wp-block-group.dp-card{display:flex;flex-direction:column;gap:.55rem}
.wp-block-group.dp-card>*{margin:0}
.dp-card .wp-block-post-featured-image{margin-bottom:.35rem;border-radius:var(--wp--custom--radius--md);overflow:hidden;background:var(--wp--preset--color--tertiary)}
.dp-card .wp-block-post-featured-image img{display:block;width:100%;transition:transform .5s ease}
.dp-card:hover .wp-block-post-featured-image img{transform:scale(1.03)}
.dp-card__cat{font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.dp-card__cat a{text-decoration:none}
.dp-card__title{font-size:1.4rem;line-height:1.18}
.dp-card__title a{color:var(--wp--preset--color--secondary);text-decoration:none}
.dp-card__title a:hover{color:var(--wp--preset--color--primary)}
.dp-card__excerpt{color:var(--wp--preset--color--contrast-2);font-size:.98rem}
.dp-card__excerpt p{margin:0}
.wp-block-group.dp-empty{background:var(--wp--preset--color--tertiary);border-radius:var(--wp--custom--radius--lg);padding:clamp(1.75rem,5vw,3.25rem)}
.dp-empty h3{margin:0 0 .5rem}
.dp-empty p{margin:0;max-width:34rem}

/* About band */
.dp-about-wrap{padding-inline:var(--dp-gutter);padding-bottom:clamp(3rem,6vw,5rem)}
.wp-block-group.dp-about{position:relative;overflow:hidden;isolation:isolate;background:var(--wp--preset--color--blush);border-radius:var(--wp--custom--radius--lg);padding:clamp(2rem,6vw,4.5rem)}
.dp-about::before{content:"";position:absolute;z-index:-1;right:-90px;bottom:-110px;width:380px;height:380px;border-radius:50%;background:repeating-radial-gradient(circle,var(--wp--preset--color--primary) 0 2px,transparent 2px 16px);opacity:.22}
.dp-about h2{margin:0 0 1rem;max-width:22ch}
.dp-about p{max-width:36rem;margin:0 0 1.5rem;font-size:var(--wp--preset--font-size--medium)}

/* Footer */
.dp-footer{background:var(--wp--preset--color--secondary);color:var(--wp--preset--color--tertiary);padding:clamp(2.5rem,5vw,4rem) var(--dp-gutter) 1.75rem}
.dp-footer a{color:var(--wp--preset--color--white);text-decoration:none}
.dp-footer a:hover{text-decoration:underline}
.dp-footer .dp-brand a::after{color:var(--wp--preset--color--blush)}
.dp-footer p{margin:.75rem 0 0;max-width:24rem}
.dp-footer h2{margin:0 0 .9rem;font-family:var(--wp--preset--font-family--nunito-sans);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--blush)}
.dp-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.dp-footer__cols{gap:2rem 3rem}
.dp-footer__legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--wp--preset--color--white) 20%,transparent);font-size:.9rem}
.dp-footer__legal p{margin:0}

/* Archive, blog, search */
.dp-archive-head{padding-block:clamp(2.25rem,6vw,4.5rem) 1.5rem}
.dp-archive-head h1{margin:0 0 .75rem}
.dp-archive-head p,.dp-archive-head .wp-block-term-description{color:var(--wp--preset--color--contrast-2);max-width:40rem;margin:0}
.dp-archive-grid{padding-block:1rem clamp(3rem,6vw,5rem)}
.dp-archive-head .wp-block-search{margin-top:1.5rem;max-width:32rem}
.wp-block-query-pagination{margin-top:2.5rem;gap:.5rem;justify-content:center}
.wp-block-query-pagination .page-numbers,.wp-block-query-pagination-next,.wp-block-query-pagination-previous{background:transparent;color:var(--wp--preset--color--secondary);padding:.45rem .95rem;margin:0;border-radius:999px;font-size:1rem;font-weight:800;text-decoration:none}
.wp-block-query-pagination .page-numbers.current{background:var(--wp--preset--color--secondary);color:var(--wp--preset--color--white)}
.wp-block-query-pagination a:hover{background:var(--wp--preset--color--tertiary)}
.wp-block-search__input{border:2px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--sm);padding:.7rem 1rem;background:var(--wp--preset--color--white);color:var(--wp--preset--color--contrast)}
.wp-block-search__input:focus{border-color:var(--wp--preset--color--secondary);outline:none}
.wp-block-search__button{border-radius:999px;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--white);border:0;padding:.7rem 1.4rem;font-weight:800}
.wp-block-search__button:hover{background:var(--wp--preset--color--primary-dark)}

/* Single post and pages */
.dp-post-head{padding-block:clamp(2rem,5vw,3.5rem) 1.5rem}
.dp-post-head h1{margin:.5rem 0 1rem}
.dp-post-meta{gap:.25rem 1rem;color:var(--wp--preset--color--contrast-2);font-size:.95rem}
.dp-post-image img{border-radius:var(--wp--custom--radius--lg);width:100%}
.dp-post-body{padding-block:1.5rem clamp(2.5rem,5vw,4rem)}
.wp-block-post-content :where(h2){margin-top:2.25em}
.wp-block-post-content :where(h3){margin-top:1.75em}
.wp-block-post-content :where(blockquote){border-left:4px solid var(--wp--preset--color--primary);margin-left:0;padding-left:1.25rem;font-size:1.15rem}
.wp-block-post-content :where(ul,ol){padding-left:1.4rem}
.wp-block-post-content li::marker{color:var(--wp--preset--color--primary)}
.wp-block-post-content img{border-radius:var(--wp--custom--radius--md)}
.dp-post-nav{padding-block:0 clamp(3rem,6vw,5rem)}
.dp-post-nav__row{border-top:1px solid var(--wp--preset--color--line);padding-top:1.5rem;gap:1rem 2rem}
.dp-post-nav a{font-weight:800;text-decoration:none}
.dp-page-head{padding-block:clamp(2.25rem,6vw,4.5rem) 1rem}
.dp-404{padding-block:clamp(3rem,10vw,7rem);text-align:center}
.dp-404 .wp-block-search{max-width:28rem;margin-inline:auto}

@media(max-width:781px){
.wp-block-group.dp-topics__grid{grid-template-columns:1fr;grid-template-rows:none}
.dp-topic--haekeln{grid-row:auto;min-height:300px}
.wp-block-group.dp-topic{min-height:190px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}