/* SuperStats - faelles mobilstandard v1
   Desktop er uberort. Forsidens godkendte mobilregler bevares.
   Reglerne herunder er forelobig til andre sider end forsiden. */
.ss-mobile-brand,.ss-mobile-menu{display:none;}
@media screen and (max-width:700px){
  body.ss-mobile-shared{margin:0;min-width:0;background:#f2f4f5;color:#10315B;font-family:Arial,Helvetica,sans-serif;}
  body.ss-mobile-shared #outer{padding:0;background:none;min-width:0;width:100%;}
  body.ss-mobile-shared #wrap{box-sizing:border-box;width:100%;min-width:0;min-height:100vh;margin:0;background:none;}
  body.ss-mobile-shared #header{box-sizing:border-box;float:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:auto;min-height:76px;padding:14px 16px;background:#104470;}
  body.ss-mobile-shared #header #logo,body.ss-mobile-shared #header #nav{display:none!important;}
  body.ss-mobile-shared .ss-mobile-brand{display:flex;align-items:center;min-width:0;text-decoration:none!important;color:#fff!important;}
  body.ss-mobile-shared .ss-mobile-brand strong{display:block;font:700 25px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.6px;}
  body.ss-mobile-shared .ss-mobile-brand small{display:block;margin-top:6px;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:1.4px;color:#d4e0ea;}
  body.ss-mobile-shared .ss-mobile-menu{display:block;position:relative;flex:0 0 auto;z-index:200;}
  body.ss-mobile-shared .ss-mobile-menu>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:11px 12px;border:1px solid #7c9ab4;border-radius:6px;color:white;font:700 16px/1.2 Arial,Helvetica,sans-serif;}
  body.ss-mobile-shared .ss-mobile-menu>summary::-webkit-details-marker,body.ss-mobile-shared .ss-mnav-section>summary::-webkit-details-marker{display:none;}
  body.ss-mobile-shared .ss-mobile-menu>summary span{font-size:23px;}
  body.ss-mobile-shared .ss-mobile-menu-panel{position:absolute;right:0;top:calc(100% + 8px);box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;background:#12325a;border:1px solid #54728e;border-radius:8px;box-shadow:0 10px 24px #0003;}
  body.ss-mobile-shared .ss-mnav-section{border-bottom:1px solid #ffffff20;}
  body.ss-mobile-shared .ss-mnav-section>summary{cursor:pointer;list-style:none;padding:15px 18px;color:white;font:700 15px/1.3 Arial,Helvetica,sans-serif;}
  body.ss-mobile-shared .ss-mnav-section>summary:after{content:'+';float:right;font-size:20px;}
  body.ss-mobile-shared .ss-mnav-section[open]>summary:after{content:'−';}
  body.ss-mobile-shared .ss-mnav-links{display:grid;grid-template-columns:1fr;background:#0e294c;padding:4px 0;}
  body.ss-mobile-shared .ss-mnav-links a,body.ss-mobile-shared .ss-mnav-sitemap{display:block;padding:11px 20px;color:#fff!important;text-decoration:none;font:14px/1.35 Arial,Helvetica,sans-serif;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner{box-sizing:border-box!important;display:flex!important;flex-direction:column;gap:0;width:100%!important;min-height:0;padding:0!important;background:#fff;overflow:visible;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-klubber{display:flex;width:100%;max-width:100%;flex:0 0 auto;gap:0;overflow-x:auto;scrollbar-width:none;padding:8px 10px;box-sizing:border-box;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-klubber::-webkit-scrollbar{display:none;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-klub{flex:0 0 42px;min-width:42px;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-social{box-sizing:border-box;display:flex!important;justify-content:space-around;width:100%!important;margin:0!important;padding:12px 16px;border-top:1px solid #e0e5e9;gap:8px!important;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-social a.ss-social-link{width:28px;height:30px;flex:0 0 28px;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-social svg{width:23px;height:23px;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-pokal-container{box-sizing:border-box;width:100%;min-width:0;flex:0 0 auto;}
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-pokal-nav{max-width:100%;overflow-x:auto;}
  body.ss-mobile-shared #content,body.ss-mobile-shared #hojre,body.ss-mobile-shared #contentsitemap,body.ss-mobile-shared #contentrealsitemap{box-sizing:border-box;float:none;width:100%;max-width:100%;margin:0;padding:14px;min-width:0;}
  body.ss-mobile-shared #hojre{padding-top:0;}
  body.ss-mobile-shared #footer{box-sizing:border-box;clear:both;width:100%;max-width:100%;padding:24px 14px;margin:0;background:none;}
  body.ss-mobile-shared #content img,body.ss-mobile-shared #hojre img{max-width:100%;height:auto;}
  body.ss-mobile-shared #content .box,body.ss-mobile-shared #hojre .box{max-width:100%;}
  body.ss-mobile-shared #content .box.full,body.ss-mobile-shared #content .box.xlarge,body.ss-mobile-shared #content .box.large{width:100%;}
  body.ss-mobile-shared #content .box h2{box-sizing:border-box;max-width:100%;}
  body.ss-mobile-shared #content .box .inner,body.ss-mobile-shared #content .box .corner{box-sizing:border-box;max-width:100%;overflow-x:auto;}
  body.ss-mobile-shared #content table{max-width:none;}
  body.ss-mobile-shared #content input,body.ss-mobile-shared #content select,body.ss-mobile-shared #content textarea{max-width:100%;box-sizing:border-box;}
  body.ss-mobile-shared #nedtael,body.ss-mobile-shared #count,body.ss-mobile-shared #countlogoer{box-sizing:border-box;max-width:100%;}
  body.ss-mobile-shared #footer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0;}
  body.ss-mobile-shared #footer ul li{display:inline-block;border:0;padding:0;background:none;}
}

/* SuperStats - faelles mobilstandard v2: undersider */
@media screen and (max-width:700px) {
  /* Klublogoerne er tilgaengelige under Menu > Hold. */
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-klubber { display:none!important; }
  body.ss-mobile-shared #ikoner.ss-top-ikoner { border-bottom:1px solid #dfe5e9; }
  body.ss-mobile-shared #ikoner.ss-top-ikoner .ss-top-social { border-top:0; }

  /* Undgaa sammenpressede brede statistiktabeller. Scroll kun ved behov. */
  body.ss-mobile-shared #content { overflow-x:auto; }
  body.ss-mobile-shared #content table:has(thead th:nth-child(8)) {
    min-width:640px;
    width:100%;
  }
  body.ss-mobile-shared #content table:has(thead th:nth-child(8)) th,
  body.ss-mobile-shared #content table:has(thead th:nth-child(8)) td {
    white-space:nowrap;
  }
  body.ss-mobile-shared #content table:has(thead th:nth-child(8)) img {
    max-height:25px;
    width:auto;
  }

  /* Godkendt mobilfooter fra forsiden, anvendt paa undersider. */
  body.ss-mobile-shared #footer {
    width:calc(100% - 24px)!important;
    margin:12px 12px 12px!important;
    padding:17px 10px 16px!important;
    border-top:2px solid #104470!important;
    background:transparent!important;
    text-align:center!important;
  }
  body.ss-mobile-shared #footer ul {
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:19px!important;
    row-gap:11px!important;
    max-width:520px;
    margin:0 auto!important;
    padding:0!important;
  }
  body.ss-mobile-shared #footer ul li {
    flex:0 0 auto;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    font-size:12px!important;
    line-height:1.5!important;
    white-space:normal!important;
  }
  body.ss-mobile-shared #footer ul li:first-child {
    flex:0 0 100%;
    font-size:0!important;
    line-height:1.3!important;
    margin-bottom:3px!important;
  }
  body.ss-mobile-shared #footer ul li:first-child::before {
    content:"SuperStats";
    display:block;
    color:#10315B;
    font:bold 19px/1.3 Arial,Helvetica,sans-serif;
  }
  body.ss-mobile-shared #footer ul li:first-child::after {
    content:"SUPERLIGAEN I TAL";
    display:block;
    margin-top:2px;
    color:#718394;
    font:600 10px/1.4 Arial,Helvetica,sans-serif;
    letter-spacing:1.5px;
  }
  body.ss-mobile-shared #footer ul li:nth-child(2) {
    order:10;
    flex:0 0 100%;
    margin-top:3px!important;
    font-size:11px!important;
    color:#82909d!important;
  }
  body.ss-mobile-shared #footer ul li:nth-child(3),
  body.ss-mobile-shared #footer ul li:nth-child(4),
  body.ss-mobile-shared #footer ul li:nth-child(6),
  body.ss-mobile-shared #footer ul li:nth-child(7) { order:2; }
  body.ss-mobile-shared #footer ul li:nth-child(5) { display:none!important; }
  body.ss-mobile-shared #footer ul li a {
    color:#104470!important;
    font-size:12px!important;
    text-decoration:none!important;
  }
}

/* v3: Sidebarens tre bokse skal fylde mobilkolonnens bredde. */
@media screen and (max-width:700px) {
  body.ss-mobile-shared #hojre > .box,
  body.ss-mobile-shared #hojre .box,
  body.ss-mobile-shared #hojre .box.small,
  body.ss-mobile-shared #hojre .box.medium,
  body.ss-mobile-shared #hojre .box.large,
  body.ss-mobile-shared #hojre .box.full {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.ss-mobile-shared #hojre .box > h2,
  body.ss-mobile-shared #hojre .box > .inner,
  body.ss-mobile-shared #hojre .box > .corner,
  body.ss-mobile-shared #hojre .box > .content {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.ss-mobile-shared #hojre .box table {
    width:100%!important;
    max-width:100%!important;
  }
}

/* v4 – ens bredde paa hovedindhold og sidebar paa mobil.
   Kun undersider: desktop og forsiden beroeres ikke. */
@media screen and (max-width:700px) {
  body.ss-mobile-shared #content,
  body.ss-mobile-shared #hojre {
    display:block!important;
    position:relative!important;
    clear:both!important;
    float:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:14px!important;
  }
  body.ss-mobile-shared #hojre {padding-top:0!important;}
  /* Gamle 300px-bokse og eventuelle indre beholdere. */
  body.ss-mobile-shared #hojre > div,
  body.ss-mobile-shared #hojre > section,
  body.ss-mobile-shared #hojre > .box,
  body.ss-mobile-shared #hojre .box {
    box-sizing:border-box!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.ss-mobile-shared #hojre .box > h2,
  body.ss-mobile-shared #hojre .box > .inner,
  body.ss-mobile-shared #hojre .box > .corner,
  body.ss-mobile-shared #hojre .box > .content,
  body.ss-mobile-shared #hojre .box > table,
  body.ss-mobile-shared #hojre .box table {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.ss-mobile-shared #hojre table {table-layout:auto;}
}


/* v5 – faktiske 300px-begrænsninger i /genbrug/bund.txt.
   Højrespaltens specialbokse er ikke .box-elementer. */
@media screen and (max-width:700px) {
  body.ss-mobile-shared #hojre .stilling-box,
  body.ss-mobile-shared #hojre .season-overview-card,
  body.ss-mobile-shared #hojre .season-top-card {
    box-sizing:border-box!important;
    display:block;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}