/*
Theme Name: Venista Ventures
Theme URI: https://venista-ventures.com/
Author: Venista Management GmbH
Author URI: https://venista-ventures.com/
Description: Block-Theme für venista-ventures.com — Landing Page mit den zwei Bereichen KI Studio und Ventures. Basiert auf dem Venista Design-System (Lato, Signalrot #DD001A, Graustufen). Alle Design-Tokens liegen in theme.json.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: venista-ventures
Tags: full-site-editing, block-patterns, business, portfolio, one-column, custom-colors, custom-logo, editor-style
*/

/*
  Fast das gesamte Design steckt in theme.json.
  Hier stehen nur wenige Feinheiten, die sich in theme.json nicht abbilden lassen.
*/

/* Roter Akzent-Strich unter Section-Titeln (Utility-Klasse, per "Zusätzliche CSS-Klasse" nutzbar) */
.vv-rule::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: var(--wp--preset--color--red);
  margin-top: 16px;
}

/* Text-Auswahl in Markenrot */
::selection { background: var(--wp--preset--color--red); color: #fff; }

/* Sticky-Nav mit leichtem Blur */
.vv-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: saturate(1.2) blur(12px);
  -webkit-backdrop-filter: saturate(1.2) blur(12px);
}

/* Karten-Hover für Portfolio & die zwei Landing-Blöcke */
.vv-card { transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.vv-card:hover {
  border-color: var(--wp--preset--color--ink) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.04);
}
.vv-landing-card:hover { transform: translateY(-4px); }

/* ---------- Header-Navigation ---------- */
/* Menüpunkte: immer Venista-Rot */
.vv-nav .wp-block-navigation a,
.vv-nav .wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--red);
  text-decoration: none;
}
/* Hover: rot unterstrichen */
.vv-nav .wp-block-navigation a:hover {
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--red);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
/* Aktive Seite: fett */
.vv-nav .wp-block-navigation a[aria-current="page"],
.vv-nav .wp-block-navigation .current-menu-item > a {
  font-weight: 700;
}

/* ---------- Bündige Sektionen ---------- */
/* Keine weißen Balken: Header, Inhalt, Sektionen und Footer stoßen direkt aneinander */
.wp-site-blocks > * { margin-block-start: 0 !important; }
.wp-block-post-content > * { margin-block-start: 0 !important; }
main.wp-block-group { padding-top: 0; padding-bottom: 0; }

/* ---------- Footer-Links ---------- */
/* Farbe (weiß normal / rot Hover) kommt aus dem Footer-Block (elements.link).
   Hier nur die Unterstreichung beim Hover. */
footer.wp-block-group a { text-decoration: none; }
footer.wp-block-group a:hover {
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--red);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* ---------- Hero: Text-Block rechts andocken ---------- */
/* Sitzt am rechten Rand (nicht in einer zentrierten 1200er-Box) und
   behält eine lesbare Zeilenlänge — auf großen Monitoren rechtsbündig. */
.vv-hero-text { max-width: 560px; margin-left: auto; }
@media (max-width: 900px) { .vv-hero-text { max-width: 100%; } }

/* Mobile: horizontaler Verlauf funktioniert nicht mehr (Text steht über dem
   ganzen Bild) -> heller, fast deckender Weiß-Schleier, damit dunkler Text
   überall gut lesbar bleibt. Bild bleibt als dezente Textur sichtbar. */
@media (max-width: 782px) {
  .vv-hero .wp-block-cover__background {
    background: rgba(255,255,255,0.82) !important;
  }
  .vv-hero { min-height: 440px !important; }
}

/* ---------- Portfolio-Karten ---------- */
/* Logo-Größe und Link-Farbe stehen direkt im Block-Markup (verlässlicher als CSS).
   Hier nur Feinschliff, der ohne Auswirkung bleibt, falls die Datei nicht lädt. */
.vv-pf .vv-logo { margin: 0; }
/* Abstand über dem Kachel-Link wird zentral in theme.json gesetzt (styles.css). */
.vv-pf .vv-weblink a { text-decoration: none; }
.vv-pf .vv-weblink a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- Gleich hohe Karten (Spalten) ---------- */
/* Karten in einer .vv-eqcards-Spaltengruppe füllen die volle Spaltenhöhe,
   sodass alle Kacheln unabhängig von der Textlänge gleich groß sind. */
.vv-eqcards .wp-block-column { display: flex; }
.vv-eqcards .wp-block-column > .wp-block-group { flex: 1 1 auto; width: 100%; }

/* Großflächige Landing-Blöcke: roter Balken links beim Hover */
.vv-landing-card { position: relative; overflow: hidden; }
.vv-landing-card::before {
  content: "";
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px; background: var(--wp--preset--color--red);
  transform: scaleY(0); transform-origin: top; transition: transform 220ms ease;
}
.vv-landing-card:hover::before { transform: scaleY(1); }