/**
 * ImmoExpert – Site-weite Sektions-/Komponenten-Styles.
 * Ausgelagert aus theme.json (styles.css) für saubere Convention.
 * Tokens leben in theme.json; hier nur Layout/Sektions-CSS, das (noch) nicht
 * in einem Block kapselt. Listings-Regeln wandern in Phase 1 in den Block.
 */

/* --- Struktur-Resets ------------------------------------------------------ */
.wp-block-template-part { margin-block: 0; }

/* Kein horizontales Wegscrollen: full-bleed 100vw-Elemente (Carousel/Hero)
   sind sonst um die Scrollbar-Breite breiter als der Viewport. clip statt
   hidden, damit position:sticky/anchor-scroll unangetastet bleiben. */
html, body { overflow-x: clip; max-width: 100%; }

/* Apple-Silber-Footer: graue Links, dunkel beim Hover; Logo als dunkle Silhouette. */
.singulary-canvas-footer a { color: var(--wp--preset--color--muted); text-decoration: none; transition: color .2s ease; }
.singulary-canvas-footer a:hover { color: var(--wp--preset--color--ink); }
.singulary-canvas-footer .wp-block-site-logo img { filter: brightness(0); opacity: .9; height: auto; }

/* --- Pfad-/Cover-Karten (Zoom-Hover) ------------------------------------- */
.fyh-path-card { overflow: hidden; }
.fyh-path-card .wp-block-cover__image-background { transition: transform .6s cubic-bezier(.22,1,.36,1); }
.fyh-path-card:hover .wp-block-cover__image-background { transform: scale(1.04); }

/* Objekt-Kopf + Listings-Carousel leben jetzt im Block singulary-ui/listings
   (blocks/listings/style.css) — hier bewusst entfernt (keine Duplikation). */

/* Hero lebt jetzt im Block singulary-ui/hero (blocks/hero/style.css). */

/* --- Trust-Badge ---------------------------------------------------------- */
.fyh-trust { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.25rem; font-size: .86rem; color: var(--wp--preset--color--on-dark-soft); }
.fyh-trust .fyh-stars { color: #ffc107; letter-spacing: .06em; font-size: 1rem; line-height: 1; }
.fyh-trust strong { color: #fff; font-weight: 700; }

/* --- Navbar: ImmoExpert-spezifische Theme-Overrides (Block bleibt generisch) */
.sgui-nav { --sgui-nav-height: 76px; }
.sgui-nav__logo { height: clamp(2.55rem, 3.4vw, 3.5rem); max-width: min(22rem, 52vw); margin-left: 0.6rem; }
.sgui-nav__bar { max-width: none; margin-left: var(--wp--style--root--padding-left); margin-right: var(--wp--style--root--padding-right); padding-left: 1.15rem; padding-right: .9rem; }
@media (max-width: 759px) { .sgui-nav__cta { display: inline-flex; padding-left: .9rem; padding-right: .9rem; } }

/* FAB-Schiene lebt jetzt im Block singulary-ui/hero (blocks/hero/style.css). */

/* --- Objekt-Sektion-Anker ------------------------------------------------- */
#objekte { padding-top: 3.25rem !important; }

/* --- Objektbeschreibung: lesbare Prosa (Butterling-Pattern) -------------- */
.fyh-prose .wp-block-post-content {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: color-mix( in srgb, var(--wp--preset--color--ink) 82%, transparent );
}
.fyh-prose .wp-block-post-content p { margin: 0 0 1.25rem; }
.fyh-prose .wp-block-post-content p:last-child { margin-bottom: 0; }
.fyh-prose .wp-block-post-content h2,
.fyh-prose .wp-block-post-content h3 {
	margin: 2rem 0 .75rem;
	font-weight: 700;
	letter-spacing: -.01em;
	color: var(--wp--preset--color--ink);
}
.fyh-prose .wp-block-post-content ul,
.fyh-prose .wp-block-post-content ol { margin: 0 0 1.25rem; padding-left: 1.25rem; }
.fyh-prose .wp-block-post-content li { margin: 0 0 .4rem; }