:root{--mda-account-pink:#f91488;--mda-account-yellow:#f3d850;--mda-account-ink:#111427}
/* Desktop account control: keep it OUTSIDE the legacy UL so the tenth item never blows up the menu. */
.navbar .navbar-collapse{position:relative!important}
.mda-account-nav-slot{box-sizing:border-box}
.mda-account-nav-link{box-sizing:border-box;text-decoration:none!important;font-weight:900!important;white-space:nowrap!important}
.mda-account-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mda-account-pink);box-shadow:0 0 0 5px rgba(249,20,136,.12)}
@media(min-width:768px){
  .navbar .navbar-collapse{padding-right:112px!important}
  .navbar .navbar-nav{max-width:100%!important}
  .navbar .navbar-nav>li>a{padding-left:10px!important;padding-right:10px!important;font-size:15px!important}
  .mda-account-nav-slot{position:absolute;right:0;top:0;width:106px;height:100%;min-height:70px;display:flex;align-items:center;justify-content:flex-end;z-index:12}
  .mda-account-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;height:36px!important;line-height:1!important;padding:0 11px!important;border:1px solid rgba(249,20,136,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#f91488!important;font-size:11px!important;letter-spacing:.01em!important;box-shadow:0 8px 20px rgba(78,15,48,.08)!important}
  .mda-account-nav-link:hover{background:#f91488!important;color:#fff!important;border-color:#f91488!important}
  .mda-account-nav-link:hover .mda-account-dot{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}
}
@media(min-width:768px) and (max-width:1120px){
  .navbar .navbar-collapse{padding-right:100px!important}
  .navbar .navbar-nav>li>a{padding-left:7px!important;padding-right:7px!important;font-size:13px!important}
  .mda-account-nav-slot{width:96px}
  .mda-account-nav-link{font-size:10px!important;padding:0 9px!important}
}
@media(max-width:767px){
  .mda-account-nav-slot{position:static;width:auto;margin:8px 15px 14px}
  .mda-account-nav-link{display:flex!important;align-items:center!important;gap:9px!important;width:100%;min-height:46px;padding:0 15px!important;border-radius:13px;background:rgba(249,20,136,.08)!important;color:#d90a72!important;font-size:14px!important}
}

.mda-account-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.mda-account-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mda-account-modal-backdrop{position:absolute;inset:0;background:rgba(9,10,23,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mda-account-modal-card{position:relative;width:min(470px,100%);max-height:min(760px,calc(100vh - 34px));overflow:auto;border:1px solid rgba(255,255,255,.68);border-radius:30px;padding:28px 30px 30px;background:radial-gradient(circle at 100% 0%,rgba(243,216,80,.22),transparent 190px),radial-gradient(circle at 0% 100%,rgba(249,20,136,.12),transparent 200px),rgba(255,255,255,.985);box-shadow:0 38px 110px rgba(26,10,22,.3);color:var(--mda-account-ink);transform:translateY(9px) scale(.988);transition:transform .18s ease}
.mda-account-modal.is-open .mda-account-modal-card{transform:none}
.mda-account-modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f5f4f7;color:#252635;font-size:25px;line-height:1;cursor:pointer;z-index:7}
.mda-account-modal-brand img{display:block;width:132px;max-height:78px;object-fit:contain;margin:0 auto 16px}
.mda-account-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;height:46px;margin:0 0 23px;padding:4px;border:1px solid #ece8ed;border-radius:999px;background:#f7f4f7;overflow:hidden}
.mda-account-tab-indicator{position:absolute;left:4px;top:4px;width:calc(50% - 4px);height:38px;border-radius:999px;background:linear-gradient(90deg,#f91488,#df20aa);box-shadow:0 8px 20px rgba(249,20,136,.20);transition:transform .16s cubic-bezier(.2,.85,.3,1)}
.mda-account-tabs[data-active="register"] .mda-account-tab-indicator{transform:translateX(100%)}
.mda-account-tabs button{position:relative;z-index:2;border:0;background:transparent;color:#697083;font-size:12px;font-weight:900;cursor:pointer}
.mda-account-tabs button.is-active{color:#fff}
.mda-account-eyebrow{margin:0 0 8px!important;color:var(--mda-account-pink)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase}
.mda-account-step{display:none;animation:mdaAccountStep .14s ease}.mda-account-step.is-active{display:block}@keyframes mdaAccountStep{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}
.mda-account-step h2{margin:0 0 10px!important;color:var(--mda-account-ink)!important;font-size:35px!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:900!important}.mda-account-copy{margin:0 0 21px!important;color:#677085!important;font-size:15px!important;line-height:1.52!important}
.mda-account-field{display:block;margin-bottom:14px}.mda-account-field span{display:block;margin-bottom:7px;color:#363b4c;font-size:12px;font-weight:850}.mda-account-field input{box-sizing:border-box;width:100%;height:52px;margin:0;padding:0 14px;border:1px solid #dfe2eb;border-radius:15px;outline:0;background:#fbfbfd;color:#141626;font-size:16px;box-shadow:none}.mda-account-field input:focus{border-color:rgba(249,20,136,.55);box-shadow:0 0 0 4px rgba(249,20,136,.09);background:#fff}
.mda-account-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.mda-account-wide{grid-column:1/-1}.mda-account-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.mda-account-consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 16px;padding:12px;border-radius:14px;background:#faf7fa;color:#687083;font-size:11px;line-height:1.4;cursor:pointer}.mda-account-consent input{flex:0 0 auto;width:17px;height:17px;margin:1px 0 0;accent-color:#f91488}
.mda-account-code-input{font-size:27px!important;text-align:center;letter-spacing:.25em;font-weight:900}.mda-account-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:53px;border:0;border-radius:999px;background:linear-gradient(90deg,#f91488,#d51bb0);color:#fff!important;font-size:14px;font-weight:900;text-decoration:none!important;box-shadow:0 15px 32px rgba(249,20,136,.22);cursor:pointer}.mda-account-primary:disabled{opacity:.6;cursor:wait}.mda-account-primary-link{margin-top:20px}.mda-account-text-button{display:block;margin:15px auto 0;border:0;background:transparent;color:#6d7382;font-weight:750;cursor:pointer}.mda-account-alert{display:none;margin-top:16px;padding:12px 14px;border-radius:14px;background:#fff0f4;border:1px solid #ffc8d8;color:#a91d4f;font-size:13px;font-weight:700;line-height:1.45}.mda-account-alert.is-visible{display:block}.mda-account-success-mark{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 18px;border-radius:26px;background:linear-gradient(145deg,#ffe4f2,#fff4b9);color:#f91488;font-size:36px;font-weight:900}.mda-account-step[data-mda-account-step="success"]{text-align:center}.mda-account-loading{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:30px;background:rgba(255,255,255,.90);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:.13s}.mda-account-loading.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mda-account-loading span{color:#444b5e!important;font-size:13px!important;font-weight:800}.mda-account-spinner{width:46px;height:46px;border-radius:50%;border:4px solid #f3e8ef;border-top-color:#f91488;border-right-color:#f3d850;animation:mdaAccountSpin .8s linear infinite}@keyframes mdaAccountSpin{to{transform:rotate(360deg)}}body.mda-account-modal-open{overflow:hidden!important}
@media(max-width:767px){.mda-account-modal{align-items:flex-end;padding:0}.mda-account-modal-card{width:100%;max-height:92vh;border-radius:28px 28px 0 0;padding:25px 19px calc(25px + env(safe-area-inset-bottom));transform:translateY(24px)}.mda-account-step h2{font-size:30px!important}.mda-account-register-grid{grid-template-columns:1fr}.mda-account-wide{grid-column:auto}}


/* ===== V3 account dropdown ===== */
.mda-account-nav-link{border:0;cursor:pointer;font-family:inherit}
.mda-account-chevron{font-size:12px;line-height:1;transition:transform .16s ease}
.mda-account-nav-slot.is-menu-open .mda-account-chevron{transform:rotate(180deg)}
.mda-account-dropdown{position:absolute;right:0;top:calc(50% + 25px);width:250px;padding:9px;border:1px solid rgba(27,20,31,.10);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(31,12,27,.22);opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:.14s ease;z-index:10020}
.mda-account-nav-slot.is-menu-open .mda-account-dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mda-account-dropdown-link,.mda-account-dropdown-logout{box-sizing:border-box;display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:54px!important;margin:0!important;padding:10px 11px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#171827!important;text-align:left!important;text-decoration:none!important;font-family:inherit!important;cursor:pointer!important}
.mda-account-dropdown-link:hover,.mda-account-dropdown-logout:hover{background:#fff2f8!important}
.mda-account-dropdown-link>span,.mda-account-dropdown-logout>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#fff0f7;color:#f91488;font-weight:900}
.mda-account-dropdown strong{display:block;color:#171827;font-size:13px;line-height:1.2}
.mda-account-dropdown small{display:block;margin-top:3px;color:#85899a;font-size:10px;line-height:1.2}
.mda-account-dropdown-logout{border-top:1px solid #f0edf1!important;border-radius:0 0 14px 14px!important}
.mda-account-dropdown-logout>span{background:#fff8da;color:#6d5a00}

@media(max-width:767px){
  .mda-account-dropdown{position:static;width:100%;margin-top:7px;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:1px solid rgba(249,20,136,.12);background:#fff}
  .mda-account-nav-slot.is-menu-open .mda-account-dropdown{display:block}
}

/* Drop-in booking cancellation */
.mda-dropin-cancel-button{background:#fff0f5!important;color:#c71664!important;border:1px solid #ffc3dc!important;cursor:pointer!important;opacity:1!important}
.mda-dropin-cancel-button:hover{background:#f91488!important;color:#fff!important;border-color:#f91488!important}
.mda-account-toast{position:fixed;right:22px;bottom:22px;z-index:100050;width:min(390px,calc(100% - 32px));padding:16px 18px;border-radius:18px;background:#141426;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s ease;font-size:13px;line-height:1.45;font-weight:700}
.mda-account-toast.is-visible{opacity:1;visibility:visible;transform:none}
.mda-account-toast.is-error{background:#8c1748}
.mda-account-toast.is-success{background:#087a5f}


/* ===== V3.1 NAVBAR POSITION HOTFIX =====
   V3 accidentally changed the account slot back to position:relative after the
   desktop rule, which pushed Mitt Konto outside the visible legacy navbar. */
@media(min-width:768px){
  .navbar .navbar-collapse{
    position:relative!important;
    padding-right:124px!important;
    overflow:visible!important;
  }
  .mda-account-nav-slot{
    position:absolute!important;
    right:8px!important;
    top:0!important;
    width:112px!important;
    height:100%!important;
    min-height:58px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    z-index:10030!important;
  }
  .mda-account-nav-link{
    max-width:112px!important;
  }
  .mda-account-dropdown{
    right:0!important;
    top:calc(50% + 25px)!important;
  }
}
@media(max-width:767px){
  .mda-account-nav-slot{
    position:static!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:8px 15px 14px!important;
    display:block!important;
  }
}


/* =========================================================
   V3.4 — MOBILE MODAL VIEWPORT FIX
   The old mobile style intentionally anchored the account
   modal to the BOTTOM of the viewport. On iPhone Safari that
   can put the card below the visible browser viewport.
   Mobile now behaves like desktop: immediately visible and
   vertically centered inside the real dynamic viewport.
   ========================================================= */
@media (max-width:767px){
  .mda-account-modal{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;

    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100svh!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    box-sizing:border-box!important;
    padding:
      max(12px, env(safe-area-inset-top))
      12px
      max(12px, env(safe-area-inset-bottom))!important;

    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }

  .mda-account-modal-card{
    box-sizing:border-box!important;
    width:min(470px, calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;

    /* Keep the whole card inside the visible iPhone viewport.
       Register can still scroll INSIDE the card when needed. */
    max-height:calc(100vh - 32px)!important;
    max-height:calc(100dvh - 32px)!important;

    margin:0!important;
    padding:22px 18px
      calc(22px + env(safe-area-inset-bottom))!important;

    border-radius:26px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;

    transform:scale(.985)!important;
    transform-origin:center center!important;
  }

  .mda-account-modal.is-open .mda-account-modal-card{
    transform:none!important;
  }

  .mda-account-modal-brand img{
    width:112px!important;
    max-height:66px!important;
    margin-bottom:13px!important;
  }

  .mda-account-tabs{
    margin-bottom:18px!important;
  }

  .mda-account-step h2{
    font-size:29px!important;
  }

  .mda-account-copy{
    margin-bottom:17px!important;
    font-size:14px!important;
  }

  .mda-account-field{
    margin-bottom:12px!important;
  }

  .mda-account-field input{
    height:50px!important;
  }

  .mda-account-primary{
    min-height:51px!important;
  }

  body.mda-account-modal-open{
    overflow:hidden!important;
    touch-action:none!important;
  }
}

/* Extra-short iPhone landscape / reduced browser viewport */
@media (max-width:767px) and (max-height:620px){
  .mda-account-modal{
    align-items:flex-start!important;
    padding-top:max(8px, env(safe-area-inset-top))!important;
  }
  .mda-account-modal-card{
    max-height:calc(100dvh - 16px)!important;
    padding-top:17px!important;
  }
  .mda-account-modal-brand img{
    width:88px!important;
    max-height:50px!important;
    margin-bottom:8px!important;
  }
  .mda-account-tabs{
    height:42px!important;
    margin-bottom:12px!important;
  }
  .mda-account-tab-indicator{
    height:34px!important;
  }
  .mda-account-step h2{
    font-size:25px!important;
  }
}


/* =========================================================
   V3.5 — iOS SAFARI VISIBLE CARD FIX
   iOS Safari can composite backdrop-filter above a sibling
   unless the stacking order is explicit. The result is the
   exact symptom seen on iPhone: page blurs/locks, card seems
   missing. Force the dialog onto its own layer ABOVE backdrop.
   ========================================================= */
.mda-account-modal{
  isolation:isolate!important;
}

.mda-account-modal-backdrop{
  z-index:0!important;
}

.mda-account-modal-card{
  position:relative!important;
  z-index:10!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

/* iPhone/iPad Safari: avoid the backdrop-filter compositor
   swallowing the dialog layer. Keep the dimmed premium overlay
   but use a normal translucent backdrop on mobile. */
@media (max-width:767px){
  .mda-account-modal-backdrop{
    background:rgba(13,14,28,.58)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    z-index:0!important;
  }

  .mda-account-modal-card{
    position:relative!important;
    z-index:20!important;
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
    flex:0 0 auto!important;
  }

  .mda-account-modal.is-open .mda-account-modal-card{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}


/* =========================================================
   V3.6 — ROOT CAUSE FIX FOR THE LEGACY MDA SITE

   The old global stylesheet applies translateZ(0) to BODY:
     #bakgrunden { -webkit-transform: translateZ(0); }

   A transformed ancestor becomes the containing block for
   position:fixed descendants. On a long mobile page the login
   modal was therefore positioned against the entire page,
   not the visible phone viewport.

   Remove that identity transform ONLY while Mitt Konto is open.
   ========================================================= */
body#bakgrunden.mda-account-modal-open{
  -webkit-transform:none!important;
  transform:none!important;
  -webkit-transform-style:flat!important;
  transform-style:flat!important;
}