{"id":2330,"date":"2026-04-24T00:14:19","date_gmt":"2026-04-24T00:14:19","guid":{"rendered":"https:\/\/walborgcowork.com\/?page_id=2330"},"modified":"2026-04-24T00:23:50","modified_gmt":"2026-04-24T00:23:50","slug":"lediga-kontorsrum-just-nu","status":"publish","type":"page","link":"https:\/\/walborgcowork.com\/en\/lediga-kontorsrum-just-nu\/","title":{"rendered":""},"content":{"rendered":"\n<section id=\"walborg-magasinsgatan\" class=\"wb-floorplan\">\n  <style>\n    #walborg-magasinsgatan {\n      --wb-bg: #f4f0e8;\n      --wb-panel: rgba(255, 252, 246, 0.96);\n      --wb-ink: #1d1b19;\n      --wb-muted: #665f57;\n      --wb-line: rgba(29, 27, 25, 0.14);\n      --wb-occupied: #a8afaa;\n      --wb-reserved: #d8b85f;\n      --wb-available: #49a26d;\n      --wb-available-soft: rgba(73, 162, 109, 0.16);\n      --wb-shadow: 0 22px 60px rgba(44, 35, 22, 0.14);\n      font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n      color: var(--wb-ink);\n      background:\n        radial-gradient(circle at top left, rgba(255, 255, 255, 0.88), transparent 32%),\n        linear-gradient(135deg, #f4f0e8 0%, #ebe4d8 100%);\n      padding: 32px 20px 40px;\n      border-radius: 24px;\n    }\n\n    #walborg-magasinsgatan * {\n      box-sizing: border-box;\n    }\n\n    #walborg-magasinsgatan .wb-topbar {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 20px;\n      margin-bottom: 24px;\n      flex-wrap: wrap;\n    }\n\n    #walborg-magasinsgatan .wb-brand {\n      max-width: 700px;\n    }\n\n    #walborg-magasinsgatan .wb-eyebrow {\n      margin: 0 0 10px;\n      font-size: 12px;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--wb-muted);\n    }\n\n    #walborg-magasinsgatan h2 {\n      margin: 0 0 10px;\n      font-size: clamp(32px, 4vw, 54px);\n      line-height: 0.98;\n    }\n\n    #walborg-magasinsgatan .wb-intro {\n      margin: 0;\n      max-width: 620px;\n      color: var(--wb-muted);\n      font-size: 16px;\n      line-height: 1.55;\n    }\n\n    #walborg-magasinsgatan .wb-legend {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    #walborg-magasinsgatan .wb-legend-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.65);\n      border: 1px solid var(--wb-line);\n      font-size: 13px;\n      color: var(--wb-muted);\n    }\n\n    #walborg-magasinsgatan .wb-swatch {\n      width: 12px;\n      height: 12px;\n      border-radius: 999px;\n    }\n\n    #walborg-magasinsgatan .wb-layout {\n      display: grid;\n      grid-template-columns: minmax(320px, 1.15fr) minmax(320px, 0.85fr);\n      gap: 20px;\n      align-items: start;\n    }\n\n    #walborg-magasinsgatan .wb-surface {\n      background: var(--wb-panel);\n      border: 1px solid rgba(29, 27, 25, 0.08);\n      box-shadow: var(--wb-shadow);\n      backdrop-filter: blur(16px);\n      border-radius: 28px;\n    }\n\n    #walborg-magasinsgatan .wb-plan-card {\n      padding: 24px;\n    }\n\n    #walborg-magasinsgatan .wb-plan-frame {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 0.95;\n      border-radius: 22px;\n      overflow: hidden;\n      background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.96)),\n        #faf7f2;\n      border: 1px solid rgba(29, 27, 25, 0.06);\n    }\n\n    #walborg-magasinsgatan .wb-svg-host,\n    #walborg-magasinsgatan .wb-svg-host svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n\n    #walborg-magasinsgatan .wb-info-card {\n      padding: 24px;\n      display: grid;\n      gap: 18px;\n    }\n\n    #walborg-magasinsgatan .wb-status-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    #walborg-magasinsgatan .wb-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border-radius: 999px;\n      font-size: 13px;\n      letter-spacing: 0.02em;\n    }\n\n    #walborg-magasinsgatan .wb-pill.available {\n      background: var(--wb-available-soft);\n      color: #256241;\n    }\n\n    #walborg-magasinsgatan .wb-pill.occupied {\n      background: rgba(168, 175, 170, 0.18);\n      color: #5e6560;\n    }\n\n    #walborg-magasinsgatan .wb-room-name {\n      margin: 0;\n      font-size: clamp(32px, 4vw, 48px);\n      line-height: 0.95;\n    }\n\n    #walborg-magasinsgatan .wb-room-meta {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      margin-top: 10px;\n    }\n\n    #walborg-magasinsgatan .wb-meta-chip {\n      padding: 10px 12px;\n      border-radius: 12px;\n      background: rgba(29, 27, 25, 0.05);\n      font-size: 14px;\n      color: var(--wb-muted);\n    }\n\n    #walborg-magasinsgatan .wb-room-copy,\n    #walborg-magasinsgatan .wb-footnote {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.65;\n      color: var(--wb-muted);\n    }\n\n    #walborg-magasinsgatan .wb-cta-row {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    #walborg-magasinsgatan .wb-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 44px;\n      padding: 0 16px;\n      border-radius: 999px;\n      text-decoration: none;\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    #walborg-magasinsgatan .wb-button.primary {\n      background: var(--wb-ink);\n      color: #fff;\n    }\n\n    #walborg-magasinsgatan .wb-button.secondary {\n      background: rgba(29, 27, 25, 0.06);\n      color: var(--wb-ink);\n    }\n\n    #walborg-magasinsgatan .wb-gallery {\n      display: grid;\n      gap: 12px;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-stage {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      border-radius: 22px;\n      background: #ebe4d8;\n      border: 1px solid rgba(29, 27, 25, 0.08);\n    }\n\n    #walborg-magasinsgatan .wb-gallery-slide {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      transition: opacity 220ms ease;\n      background-size: cover;\n      background-position: center;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-slide.active {\n      opacity: 1;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-slide::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, rgba(29, 27, 25, 0.02), rgba(29, 27, 25, 0.34));\n    }\n\n    #walborg-magasinsgatan .wb-gallery-copy {\n      position: absolute;\n      left: 24px;\n      right: 24px;\n      bottom: 18px;\n      z-index: 1;\n      color: #fff;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-copy strong {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 18px;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-copy span {\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-controls {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n      flex-wrap: wrap;\n    }\n\n    #walborg-magasinsgatan .wb-gallery-caption {\n      font-size: 13px;\n      color: var(--wb-muted);\n    }\n\n    #walborg-magasinsgatan .wb-gallery-buttons {\n      display: flex;\n      gap: 8px;\n    }\n\n    #walborg-magasinsgatan .wb-icon-button {\n      width: 42px;\n      height: 42px;\n      border: 0;\n      border-radius: 999px;\n      background: rgba(29, 27, 25, 0.08);\n      color: var(--wb-ink);\n      cursor: pointer;\n      font-size: 18px;\n    }\n\n    #walborg-magasinsgatan .wb-icon-button:disabled {\n      opacity: 0.35;\n      cursor: default;\n    }\n\n    #walborg-magasinsgatan [data-room] {\n      cursor: pointer;\n      transition: opacity 160ms ease;\n    }\n\n    @media (max-width: 980px) {\n      #walborg-magasinsgatan .wb-layout {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"wb-topbar\">\n    <div class=\"wb-brand\">\n      <p class=\"wb-eyebrow\">Walborg Cowork \u2022 Magasinsgatan<\/p>\n      <h2>Hitta r\u00e4tt rum direkt i planritningen<\/h2>\n      <p class=\"wb-intro\">Klicka p\u00e5 ett rum f\u00f6r att se storlek, status och bildmaterial. Just nu \u00e4r endast rum 324 markerat som ledigt. Pris visas inte h\u00e4r utan kommuniceras direkt i dialogen.<\/p>\n    <\/div>\n    <div class=\"wb-legend\" aria-label=\"Teckenf\u00f6rklaring\">\n      <div class=\"wb-legend-item\"><span class=\"wb-swatch\" style=\"background:#49a26d\"><\/span> Ledigt<\/div>\n      <div class=\"wb-legend-item\"><span class=\"wb-swatch\" style=\"background:#a8afaa\"><\/span> Uthyrt<\/div>\n      <div class=\"wb-legend-item\"><span class=\"wb-swatch\" style=\"background:#d8b85f\"><\/span> Reserverat<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"wb-layout\">\n    <div class=\"wb-surface wb-plan-card\">\n      <div class=\"wb-plan-frame\">\n        <div class=\"wb-svg-host\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 602.02 795.94\" preserveAspectRatio=\"xMidYMid meet\">\n            <defs>\n              <style>\n                .cls-1{fill:#f5f5f3;}\n                .cls-2{fill:#1e1e1e;}\n                .cls-3{font-family:OpenSans-Bold, 'Open Sans';font-size:8px;font-weight:700;}\n                .cls-4{fill:#a6abaa;}\n              <\/style>\n            <\/defs>\n            <g id=\"Lager_1-2\">\n              <path class=\"cls-2\" d=\"M473.87,0l2.86,10.39c40.7,200.92,82.67,401.71,122.55,602.71l-15.95,27.07-1.07.93-375.35,154.66-1.69.19-.86-1.17L0,203.11v-2.25s24.47-44.04,24.47-44.04l1.78-1.72L468.13,1.47l5.74-1.47ZM472.86,1.5l-6.73,1.97L26.26,156.48,1.1,201.47c66.14,193.51,133.45,386.89,200.3,580.26,1.45,4.2,2.95,8.43,3.99,12.76,7.56-2.51,15.05-5.74,22.48-8.77,118.39-48.14,236.42-97.84,354.44-146.56l15.45-26.05c.01-5.18-1.53-10.58-2.53-15.72-38.43-196.44-81.24-392.05-120.09-588.41l-2.29-7.47Z\"\/>\n              <path class=\"cls-1\" d=\"M472.86,1.5l2.29,7.47c38.85,196.36,81.66,391.97,120.09,588.41,1.01,5.14,2.54,10.54,2.53,15.72l-15.45,26.05c-118.02,48.72-236.05,98.42-354.44,146.56-7.43,3.02-14.92,6.26-22.48,8.77-1.05-4.33-2.54-8.56-3.99-12.76C134.55,588.36,67.23,394.98,1.1,201.47l25.16-44.99L466.13,3.47l6.73-1.97Z\"\/>\n              <path class=\"cls-2\" d=\"M340.36,184l15.55,44.46c9.93-2.43,19.42-6.61,29.17-9.45l.73.8,103.6,302.66c1.23-.45,4.89-2.11,5.93-1.44l9.59,29.18-6.41,14.13-.97,1.03-96.66,33.38c-6.21-1.02-12.26-3.89-18.38-5.69-.75.2-65.49-239.74-121.04-381.8.47,2.04,4.26,6.17,2.73,7.88-6.27,3.15-27.95,9.51-27.95,9.51-22.21-57.4-42.65-121.14-42.65-121.14L468.4,11.22l125.29,600.25-16.33,24.23s-69.43,28.25-106.03,42.41l-31.88,12.93-.1,1.89-89.37,34.65-24.46-69.31,16.17-6.18-14.08-40.05s-14.46,4.1-14.91,3.98l-36.3-106.54-26.99,9c-10.95-34.52-24.66-68.17-36-102.5l28.48-9.03-10.23-30.98-1.37-.41-33.16,11.39c-1.02.05-15.4-3.27-16.2-3.73-.58-.33-.86-.84-1.04-1.46-3.87-12.1-8.47-23.97-12.48-36.02-1-3-3.53-8.93-3.9-11.64-.1-.7-.32-1.37.4-1.88l47.01-16.25-14.01-41.5-48.49,16.5-12-35.79.83-1.13,95.64-32.86,2-.21c.35,1.35,1.22,6.47,2.75,6.49l26.25-9.04c.31-2-2.22-6.13-1.12-7.71l77.62-26.74Z\"\/>\n              <path class=\"cls-4\" data-room=\"322\" d=\"M90.57,143.02c-21.05,6.21-41.19,14.89-62.06,21.59l-19.03,37.74,9.41,28.64,68.8-23.47h1.17c1.01,2.78,7.08,23.62,8.31,23.93.32.08,3.23-.98,3.22-1.25-.73-4.6-4.95-11.37-5.44-15.59-.23-2.03,4.04-2.55,5.65-2.64,3.67-.2,8.51,1.07,11.71,2.82,1.34.73,2.88,2.19,4.05,3.19l-25.81-74.96Z\"\/>\n              <path class=\"cls-4\" data-room=\"323\" d=\"M133.88,127.98l-41.53,14.31,27.29,80.2c.81-.04,1.38.39,1.24-.74-.33-2.74-5.44-13.4-4.96-14.96,8.55-4.38,19.72,1.28,21.47,10.69l23.93-8.3-27.44-81.2Z\"\/>\n              <path class=\"cls-4\" data-room=\"324\" d=\"M193.6,107.53l-58.67,20.25,27.46,81.21,22.97-7.53c1.01-1.15-5.61-14.15-4.94-16.15.72-2.12,11.26-2,13.49-1.59,2.36.43,5.74,2.36,7.64,3.86,2.04,1.61,3.13,3.68,5.1,4.92,1.89-.48,14.55-4.52,14.72-5.29l-27.78-79.68Z\"\/>\n              <path class=\"cls-4\" data-room=\"321\" d=\"M106.39,259.48l-16.3,5.5c-1.84.12-2.49-1.94-3.07-3.37-3.93-9.6.78-20.33,10.42-23.94l-9.54-28.69-67.98,23.02,18.49,56.48,69.48-24.28-1.49-4.72Z\"\/>\n              <path class=\"cls-4\" data-room=\"320\" d=\"M123.58,296.51c-1.47-.45-15.08,6.4-16.63,5.41-5.42-9.8-.5-21.83,10.42-24.47l-4-12.95-73.93,25.03,12.44,37.25,73.5-24.82c.39-.45-.95-5.2-1.79-5.45Z\"\/>\n              <path class=\"cls-4\" data-room=\"319\" d=\"M138.15,339.01c-2.59.76-17.94,7.21-19.2,6.42-4.67-8.45-.86-20.32,8.09-24.03,1.22-.51,4.59-.95,4.83-1.7l-5.49-16.7-74,25,12.53,38.98,73.95-25-.72-2.96Z\"\/>\n              <path class=\"cls-4\" data-room=\"318\" d=\"M157.38,395.98c-2.89.65-15.81,6.57-17.67,5.96-.98-.32-1.66-4.2-1.76-5.27-.8-8.86,4.52-16.83,12.97-19.49l-11.04-34.21-73.96,25.04c-1.22,1.43,8.31,22.17,7.18,25.99l14.26,40.77,74.32-25.27-4.3-13.52Z\"\/>\n              <path class=\"cls-4\" data-room=\"317\" d=\"M173.87,444.5c-3.22-.38-15.05,5.96-16.98,4.75-2.07-1.29-2.26-9.23-2-11.52.7-6.26,6.02-12.07,12-13.77-1.43-3.4-2.39-9.07-4.09-12.14-.25-.46-.39-.92-1.06-.77l-73.85,25.43,15.5,44,74-25.01-3.52-10.98Z\"\/>\n              <path class=\"cls-4\" data-room=\"316\" d=\"M188.61,488.46c-2.44-.26-12.42,4.86-15.57,5.44-1.86.1-2.73-6.54-2.66-8.15.29-6.62,5.78-13.6,12.51-14.28-1.78-3.92-2.63-10.61-4.59-14.16-.25-.46-.39-.91-1.06-.77l-72.83,24.95,11.24,34.49,73.27-24.76c.73-.35.03-2.74-.31-2.77Z\"\/>\n              <path class=\"cls-4\" data-room=\"315\" d=\"M196.39,511.26c-2.44-.26-12.42,4.86-15.57,5.44-1.86.1-2.51-5.99-2.44-7.6.29-6.62,5.78-13.6,12.51-14.28-1.78-3.92,1.69,2.04-.27-1.51-.25-.46-.39-.91-1.06-.77l-72.83,24.95,11.24,34.49,73.27-24.76c.73-.35-4.51-15.93-4.85-15.97Z\"\/>\n              <path class=\"cls-4\" data-room=\"314\" d=\"M225.76,596.26c-2.44-.27-12.45,4.77-15.61,5.34-1.86.09-3.48-3.08-3.2-9.33.3-6.62,5.25-13.62,11.98-14.24-1.76-3.93-2.56-10.63-4.5-14.19-.25-.46-.38-.92-1.05-.77l-73,24.45,11.51,35.97,72.93-25.67c.73-.35,1.27-1.52.93-1.56Z\"\/>\n              <text class=\"cls-3\" transform=\"translate(143.72 522.56)\"><tspan x=\"0\" y=\"0\">315<\/tspan><tspan x=\"0\" y=\"8\">10m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(164.72 572.28)\"><tspan x=\"0\" y=\"0\">314<\/tspan><tspan x=\"0\" y=\"8\">10m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(132.32 488.61)\"><tspan x=\"0\" y=\"0\">316<\/tspan><tspan x=\"0\" y=\"8\">10m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(117.14 448.07)\"><tspan x=\"0\" y=\"0\">317<\/tspan><tspan x=\"0\" y=\"8\">12m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(99.13 377)\"><tspan x=\"0\" y=\"0\">318<\/tspan><tspan x=\"0\" y=\"8\">20m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(77.57 339.11)\"><tspan x=\"0\" y=\"0\">319<\/tspan><tspan x=\"0\" y=\"8\">14m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(61.3 297.68)\"><tspan x=\"0\" y=\"0\">320<\/tspan><tspan x=\"0\" y=\"8\">11m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(48.88 248.54)\"><tspan x=\"0\" y=\"0\">321<\/tspan><tspan x=\"0\" y=\"8\">14m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(44.31 190.23)\"><tspan x=\"0\" y=\"0\">322<\/tspan><tspan x=\"0\" y=\"8\">24m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(114.41 174.65)\"><tspan x=\"0\" y=\"0\">323<\/tspan><tspan x=\"0\" y=\"8\">12m2<\/tspan><\/text>\n              <text class=\"cls-3\" transform=\"translate(159.65 149.79)\"><tspan x=\"0\" y=\"0\">324<\/tspan><tspan x=\"0\" y=\"8\">20m2<\/tspan><\/text>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <aside class=\"wb-surface wb-info-card\">\n      <div class=\"wb-status-row\">\n        <div class=\"wb-pill available\" id=\"wb-room-status-pill\">Ledigt just nu<\/div>\n        <div class=\"wb-pill occupied\">Magasinsgatan<\/div>\n      <\/div>\n\n      <div>\n        <h3 class=\"wb-room-name\" id=\"wb-room-name\">Rum 324<\/h3>\n        <div class=\"wb-room-meta\">\n          <span class=\"wb-meta-chip\" id=\"wb-room-size\">20 m\u00b2<\/span>\n          <span class=\"wb-meta-chip\" id=\"wb-room-floor\">Plan 3<\/span>\n          <span class=\"wb-meta-chip\" id=\"wb-room-tag\">H\u00f6rnrum<\/span>\n        <\/div>\n      <\/div>\n\n      <p class=\"wb-room-copy\" id=\"wb-room-copy\">Just nu ledigt. Ett st\u00f6rre rum p\u00e5 20 m\u00b2 med tydligt l\u00e4ge h\u00f6gst upp i raden. H\u00e4r visas bildmaterial direkt f\u00f6r att ge en mer realistisk k\u00e4nsla av milj\u00f6n redan fr\u00e5n f\u00f6rsta klicket.<\/p>\n\n      <div class=\"wb-cta-row\">\n        <a class=\"wb-button primary\" id=\"wb-room-cta\" href=\"mailto:jens@walborgcowork.se?subject=Intresseanm%C3%A4lan%20rum%20324%20-%20Walborg%20Magasinsgatan\">Anm\u00e4l intresse<\/a>\n        <a class=\"wb-button secondary\" href=\"mailto:jens@walborgcowork.se?subject=Visning%20Walborg%20Magasinsgatan\">Boka visning<\/a>\n      <\/div>\n\n      <section class=\"wb-gallery\" id=\"wb-room-gallery\">\n        <div class=\"wb-gallery-stage\" id=\"wb-gallery-stage\"><\/div>\n        <div class=\"wb-gallery-controls\">\n          <div class=\"wb-gallery-caption\" id=\"wb-gallery-caption\"><\/div>\n          <div class=\"wb-gallery-buttons\">\n            <button class=\"wb-icon-button\" id=\"wb-prev-slide\" type=\"button\" aria-label=\"F\u00f6reg\u00e5ende bild\">\u2190<\/button>\n            <button class=\"wb-icon-button\" id=\"wb-next-slide\" type=\"button\" aria-label=\"N\u00e4sta bild\">\u2192<\/button>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <p class=\"wb-footnote\">Bildspelet visas bara f\u00f6r vakanta rum. N\u00e4r ett rum \u00e4r uthyrt visas en renare informationsvy utan bilder.<\/p>\n    <\/aside>\n  <\/div>\n\n  <script>\n    (function () {\n      const root = document.getElementById(\"walborg-magasinsgatan\");\n      if (!root) return;\n\n      const roomData = {\n        \"314\": { number: \"314\", size: \"10 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Ett kompakt rum f\u00f6r mindre team eller enskilt fokusarbete. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"315\": { number: \"315\", size: \"10 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Ett effektivt mindre rum i samma korridor som flera andra privata kontor. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"316\": { number: \"316\", size: \"10 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Mindre privatkontor i mitten av raden. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"317\": { number: \"317\", size: \"12 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Ett n\u00e5got st\u00f6rre kontorsrum f\u00f6r en liten arbetsgrupp. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"318\": { number: \"318\", size: \"20 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"St\u00f6rre rum\", copy: \"St\u00f6rre rum med mer gener\u00f6s yta. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"319\": { number: \"319\", size: \"14 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Rum med bra mellanformat f\u00f6r ett mindre team. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"320\": { number: \"320\", size: \"11 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Kompakt kontorsrum i direkt anslutning till korridoren. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"321\": { number: \"321\", size: \"14 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Mellanrum med bra avskildhet. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"322\": { number: \"322\", size: \"24 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"St\u00f6rre rum\", copy: \"Ett st\u00f6rre rum med gener\u00f6s yta n\u00e4ra husets \u00f6vre del. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"323\": { number: \"323\", size: \"12 m\u00b2\", status: \"occupied\", floor: \"Plan 3\", tag: \"Kontorsrum\", copy: \"Mindre kontorsrum n\u00e4ra 324. Markeras h\u00e4r som uthyrt.\", images: [] },\n        \"324\": {\n          number: \"324\",\n          size: \"20 m\u00b2\",\n          status: \"available\",\n          floor: \"Plan 3\",\n          tag: \"H\u00f6rnrum\",\n          copy: \"Just nu ledigt. Ett st\u00f6rre rum p\u00e5 20 m\u00b2 med tydligt l\u00e4ge h\u00f6gst upp i raden. H\u00e4r visas bildmaterial direkt f\u00f6r att ge en mer realistisk k\u00e4nsla av milj\u00f6n redan fr\u00e5n f\u00f6rsta klicket.\",\n          images: [\n            { src: \"https:\/\/walborgcowork.com\/wp-content\/uploads\/2025\/11\/flexibla-kontorslosningar-for-entreprenorer-och-smaforetag-i-goteborg.jpg\", title: \"Rum 324\", caption: \"Interi\u00f6rbild kopplad till det lediga rummet.\" },\n            { src: \"IMAGE_URL_2\", title: \"Rum 324\", caption: \"Kompletterande milj\u00f6bild f\u00f6r att f\u00f6rst\u00e4rka rumsupplevelsen.\" }\n          ]\n        }\n      };\n\n      const statusCopy = {\n        available: \"Ledigt just nu\",\n        occupied: \"Uthyrt\",\n        reserved: \"Reserverat\"\n      };\n\n      const roomName = root.querySelector(\"#wb-room-name\");\n      const roomSize = root.querySelector(\"#wb-room-size\");\n      const roomFloor = root.querySelector(\"#wb-room-floor\");\n      const roomTag = root.querySelector(\"#wb-room-tag\");\n      const roomCopy = root.querySelector(\"#wb-room-copy\");\n      const roomStatusPill = root.querySelector(\"#wb-room-status-pill\");\n      const roomCta = root.querySelector(\"#wb-room-cta\");\n      const roomGallery = root.querySelector(\"#wb-room-gallery\");\n      const galleryStage = root.querySelector(\"#wb-gallery-stage\");\n      const galleryCaption = root.querySelector(\"#wb-gallery-caption\");\n      const prevSlide = root.querySelector(\"#wb-prev-slide\");\n      const nextSlide = root.querySelector(\"#wb-next-slide\");\n      const roomNodes = root.querySelectorAll(\"[data-room]\");\n\n      let activeRoom = \"324\";\n      let activeSlide = 0;\n\n      function statusColor(status) {\n        if (status === \"available\") return \"#49a26d\";\n        if (status === \"reserved\") return \"#d8b85f\";\n        return \"#a8afaa\";\n      }\n\n      function updateGallery() {\n        const room = roomData[activeRoom];\n        const images = room.images || [];\n        galleryStage.innerHTML = \"\";\n        roomGallery.style.display = images.length ? \"grid\" : \"none\";\n\n        if (!images.length) return;\n\n        images.forEach((image, index) => {\n          const slide = document.createElement(\"div\");\n          slide.className = \"wb-gallery-slide\" + (index === activeSlide ? \" active\" : \"\");\n          slide.style.backgroundImage = \"url('\" + image.src + \"')\";\n          slide.innerHTML = '<div class=\"wb-gallery-copy\"><strong>' + image.title + '<\/strong><span>' + image.caption + '<\/span><\/div>';\n          galleryStage.appendChild(slide);\n        });\n\n        const current = images[activeSlide];\n        galleryCaption.textContent = (activeSlide + 1) + \" \/ \" + images.length + \" \u2022 \" + current.title;\n        prevSlide.disabled = images.length < 2;\n        nextSlide.disabled = images.length < 2;\n      }\n\n      function updateRoomPanel(roomNumber) {\n        const room = roomData[roomNumber];\n        activeRoom = roomNumber;\n        activeSlide = 0;\n\n        roomName.textContent = \"Rum \" + room.number;\n        roomSize.textContent = room.size;\n        roomFloor.textContent = room.floor;\n        roomTag.textContent = room.tag;\n        roomCopy.textContent = room.copy;\n        roomStatusPill.textContent = statusCopy[room.status];\n        roomStatusPill.className = \"wb-pill \" + (room.status === \"available\" ? \"available\" : \"occupied\");\n        roomCta.href = \"mailto:jens@walborgcowork.se?subject=\" + encodeURIComponent(\"Intresseanm\u00e4lan rum \" + room.number + \" - Walborg Magasinsgatan\");\n        updateGallery();\n\n        roomNodes.forEach((node) => {\n          node.style.stroke = \"transparent\";\n          node.style.strokeWidth = \"0\";\n          node.style.opacity = \"1\";\n        });\n\n        const activeNode = root.querySelector('[data-room=\"' + roomNumber + '\"]');\n        if (activeNode) {\n          activeNode.style.stroke = room.status === \"available\" ? \"#165233\" : \"#37332f\";\n          activeNode.style.strokeWidth = \"2.2\";\n          activeNode.style.opacity = \"0.96\";\n        }\n      }\n\n      roomNodes.forEach((node) => {\n        const roomNumber = node.getAttribute(\"data-room\");\n        const room = roomData[roomNumber];\n        node.style.fill = statusColor(room.status);\n        node.addEventListener(\"mouseenter\", function () {\n          node.style.opacity = \"0.82\";\n        });\n        node.addEventListener(\"mouseleave\", function () {\n          node.style.opacity = activeRoom === roomNumber ? \"0.96\" : \"1\";\n        });\n        node.addEventListener(\"click\", function () {\n          updateRoomPanel(roomNumber);\n        });\n      });\n\n      prevSlide.addEventListener(\"click\", function () {\n        const images = roomData[activeRoom].images || [];\n        if (images.length < 2) return;\n        activeSlide = (activeSlide - 1 + images.length) % images.length;\n        updateGallery();\n      });\n\n      nextSlide.addEventListener(\"click\", function () {\n        const images = roomData[activeRoom].images || [];\n        if (images.length < 2) return;\n        activeSlide = (activeSlide + 1) % images.length;\n        updateGallery();\n      });\n\n      updateRoomPanel(\"324\");\n    })();\n  <\/script>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Walborg Cowork \u2022 Magasinsgatan Hitta r\u00e4tt rum direkt i planritningen Klicka p\u00e5 ett rum f\u00f6r att se storlek, status och bildmaterial. Just nu \u00e4r endast rum 324 markerat som ledigt. Pris visas inte h\u00e4r utan kommuniceras direkt i dialogen. Ledigt Uthyrt Reserverat 31510m2 31410m2 31610m2 31712m2 31820m2 31914m2 32011m2 32114m2 32224m2 32312m2 32420m2 Ledigt just [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-2330","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/pages\/2330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/comments?post=2330"}],"version-history":[{"count":4,"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/pages\/2330\/revisions"}],"predecessor-version":[{"id":2338,"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/pages\/2330\/revisions\/2338"}],"wp:attachment":[{"href":"https:\/\/walborgcowork.com\/en\/wp-json\/wp\/v2\/media?parent=2330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}