/* Rättelser efter test i mobil (2026-11-11) */
.gvok .lure-opts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .gvok .lure-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .gvok .lure-opts { grid-template-columns: minmax(0, 1fr); } }
.gvok .lure-opt { min-width: 0; white-space: normal; line-height: 1.3; }

/* Löpande bandet: alla ord likadana */
.gvok .marquee span em { color: transparent; -webkit-text-stroke: 1px rgba(241, 235, 226, .45); font-family: inherit; font-style: normal; font-weight: inherit; font-size: 1em; letter-spacing: inherit; }

/* En vecka hos oss: ingen fastlåst scroll – en karusell med pilar, dra med musen eller svep */
.gvok .week, .gvok .week.pinned { height: auto !important; padding-block: 150px; }
@media (max-width: 720px) { .gvok .week, .gvok .week.pinned { padding-block: 100px; } }
.gvok .week .week-pin, .gvok .week.pinned .week-pin { position: static; height: auto; min-height: 0; padding-block: 0; overflow: visible; gap: 48px; }
.gvok .week .days { transform: none !important; gap: 20px; }
.gvok .week-view { max-width: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
  padding-inline: max(32px, calc((100vw - 1256px) / 2 + 32px)); scroll-padding-inline: max(32px, calc((100vw - 1256px) / 2 + 32px)); cursor: grab; }
.gvok .week-view::-webkit-scrollbar { display: none; }
.gvok .week-view.drag { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.gvok .week-view.drag img { pointer-events: none; }
@media (max-width: 720px) { .gvok .week-view { padding-inline: 16px; scroll-padding-inline: 16px; } }
.gvok .day { flex: 0 0 min(440px, 38vw); scroll-snap-align: start; transition: opacity .5s var(--ease); }
@media (max-width: 899px) { .gvok .day { flex-basis: min(80vw, 360px); } }
.gvok .day figure { transition: transform .6s var(--ease); }
.gvok .day:hover figure { transform: translateY(-4px); }
.gvok .week-head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 32px; }
.gvok .week-head h2, .gvok .week-head .lead { grid-column: 1; }
.gvok .week-nav { grid-column: 2; grid-row: 1 / span 2; align-self: end; display: flex; gap: 10px; }
.gvok .week-nav button { width: 56px; height: 56px; border-radius: 50%; border: 1px solid rgba(241, 235, 226, .35); background: transparent; color: var(--sand);
  display: grid; place-items: center; cursor: pointer; transition: background .25s, border-color .25s, color .25s, opacity .25s; }
.gvok .week-nav button:hover:not([disabled]) { background: var(--sand); border-color: var(--sand); color: var(--ink); }
.gvok .week-nav button[disabled] { opacity: .3; cursor: default; }
.gvok .week-nav svg { width: 20px; height: 20px; }
.gvok .week-nav .wk-prev svg { transform: rotate(180deg); }
.gvok .week-dots { display: flex; gap: 8px; padding-inline: max(32px, calc((100vw - 1256px) / 2 + 32px)); }
@media (max-width: 720px) { .gvok .week-dots { padding-inline: 16px; } .gvok .week-nav { display: none; } .gvok .week-head { grid-template-columns: 1fr; } }
.gvok .week-dots i { width: 28px; height: 3px; border-radius: 3px; background: rgba(241, 235, 226, .18); transition: background .3s, width .3s var(--ease); }
.gvok .week-dots i.on { width: 44px; background: var(--apricot); }

/* Platshållare: tydligt markerade men lugnare */
.gvok .day .ph, .gvok .ph-face { border-width: 1px; border-color: rgba(255, 166, 77, .35); }

/* Teamets tecknade avatarer (samma som på /teamet/) – rör sig vid hovring */
.gvok .mate .face { background: #283052; }
.gvok .mate .face img.hov { position: absolute; inset: 0; opacity: 0; transition: opacity .35s var(--ease); }
.gvok .mate:hover .face img.hov, .gvok .mate:focus-visible .face img.hov, .gvok .mate[aria-expanded="true"] .face img.hov { opacity: 1; }
.gvok .mate .face img { object-position: center 20%; }

/* Teamet: animerad gubbe vid hovring, ingen ruta över bilden – området står under namnet */
.gvok .mate .more, .gvok .mate:hover .more, .gvok .mate:focus-visible .more, .gvok .mate[aria-expanded="true"] .more {
  position: static; opacity: 1; transform: none; background: none; border: 0; padding: 0; margin-top: -8px; pointer-events: auto; }
.gvok .mate .area { font-size: 13.5px; }
.gvok .mate .face { transition: transform .5s var(--ease); background: radial-gradient(120% 90% at 50% 100%, rgba(255, 166, 77, .22), transparent 60%), linear-gradient(165deg, #2c3459, #1D2440); }
.gvok .mate:hover .face { transform: translateY(-4px); }
.gvok .mate:hover .face img { transform: none; }
.gvok .mate .face img:not(.hov) { transition: opacity .35s var(--ease); }
.gvok .mate:is(:hover, :focus-visible, [aria-expanded="true"]) .face img:not(.hov):has(+ img.hov) { opacity: 0; }
.gvok .mate { cursor: default; }
.gvok .people .head .lead { display: none; }

/* ===== Dagläge (sajtens knapp sätter data-gvo-theme="light" på html) ===== */
html[data-gvo-theme="light"] .gvok {
  --ink: #F1EBE2; --sand: #141A2E; --navy: #E7DFD2; --navy-2: #FFFFFF; --sand-2: #1D2440;
  --slate: #585E7B; --mist: #3E4563; --graphite: #A9B2CC;
  --line: rgba(20, 26, 46, .12);
}
html[data-gvo-theme="light"] .gvok em { color: var(--burnt); }
html[data-gvo-theme="light"] .gvok .sec.sand em { color: #FFA64D; }
html[data-gvo-theme="light"] .gvok .sec.sand .lead, html[data-gvo-theme="light"] .gvok .sec.sand p { color: #A9B2CC; }
html[data-gvo-theme="light"] .gvok .promise .ico { color: #F1EBE2; }
/* Text på aprikos och persika ska alltid vara mörk */
html[data-gvo-theme="light"] .gvok .btn-pri, html[data-gvo-theme="light"] .gvok .badge, html[data-gvo-theme="light"] .gvok .badge-gvo,
html[data-gvo-theme="light"] .gvok .badge-gvo em, html[data-gvo-theme="light"] .gvok .job:hover .go, html[data-gvo-theme="light"] .gvok .job.match::before,
html[data-gvo-theme="light"] .gvok .steps li.lit::before, html[data-gvo-theme="light"] .gvok-flow .ok, html[data-gvo-theme="light"] .gvok-flow .chip.sel,
html[data-gvo-theme="light"] .gvok-flow .choice.sel kbd, html[data-gvo-theme="light"] .gvok-flow .mcard.sel kbd, html[data-gvo-theme="light"] .gvok-flow .cm-tags span,
html[data-gvo-theme="light"] .gvok-flow .cm-head .av, html[data-gvo-theme="light"] .gvok-flow .trail .stop:last-child .n,
html[data-gvo-theme="light"] .gvok-flow .preview .stop:last-child span, html[data-gvo-theme="light"] .gvok-flow .slider .read.live span,
html[data-gvo-theme="light"] .gvok-flow .timeline li.done i { color: #141A2E; }
html[data-gvo-theme="light"] .gvok .lure-opt[aria-pressed="true"], html[data-gvo-theme="light"] .gvok .week-nav button:hover:not([disabled]),
html[data-gvo-theme="light"] .gvok-flow .seg button[aria-selected="true"], html[data-gvo-theme="light"] .gvok-flow .echo { color: #F1EBE2; }
/* Linjer och ramar som var ljusa på mörkt */
html[data-gvo-theme="light"] .gvok .btn-gho { box-shadow: inset 0 0 0 1px rgba(20, 26, 46, .35); }
html[data-gvo-theme="light"] .gvok .btn-gho:hover { box-shadow: inset 0 0 0 1px #141A2E; }
html[data-gvo-theme="light"] .gvok .tag, html[data-gvo-theme="light"] .gvok .job .go, html[data-gvo-theme="light"] .gvok .lure-opt,
html[data-gvo-theme="light"] .gvok .week-nav button, html[data-gvo-theme="light"] .gvok-flow .close, html[data-gvo-theme="light"] .gvok-flow .chip,
html[data-gvo-theme="light"] .gvok-flow .choice kbd, html[data-gvo-theme="light"] .gvok-flow .mcard kbd, html[data-gvo-theme="light"] .gvok-flow .foot button,
html[data-gvo-theme="light"] .gvok-flow .drop { border-color: rgba(20, 26, 46, .25); }
html[data-gvo-theme="light"] .gvok .job.open { border-color: rgba(20, 26, 46, .25); }
html[data-gvo-theme="light"] .gvok .job:hover { background: #FAF7F2; }
html[data-gvo-theme="light"] .gvok .live { background: rgba(255, 255, 255, .7); }
html[data-gvo-theme="light"] .gvok .marquee span, html[data-gvo-theme="light"] .gvok .marquee span em { -webkit-text-stroke-color: rgba(20, 26, 46, .4); }
html[data-gvo-theme="light"] .gvok .orbit .r1 { border-color: rgba(20, 26, 46, .22); }
html[data-gvo-theme="light"] .gvok .orbit .r3 { border-color: rgba(20, 26, 46, .1); }
html[data-gvo-theme="light"] .gvok .orbit .portrait { box-shadow: 0 30px 80px -30px rgba(20, 26, 46, .4), 0 0 0 6px #F1EBE2, 0 0 0 7px rgba(184, 95, 11, .45); }
html[data-gvo-theme="light"] .gvok .glow.b { background: radial-gradient(circle, rgba(88, 94, 123, .14) 0%, rgba(88, 94, 123, 0) 62%); }
html[data-gvo-theme="light"] .gvok .week-dots i { background: rgba(20, 26, 46, .15); }
html[data-gvo-theme="light"] .gvok .skeleton { background: linear-gradient(90deg, #FFFFFF, #E7DFD2, #FFFFFF); background-size: 200% 100%; }
html[data-gvo-theme="light"] .gvok .mate .face { background: radial-gradient(120% 90% at 50% 100%, rgba(255, 166, 77, .28), transparent 60%), linear-gradient(165deg, #FFFFFF, #E7DFD2); }
html[data-gvo-theme="light"] .gvok .day .ph, html[data-gvo-theme="light"] .gvok .ph-face { border-color: rgba(184, 95, 11, .4); }
/* Ansökningsresan i dagläge */
html[data-gvo-theme="light"] .gvok-flow input:focus, html[data-gvo-theme="light"] .gvok-flow textarea:focus { background: #FFFFFF; }
html[data-gvo-theme="light"] .gvok-flow .intro-map, html[data-gvo-theme="light"] .gvok-flow .preview .stop { background: rgba(255, 255, 255, .7); }
html[data-gvo-theme="light"] .gvok-flow .card-me { background: linear-gradient(150deg, #FFFFFF, #F7F2EA 60%); }
html[data-gvo-theme="light"] .gvok-flow .route .line, html[data-gvo-theme="light"] .gvok-flow .meter i, html[data-gvo-theme="light"] .gvok-flow .mini i { background: rgba(20, 26, 46, .14); }
html[data-gvo-theme="light"] .gvok-flow .route .dot { border-color: rgba(20, 26, 46, .3); }
html[data-gvo-theme="light"] .gvok-flow input[type=range] { background: linear-gradient(90deg, var(--apricot) 0 var(--v, 50%), rgba(20, 26, 46, .14) var(--v, 50%) 100%); }
html[data-gvo-theme="light"] .gvok-flow .glow.b { background: radial-gradient(circle, rgba(88, 94, 123, .18), transparent 62%); }

/* Sajtens allmänna knappstil får inte färga teamkorten vid hovring/tryck */
.gvok .mate, .gvok .mate:hover, .gvok .mate:focus, .gvok .mate:active, .gvok .mate[aria-expanded="true"] { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--sand) !important; outline-offset: 6px; }
.gvok .mate .who span { color: var(--slate); }
.gvok .lure-opt:not([aria-pressed="true"]):is(:hover, :focus), .gvok .week-nav button[disabled]:hover,
.gvok-flow .chip:not(.sel):is(:hover, :focus), .gvok-flow .seg button:not([aria-selected="true"]):is(:hover, :focus),
.gvok-flow .skip:hover, .gvok-flow .close:hover, .gvok-flow .foot button:hover, .gvok-flow .file button:hover, .gvok .back:hover { background: transparent !important; color: inherit; }
.gvok-flow .choice:not(.sel):is(:hover, :focus), .gvok-flow .mcard:not(.sel):is(:hover, :focus) { background: var(--navy-2) !important; color: var(--sand); }

/* ===== Rättelser 2026-11-11 eftermiddag ===== */
/* Sajtens knappstil radbryter inte text – det gav "kaos" i korten och i mobil */
.gvok button, .gvok-flow button { white-space: normal; text-transform: none; letter-spacing: normal; }
.gvok-flow .mcard, .gvok-flow .choice, .gvok .mate { min-width: 0; }
.gvok-flow .mcard b, .gvok-flow .mcard span, .gvok-flow .choice { overflow-wrap: anywhere; }
.gvok-flow .mcard span { display: block; font-weight: 400; line-height: 1.45; }
.gvok .mate .who b, .gvok .mate .who span, .gvok .mate .area { overflow-wrap: anywhere; }

/* Löpande bandet: ifylld text */
.gvok .marquee span, .gvok .marquee span em, html[data-gvo-theme="light"] .gvok .marquee span, html[data-gvo-theme="light"] .gvok .marquee span em {
  color: var(--sand); -webkit-text-stroke: 0; }

/* Tjänstesidan: faktarutan håller avstånd till den fasta headern */
.gvok .side { top: 120px; }

/* Ansökan: tydliga knappar för föregående och nästa fråga */
.gvok-flow .foot { gap: 10px; }
.gvok-flow .foot button { width: auto; height: 46px; padding: 0 18px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; font: 600 14px var(--sans); }
.gvok-flow .foot .prev svg { transform: rotate(180deg); }
.gvok-flow .foot .next svg { transform: none; }
@media (max-width: 560px) { .gvok-flow .foot { justify-content: space-between; } .gvok-flow .foot button { flex: 1; justify-content: center; } }

/* Vad vi erbjuder */
.gvok .perks h4 { margin-bottom: 4px; }
.gvok .perks-home { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line-light); }
.gvok .perk-list { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.gvok .perk-list li { padding: 8px 14px; border-radius: 999px; background: var(--sand-2); color: var(--ink); font-size: 14px; font-weight: 600; }
html[data-gvo-theme="light"] .gvok .perk-list li { color: #F1EBE2; }
html[data-gvo-theme="light"] .gvok .perks-home { border-top-color: rgba(241, 235, 226, .15); }