/* APProfile 16.10.0 — single final responsive layer.
   Loaded after all legacy styles; new responsive fixes belong here. */

.wiz-card .proto-toolbar-fields{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}
.wiz-card .proto-toolbar-fields>.field,.wiz-card .proto-toolbar-fields .input{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
.wiz-card .proto-toolbar-fields .input{min-height:46px!important;font-size:14px!important}

@media (min-width:701px) and (max-width:1199px){
  .wiz-card .proto-toolbar-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wiz-card .proto-toolbar-fields>.field:last-child:nth-child(odd){grid-column:1/-1!important}
  .wiz-track-note{display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr)!important;align-items:start!important}
}
@media (max-width:700px){
  .wiz-card .proto-toolbar-fields{grid-template-columns:minmax(0,1fr)!important}
  .wiz-card .proto-toolbar-fields>.field{grid-column:auto!important}
  .wiz-card-body{padding-left:16px!important;padding-right:16px!important}
  .wiz-actions{align-items:stretch!important;gap:10px!important}
  .wiz-actions .btn{width:100%!important;min-height:46px!important}
  .wiz-actions-right{width:100%!important}

  html:has(.shell[data-page="home"]),html body:has(.shell[data-page="home"]),html body #app:has(.shell[data-page="home"]){height:100svh!important;min-height:0!important;overflow:hidden!important}
  html body .shell[data-page="home"]{height:100svh!important;min-height:0!important;max-height:100svh!important;overflow:hidden!important;background:#071321!important}
  html body .shell[data-page="home"] .topbar{position:relative!important;display:block!important;height:56px!important;min-height:56px!important;flex:0 0 56px!important;background:#071321!important;border:0!important;box-shadow:none!important;z-index:80!important}
  html body .shell[data-page="home"] .topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;height:56px!important;min-height:56px!important;padding:0 14px!important;overflow:visible!important}
  html body .shell[data-page="home"] .logo-btn{display:flex!important;align-items:center!important;width:174px!important;height:56px!important;flex:0 0 174px!important;padding:0!important}
  html body .shell[data-page="home"] .logo,html body .shell[data-page="home"] .logo-compact{display:block!important;width:auto!important;height:auto!important;max-width:174px!important;max-height:31px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
  html body .shell[data-page="home"] .nav-burger{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin-left:auto!important;border-radius:14px!important}
  html body .shell[data-page="home"] .home-pro{height:calc(100svh - 56px)!important;min-height:0!important;overflow:hidden!important}
  html body .shell[data-page="home"] .home-pro-stage{height:100%!important;min-height:0!important;grid-template-rows:minmax(0,1fr) 34px!important;overflow:hidden!important}
  html body .shell[data-page="home"] .home-pro-inner{width:calc(100vw - 24px)!important;height:100%!important;min-height:0!important;padding:16px 0 8px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;gap:9px!important;overflow:hidden!important;align-content:stretch!important}
  html body .shell[data-page="home"] .home-pro-copy{grid-column:1!important;grid-row:1!important;align-self:start!important;padding-top:58px!important}
  html body .shell[data-page="home"] .home-pro-kicker{display:none!important}
  html body .shell[data-page="home"] .home-pro-copy h1{max-width:390px!important;margin:0 0 8px!important;font-size:clamp(27px,7.5vw,32px)!important;line-height:1.05!important;letter-spacing:-.035em!important;text-wrap:balance!important}
  html body .shell[data-page="home"] .home-pro-copy p{display:-webkit-box!important;margin:0!important;overflow:hidden!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:11.5px!important;line-height:1.38!important}
  html body .shell[data-page="home"] .home-pro-actions{margin-top:8px!important}
  html body .shell[data-page="home"] .home-pro-primary{min-height:36px!important;padding:0 13px!important;font-size:12px!important}
  html body .shell[data-page="home"] .home-pro-score{display:none!important}
  html body .shell[data-page="home"] .home-pro-areas{grid-column:1!important;grid-row:2!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:6px!important;align-content:stretch!important}
  html body .shell[data-page="home"] .home-pro-area{min-width:0!important;min-height:0!important;height:auto!important;padding:7px 38px 7px 9px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:9px!important;row-gap:2px!important;border-radius:13px!important;text-align:left!important}
  html body .shell[data-page="home"] .home-pro-area-icon{grid-column:1!important;grid-row:1 / 3!important;width:28px!important;height:28px!important;margin:0!important;border-radius:9px!important}
  html body .shell[data-page="home"] .home-pro-area-copy{grid-column:2!important;grid-row:1!important;width:100%!important;margin:0!important;text-align:left!important}
  html body .shell[data-page="home"] .home-pro-area-copy b{font-size:clamp(11.5px,3.4vw,14px)!important;line-height:1.1!important;overflow-wrap:anywhere!important}
  html body .shell[data-page="home"] .home-pro-area-copy small{display:block!important;margin-top:2px!important;color:rgba(215,226,239,.72)!important;font-size:clamp(8.5px,2.35vw,10.5px)!important;line-height:1.18!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  html body .shell[data-page="home"] .home-pro-area-meta{display:block!important;grid-column:2!important;grid-row:2!important;margin:0!important;font-size:8px!important;line-height:1.1!important}
  html body .shell[data-page="home"] .home-pro-area-arrow{display:block!important;top:50%!important;right:13px!important;transform:translateY(-50%)!important}
  html body .shell[data-page="home"] .home-pro-utility{min-height:34px!important;height:34px!important}
  html body .shell[data-page="home"] .home-pro-utility a{min-height:28px!important;padding:0 8px!important;font-size:9.5px!important}
}
@media (max-width:700px) and (max-height:680px){
  html body .shell[data-page="home"] .home-pro-copy{padding-top:30px!important}
  html body .shell[data-page="home"] .home-pro-copy p{display:none!important}
  html body .shell[data-page="home"] .home-pro-copy h1{font-size:26px!important}
}

/* v16.10.35 – Football-feature i det slutliga mobilskiktet.
   Behåller användarens val: alla områden under varandra med full text. */
@media (max-width:700px){
  html body .shell[data-page="home"] .home-pro-inner{height:auto!important;align-self:stretch!important}
  html body .shell[data-page="home"] .home-pro-area-featured{
    position:relative!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    padding:7px 38px 7px 9px!important;
    border-color:rgba(66,226,206,.58)!important;
    background:
      linear-gradient(90deg,rgba(5,22,35,.98) 0%,rgba(7,29,42,.91) 58%,rgba(7,24,35,.38) 100%),
      var(--feature-image) center 42%/cover no-repeat!important;
  }
  html body .shell[data-page="home"] .home-pro-area-featured .home-pro-area-icon{grid-column:1!important;grid-row:1 / 3!important}
  html body .shell[data-page="home"] .home-pro-area-featured .home-pro-area-copy{grid-column:2!important;grid-row:1!important;max-width:245px!important;padding-right:58px!important}
  html body .shell[data-page="home"] .home-pro-area-featured .home-pro-area-copy b{font-size:clamp(13px,3.8vw,15px)!important}
  html body .shell[data-page="home"] .home-pro-area-featured .home-pro-area-copy small{display:block!important;font-size:clamp(8.5px,2.35vw,10px)!important;line-height:1.18!important}
  html body .shell[data-page="home"] .home-pro-area-featured .home-pro-area-meta{grid-column:2!important;grid-row:2!important;color:#5fe4d4!important}
  html body .shell[data-page="home"] .home-pro-feature-badge{
    position:absolute!important;
    top:7px!important;
    right:34px!important;
    z-index:2!important;
    margin:0!important;
    padding:3px 6px!important;
    font-size:6.5px!important;
    white-space:nowrap!important;
  }
  html body .shell[data-page="home"] .home-pro-feature-cta{display:none!important}
}

/* APProfile v16.14.9 – programsidan följer standardsidan; språk under Mitt konto */
.shell[data-page="program"] .program-main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 64px;
  background:var(--bg);
}
/* program-page-content har även klasserna .page och .page-body och delar därför
   exakt samma maxbredd och yttre avstånd som övriga undersidor. */
.shell[data-page="program"] .program-page-content{width:auto;margin:auto}
.shell[data-page="program"] .program-simple-form{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--sh);
}
.shell[data-page="program"] .program-stepper{
  margin:0;
  padding:18px 22px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.shell[data-page="program"] .program-simple-source{
  margin:0;
  padding:18px 22px;
  border-bottom:1px solid var(--line);
  background:var(--s2);
}
.shell[data-page="program"] .program-simple-section{
  margin:0 22px;
  padding:27px 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.shell[data-page="program"] .program-simple-section:last-of-type{border-bottom:0}
.shell[data-page="program"] .program-standard-equipment{
  margin:0 22px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.shell[data-page="program"] .program-simple-submit{
  margin:0;
  padding:20px 22px;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:var(--s2);
}
.shell[data-page="program"] .program-result-top{
  margin:0 0 18px;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--sh);
}
.shell[data-page="program"] .program-result-top h2{
  margin:4px 0 7px;
  color:var(--navy);
  font-size:clamp(1.45rem,2.5vw,2rem);
  line-height:1.12;
  text-transform:none;
}
.shell[data-page="program"] .program-result-full>.pg-result{
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--sh);
}
.shell[data-page="program"] .pg-empty{margin:0}

/* Språkvalet finns endast på Mitt konto. */
.account-language-card .account-language-setting{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--s2);
}
.account-language-card .account-language-setting strong,
.account-language-card .account-language-setting span{display:block}
.account-language-card .account-language-setting span{
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
}
.account-language-card .language-switch{
  flex:0 0 auto;
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--line);
}

@media(max-width:720px){
  .shell[data-page="program"] .program-stepper{padding:14px}
  .shell[data-page="program"] .program-simple-source{padding:10px 15px}
  .shell[data-page="program"] .program-simple-section{margin:0 15px;padding:22px 0}
  .shell[data-page="program"] .program-standard-equipment{margin:0 15px}
  .shell[data-page="program"] .program-simple-submit{
    position:sticky;
    bottom:8px;
    z-index:30;
    margin:8px;
    padding:11px;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 12px 32px rgba(23,50,77,.17);
  }
  .shell[data-page="program"] .program-result-top{align-items:stretch;padding:17px}
  .shell[data-page="program"] .program-result-full>.pg-result{padding:14px;border-radius:16px}
  .account-language-card .account-language-setting{align-items:flex-start;flex-direction:column}
}
@media print{
  .shell[data-page="program"] .page-hero{display:none!important}
  .shell[data-page="program"] .program-page-content{max-width:none;padding:0}
  .shell[data-page="program"] .program-result-full>.pg-result{border:0;box-shadow:none;padding:0}
}