/*
Theme Name: Gerettete Objekte
Theme URI: https://gerettete-objekte.de
Description: Das Archiv der geretteten Objekte — Child-Theme von Ollie. Ausstellungs-Typografie (Fraunces + IBM Plex Mono), Archivpapier-Palette, Stempelrot.
Author: Martina Bohr
Template: ollie
Version: 1.0.1
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: gerettete-objekte
*/

/* ---------- Grundstimmung Archiv ---------- */
::selection {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}

h1, h2, h3, h4, h5, h6 {
  font-optical-sizing: auto;
}

/* Mono-Label: Inventarnummern, Sektions-Kicker (ABT. 01 — DAS ANGEBOT) */
.go-label {
  font-family: var(--wp--preset--font-family--monospace);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary-alt);
}

/* Hairline: feine Tintenlinie statt Kästen */
.go-hairline {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--main) 22%, transparent);
}

/* Buttons: Stempel-Charakter */
.wp-block-button__link {
  transform: rotate(-1.2deg);
  transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.wp-block-button__link:hover {
  transform: rotate(0deg);
}

/* Zitate: Serifen-Kursive, Fußnoten-Ton */
.wp-block-quote, .wp-block-pullquote {
  font-style: italic;
}

/* Karteikarte: Karten-Hover minimal, mechanisch */
.go-karte {
  transition: transform .15s ease, box-shadow .15s ease;
}
.go-karte:hover {
  transform: translateY(-3px);
  box-shadow: 0 3px 0 color-mix(in srgb, var(--wp--preset--color--main) 12%, transparent);
}

/* ---------- Vorher/Nachher-Wischregler (archiv.js baut ihn aus .go-vergleich) ---------- */
.go-vergleich-slider {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--border-light);
  user-select: none;
  touch-action: pan-y;
}
.go-vergleich-slider > img { display: block; width: 100%; height: auto; }
.go-vergleich-slider .go-nachher {
  position: absolute; inset: 0;
  clip-path: inset(0 0 0 var(--go-x, 50%));
}
.go-vergleich-slider .go-nachher img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: top;
}
.go-regler {
  position: absolute; top: 0; bottom: 0; left: var(--go-x, 50%);
  width: 2px; background: var(--wp--preset--color--main);
  cursor: ew-resize; z-index: 5;
}
.go-regler::after {
  content: "\25C2 \25B8";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  background: var(--wp--preset--color--main); color: var(--wp--preset--color--base);
  font-family: var(--wp--preset--font-family--monospace); font-size: 11px;
  padding: 7px 9px; white-space: nowrap; border-radius: 99px;
}
.go-schicht-tag {
  position: absolute; top: 12px; z-index: 4;
  font-family: var(--wp--preset--font-family--monospace);
  font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase;
  background: rgba(251, 248, 241, .92);
  border: 1px solid var(--wp--preset--color--border-light);
  padding: 4px 9px;
}
.go-tag-vorher { left: 12px; }
.go-tag-nachher { right: 12px; }

/* ---------- GERETTET-Stempel ---------- */
.go-stempel {
  position: absolute; z-index: 6; top: 16%; left: 6%;
  font-family: var(--wp--preset--font-family--monospace);
  font-weight: 500; font-size: clamp(15px, 2.4vw, 24px);
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--wp--preset--color--primary);
  border: 3px double var(--wp--preset--color--primary);
  padding: .35em .7em .35em .9em;
  transform: rotate(-6deg) scale(2.2);
  opacity: 0; pointer-events: none;
}
.go-gestempelt .go-stempel {
  animation: go-aufstempeln .38s cubic-bezier(.2, 1.6, .4, 1) forwards;
  animation-delay: .45s;
}
@keyframes go-aufstempeln {
  0% { opacity: 0; transform: rotate(-6deg) scale(2.2); }
  62% { opacity: 1; transform: rotate(-6deg) scale(.96); }
  100% { opacity: .92; transform: rotate(-6deg) scale(1); }
}

/* ---------- Befundbogen (Formular ZB-01) ---------- */
.go-befund-kopf {
  border-bottom: 1px solid var(--wp--preset--color--border-light);
  padding-bottom: .75rem;
}
.go-befundzeilen table { border-collapse: collapse; width: 100%; }
.go-befundzeilen td {
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--main) 13%, transparent);
  padding: .6rem .1rem;
  font-family: var(--wp--preset--font-family--monospace);
  font-size: .8rem; letter-spacing: .06em; text-transform: uppercase;
}
.go-befundzeilen td:last-child {
  text-align: right; font-style: italic;
  color: var(--wp--preset--color--secondary);
}