/* Formverk Bag om 4.5: "Find noget i sykurven" og "Min proces" */

@font-face{font-family:"FV Pinyon";src:url("fonts/pinyon-script.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

/* Ligger shortcoden inde i kolonner (fx med negativ afstand foroven), nulstilles det */
.wp-block-columns:has(.fv-bagom){margin-top:0!important;display:block!important}
.wp-block-column:has(.fv-bagom){flex-basis:100%!important;min-width:0}
.wp-block-columns:has(>.wp-block-column:empty:only-child){display:none!important}

.fv-bagom{--fv-g:#5f6b45;--fv-gold:#bfb269;--fv-cream:#fbfaf3;--fv-mut:#55534b;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow:hidden}
.fv-bagom p:empty{display:none}
html:has(.fv-bagom),body:has(.fv-bagom){overflow-x:clip}
.fv-ab-label{margin:0 0 14px!important;color:var(--fv-gold);letter-spacing:3px;font-size:14px;font-weight:400;text-transform:uppercase}

/* Fjern temaets ekstra luft over indholdet på Bag om-siden */
main:has(.fv-bagom){margin-top:0!important}
main:has(.fv-bagom)>.wp-block-group:has(.fv-bagom),.wp-block-group:has(>.entry-content .fv-bagom){padding-top:0!important}

/* Sykurven */
.fv-ab-kurv{max-width:1080px;margin:0 auto;padding:28px 20px 110px;text-align:center}
.fv-ab-h{margin:0 0 14px!important;font-weight:300;font-size:clamp(40px,5vw,64px);letter-spacing:-2.5px;line-height:1.05;color:#111}
.fv-ab-sub{margin:0 auto 40px!important;color:var(--fv-mut);font-weight:300;font-size:19px;max-width:44ch}
.fv-ab-tools{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.fv-ab-tool{border:0;background:none;padding:8px;cursor:pointer;font:inherit;color:var(--fv-mut);font-size:16px;font-weight:300;display:grid;justify-items:center;gap:10px;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
.fv-ab-tool:hover{transform:translateY(-4px) rotate(-2deg)}
.fv-ab-tool span{position:relative;padding-bottom:8px}
.fv-ab-tool span::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--fv-g) 0 5px,transparent 5px 9px);transform:scaleX(0);transition:transform .45s}
.fv-ab-tool[aria-pressed="true"]{color:#111;font-weight:400}
.fv-ab-tool[aria-pressed="true"] span::after{transform:none}
.fv-ab-tool canvas{width:150px;height:164px;display:block}
.fv-ab-tool:focus-visible{outline:2px dashed var(--fv-g);outline-offset:4px}
.fv-ab-fact{min-height:84px;margin-top:26px}
.fv-ab-fact h3{margin:0 0 6px!important;font-weight:400;font-size:24px;letter-spacing:-.6px;color:#111}
.fv-ab-fact p{margin:0 auto!important;color:var(--fv-mut);font-weight:300;font-size:19px;max-width:44ch}
.fv-ab-fact>div{animation:fv-ab-in .5s ease both}
@keyframes fv-ab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Min proces: gråbrun sektion med piller og kyllingen */
.fv-ab-proc{background:#817e6a;color:#fbfaf3;text-align:center;padding:96px 20px 84px}
.fv-ab-proc{position:relative;overflow:hidden}
.fv-ab-proc>*{position:relative;z-index:2}
.fv-ab-proc--photo{background:#59603f}
.fv-ab-proc>.fv-ab-proc__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;margin:0;max-width:none}
.fv-ab-proc--photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(40,38,28,.55),rgba(40,38,28,.62))}
.fv-ab-proc--photo{padding:110px 20px}
.fv-ab-proc--photo .fv-ab-proc__box{max-width:980px;margin:0 auto;padding:56px 48px 52px;background:rgba(251,250,243,.96);border-radius:6px;box-shadow:0 18px 50px rgba(0,0,0,.28);position:relative}
.fv-ab-proc--photo .fv-ab-proc__box::before{content:"";position:absolute;inset:12px;border:2px dashed rgba(191,178,105,.55);border-radius:3px;pointer-events:none}
.fv-ab-proc--photo .fv-ab-proc__h{color:#111}
.fv-ab-proc--photo .fv-ab-proc__txt b{color:var(--fv-g)}
.fv-ab-proc--photo .fv-ab-proc__txt p{color:var(--fv-mut)}
.fv-ab-proc--photo .fv-ab-pill:focus-visible{outline-color:var(--fv-g)}
.fv-ab-proc__h{margin:0 0 34px!important;font-weight:400;font-size:clamp(30px,3vw,40px);letter-spacing:-2px;color:#fbfaf3}
.fv-ab-proc__pills{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.fv-ab-pill{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 35px;border-radius:999px;background:var(--fv-cream);border:1px solid var(--fv-gold);color:var(--fv-gold);font:inherit;font-size:18px;font-weight:300;letter-spacing:-.1px;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background .3s,color .3s,border-color .3s,transform .3s}
.fv-ab-pill:hover{transform:translateY(-2px)}
.fv-ab-pill[aria-selected="true"]{background:var(--fv-g);border-color:var(--fv-g);color:var(--fv-cream)}
.fv-ab-pill:focus-visible{outline:2px dashed var(--fv-cream);outline-offset:3px}
.fv-ab-proc__body{display:grid;grid-template-columns:auto minmax(0,40ch);gap:56px;align-items:center;justify-content:center;max-width:900px;margin:40px auto 0;text-align:left}
.fv-ab-proc__hoop canvas{display:block;width:300px;height:auto}
.fv-ab-proc__txt{min-height:96px}
.fv-ab-proc__txt b{display:block;font-weight:400;font-size:22px;letter-spacing:-.8px;color:#fbe6a4;margin-bottom:4px}
.fv-ab-proc__txt p{margin:0!important;color:#f1efe4;font-weight:300;font-size:18px;line-height:1.6}
.fv-ab-proc__txt .fv-ab-next{margin-top:16px!important;font-size:14px;opacity:.75}
.fv-ab-proc__txt>div{animation:fv-ab-in .5s ease both}

/* Mit moodboard: collage på cremefarvet papir – alt kan trækkes rundt */
.fv-ab-board{text-align:center;padding:96px 20px 90px;background:#fff}
.fv-ab-board .fv-ab-label{color:#8a7d5c}
.fv-ab-board__h{margin:0 0 8px!important;font-weight:300;font-size:clamp(32px,3.6vw,44px);letter-spacing:-2px;color:#2d2b25}
.fv-ab-board__hint{margin:0 0 18px!important;font-size:14px;color:#8b8573;font-weight:300}
.fv-ab-board__area{position:relative;height:780px;max-width:1120px;margin:0 auto 34px}
.fv-ab-editbar{max-width:1120px;margin:-14px auto 30px;padding:10px 16px;border:1px dashed #cfc7ad;border-radius:8px;font-size:14px;color:#6b6656;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.fv-ab-save{font:inherit;cursor:pointer;border:0;border-radius:999px;background:var(--fv-g);color:#fff;padding:8px 18px}
.fv-ab-saved{color:var(--fv-g)}
.fv-ab-img{box-shadow:0 2px 8px rgba(50,40,15,.12)}
.fv-ab-img img{display:block;width:100%;pointer-events:none;margin:0;filter:saturate(.7) sepia(.12) contrast(.96)}
.fv-ab-img{width:260px}
.fv-ab-logo{width:150px;background:none;box-shadow:none!important}
.fv-ab-logo img{display:block;width:100%;height:auto;margin:0;pointer-events:none;filter:none;box-shadow:none}
.fv-ab-logo.is-lift{filter:none}
.fv-ab-img img{height:auto}
.fv-ab-img.is-bw img{filter:grayscale(1) contrast(.95)}
.fv-ab-drag{position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .25s,filter .2s,box-shadow .2s;z-index:2;text-align:left;box-sizing:border-box}
.fv-ab-drag.is-lift{cursor:grabbing;filter:drop-shadow(0 18px 20px rgba(50,40,15,.22))}
.fv-ab-pearl{position:absolute;left:24px;top:-6px;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 18%,#f3ece0 40%,#d6cbb6 100%);box-shadow:0 2px 3px rgba(0,0,0,.25);z-index:3}
.fv-ab-photo{width:270px;padding:26px}
.fv-ab-photo__in{position:relative;z-index:1;background:#f3efe4;padding:6px}
.fv-ab-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(.95) brightness(1.03);pointer-events:none;margin:0}
.fv-ab-photo canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.fv-ab-letter{width:360px;padding:38px 36px 34px;background:#f6f0e1;background-image:repeating-linear-gradient(transparent 0 33px,rgba(120,100,60,.14) 33px 34px);box-shadow:0 4px 12px rgba(50,40,15,.1);clip-path:polygon(0 2%,6% 0,14% 1.5%,22% 0,31% 1%,40% 0,52% 1.2%,63% 0,74% 1.5%,85% 0,94% 1%,100% 0,100% 100%,0 100%)}
.fv-ab-letter b,.fv-ab-letter p,.fv-ab-letter__sig{font-family:"FV Pinyon","Pinyon Script",cursive;font-weight:400;color:#3b372c;letter-spacing:0}
.fv-ab-letter b{display:block;font-size:30px;line-height:34px;margin-bottom:0}
.fv-ab-letter p{margin:0!important;font-size:25px;line-height:34px}
.fv-ab-letter__sig{display:block;text-align:right;font-size:34px;line-height:40px;margin-top:6px;color:#5f6b45}
.fv-ab-vellum{width:230px;padding:24px 22px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.7);box-shadow:0 2px 10px rgba(50,40,15,.08);font-weight:300;font-size:16px;line-height:1.5;color:#3d3b33}
.fv-ab-vellum b{display:block;font-weight:400;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#8a7d5c;margin-bottom:6px}
.fv-ab-strip{max-width:300px;padding:10px 16px 10px 30px;background:#fbf8f0;box-shadow:0 2px 6px rgba(50,40,15,.12);font-weight:300;font-size:15px;line-height:1.45;color:#3d3b33}
.fv-ab-strip b{font-weight:600}
.fv-ab-strip .fv-ab-pearl{left:16px;top:50%;margin-top:-6px}
.fv-ab-script{font-family:"FV Pinyon","Pinyon Script",cursive;font-size:46px;color:#5f6b45;line-height:1;padding:4px 10px;background:transparent}
.fv-ab-thing canvas{display:block}
.fv-ab-torn{clip-path:polygon(0 3%,8% 0,17% 4%,26% 1%,36% 3%,47% 0,58% 4%,69% 1%,80% 3%,91% 0,100% 2%,99% 30%,100% 62%,98% 100%,88% 97%,77% 100%,66% 96%,55% 99%,44% 96%,33% 100%,22% 97%,11% 100%,0 97%,2% 64%,0 31%)}
.fv-ab-cta{display:inline-flex;align-items:center;min-height:56px;padding:14px 35px;border-radius:999px;background:var(--fv-cream);border:1px solid var(--fv-gold);color:var(--fv-gold)!important;text-decoration:none!important;font-weight:300;font-size:18px;box-sizing:border-box;white-space:nowrap;transition:background .3s,color .3s,transform .3s}
.fv-ab-cta:hover{background:var(--fv-g);border-color:var(--fv-g);color:var(--fv-cream)!important;transform:translateY(-2px)}

@media (max-width:1000px){.fv-ab-proc--photo .fv-ab-proc__box{padding:48px 28px 44px}.fv-ab-proc__pills{gap:12px}.fv-ab-pill{padding:12px 24px;font-size:17px}}
@media (max-width:900px){.fv-ab-tools{gap:14px}.fv-ab-tool canvas{width:128px;height:140px}}
@media (max-width:640px){
  .fv-ab-kurv{padding:16px 20px 72px}
  .fv-ab-tools{gap:6px 10px}.fv-ab-tool canvas{width:120px;height:131px}
  .fv-ab-sub,.fv-ab-fact p{font-size:18px}
  .fv-ab-proc__body{grid-template-columns:1fr;gap:18px;text-align:center;justify-items:center}.fv-ab-proc__hoop canvas{width:250px}
  .fv-ab-board{padding:64px 12px 56px}.fv-ab-editbar{display:none}.fv-ab-photo{width:220px;padding:22px}.fv-ab-letter{width:300px;padding:28px 24px 24px}.fv-ab-letter p{font-size:23px}
  .fv-ab-proc{padding:64px 16px 56px}.fv-ab-proc--photo{padding:56px 12px}.fv-ab-proc--photo .fv-ab-proc__box{padding:40px 18px 36px}.fv-ab-proc__pills{gap:10px}.fv-ab-pill{font-size:16px;padding:10px 20px;min-height:48px}
}
@media (prefers-reduced-motion:reduce){.fv-ab-tool{transition:none}.fv-ab-fact>div{animation:none}}