/*
Theme Name: Vita-Doerr Woo (All-Effects Left + OG/Brand/ACF) – NoCover Fix
Author: Vita-Doerr
Description: Sticky Headline mit Eckbildern, Linkes Menü, Suche, Reise-Banner, OG/Brand/ACF + Non-overlap Fix.
Version: 2.3.0
Text Domain: vita-doerr-woo
*/
:root{--bg:#FAF7F2;--fg:#222;--brand:#222;--accent:#F2C94C;--border:#ECECEC;--muted:#666;--travel-h:0px;--content-header-h:0px}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--travel-h) + var(--content-header-h) + 12px)}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-shell{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}
@media (max-width: 980px){ .site-shell{grid-template-columns:1fr} }
.vd-travel{position:sticky;top:0;z-index:1500;background:var(--accent);color:#222;text-align:center;padding:10px 12px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sidebar{position:sticky;top:52px;align-self:start;z-index:1100}
.brand{font-weight:900;font-size:18px;letter-spacing:.2px;display:block;margin:12px 0}
.search{margin:8px 0 12px}
.search input[type="search"]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px}
.nav{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}
.nav ul{list-style:none;margin:0;padding:6px}
.nav li{margin:0}
.nav a{display:block;padding:10px 12px;border-radius:8px}
.nav .current-menu-item > a,.nav a:hover,.nav a:focus-visible{background:#f6f6f6}
.content-header{position:sticky;top:var(--travel-h);z-index:1200;background:#fff;border-bottom:1px solid var(--border)}
.headline-wrap{position:relative;padding:14px 0}
.headline{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}
.headline h1{margin:0;font-size:clamp(24px,5vw,38px);line-height:1.1}
.corner{position:absolute;top:6px;inline-size:min(22vw,120px);aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:2px solid rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08);pointer-events:none}
.corner.left{left:6px}
.corner.right{right:6px}
main#main{padding-top:calc(var(--content-header-h) + 12px)}
@keyframes vd-bounce-in{0%{opacity:0;transform:translateY(14px) scale(.96)}50%{opacity:1;transform:translateY(-4px) scale(1.02)}80%{transform:translateY(2px) scale(.999)}100%{transform:translateY(0) scale(1)}}
.vd-anim{opacity:0;transform:translateY(10px)}
.vd-anim.in{opacity:1;transform:none;animation:vd-bounce-in .7s cubic-bezier(.2,.8,.2,1) both}
@media (hover:hover) and (pointer:fine){.corner:hover,.corner:focus-visible{animation:vd-wobble .45s ease-in-out}}
@keyframes vd-wobble{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-2deg)}60%{transform:translateY(1px) rotate(2deg)}100%{transform:translateY(0) rotate(0)}}
@media (prefers-reduced-motion: reduce){.vd-anim,.vd-anim.in,.corner:hover,.corner:focus-visible{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
.vd-breadcrumbs{font-size:14px;margin:8px 0 16px;color:var(--muted)}
.vd-breadcrumbs a{color:inherit}
.vd-breadcrumbs .sep{padding:0 6px;opacity:.6}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;margin:0}
@media(min-width:560px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
.woocommerce ul.products li.product{list-style:none;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;padding:0}
.woocommerce a.button, .woocommerce button.button{display:inline-block;margin:12px 14px 14px;border:2px solid var(--brand);background:var(--brand);color:#fff;border-radius:999px;padding:10px 16px;font-weight:700}
.vd-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}