/*
Theme Name: the flavorful path
Theme URI: https://wirzdesignlab.com
Author: Wirz Design Lab
Description: Block-Theme für den Lifestyle- und Genussblog the flavorful path – bildstark, ruhig, editorial, mit lokal eingebundenen Schriften (Cormorant Garamond, Jost; SIL OFL 1.1).
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-flavorful-path
*/

/* ---------- Grundlagen ---------- */
.tfp-label { font-family: var(--wp--preset--font-family--sans); font-size: var(--wp--preset--font-size--label); font-weight: 500; text-transform: uppercase; letter-spacing: .24em; }
.tfp-lead { font-family: var(--wp--preset--font-family--serif); font-weight: 400; line-height: 1.3; letter-spacing: .01em; }
.tfp-more a { text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
::selection { background: var(--wp--preset--color--mist); }
:where(.wp-site-blocks) :focus-visible { outline: 1px solid var(--wp--preset--color--ink); outline-offset: 4px; }

/* ---------- Kopfzeile ---------- */
.tfp-header { position: relative; z-index: 20; }
.tfp-header--overlay { position: absolute; top: 0; left: 0; right: 0; color: var(--wp--preset--color--white); }
.admin-bar .tfp-header--overlay { top: 32px; }
@media (max-width: 782px) { .admin-bar .tfp-header--overlay { top: 46px; } }
.tfp-header--overlay .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--white); }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--paper) !important; color: var(--wp--preset--color--ink) !important; padding: 6rem 2rem 2rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: center !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-family: var(--wp--preset--font-family--serif); font-size: clamp(1.8rem, 5vw, 2.8rem); text-transform: none; letter-spacing: .01em; font-weight: 400; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.1rem !important; align-items: center !important; }

/* ---------- Titelbild Startseite ---------- */
.tfp-cover { min-height: 92vh; }
.tfp-cover h1 { color: var(--wp--preset--color--white) !important; font-weight: 300; }
.tfp-cover h1 em { font-style: italic; }
.tfp-scroll { display: inline-block; width: 1px; height: 56px; background: rgba(255,255,255,.7); }

/* ---------- Beitragsraster ---------- */
.tfp-card { display: flex; flex-direction: column; gap: .9rem; }
.tfp-card .wp-block-post-featured-image { margin: 0; overflow: hidden; }
.tfp-card .wp-block-post-featured-image img { aspect-ratio: 4/5; object-fit: cover; width: 100%; transition: transform .8s ease; }
.tfp-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.tfp-card:not(:has(.wp-block-post-featured-image img))::before {
	content: ""; display: block; aspect-ratio: 4/5; width: 100%;
	background: radial-gradient(120% 90% at 30% 20%, #e3ddd2 0%, #d6cfc2 45%, #c9c1b2 100%);
}
.tfp-card .wp-block-post-title { margin-top: .2rem; }
.tfp-card .wp-block-post-title a:hover { color: var(--wp--preset--color--olive); }

/* ---------- Themenliste ---------- */
.tfp-topics a { text-decoration: none; display: block; padding: 1.4rem 0; border-top: 1px solid rgba(46,44,39,.18); transition: padding-left .3s ease; }
.tfp-topics a:hover { padding-left: .6rem; color: var(--wp--preset--color--olive); }
.tfp-topics .tfp-topic-title { font-family: var(--wp--preset--font-family--serif); font-size: var(--wp--preset--font-size--large); display: block; }
.tfp-topics .tfp-topic-text { display: block; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }

/* ---------- Beitrag ---------- */
.single .wp-block-post-content > p:first-of-type::first-letter { font-family: var(--wp--preset--font-family--serif); float: left; font-size: 4.2em; line-height: .82; padding: .08em .1em 0 0; }
.wp-block-post-content h2 { font-size: var(--wp--preset--font-size--x-large); }
.wp-block-post-content ul li::marker, .wp-block-post-content ol li::marker { color: var(--wp--preset--color--muted); }
.wp-block-post-content ol li::marker { font-family: var(--wp--preset--font-family--serif); font-size: 1.15em; }
.wp-block-post-content li { margin-bottom: .35rem; }

/* ---------- Startseite endet mit Band direkt am Footer ---------- */
main:has(> .alignfull:last-child) { padding-bottom: 0 !important; }
main > .alignfull:last-child { margin-bottom: 0; }