/* MU DITO V15 — navbar safety + final Terms of Use polish */

/* -------------------------------------------------------------------------- */
/* Desktop navbar: prevent RANKING from sitting underneath account buttons.   */
/* -------------------------------------------------------------------------- */
@media (min-width:1241px){
  .mudito-v15 .topPanel-wrapper{
    width:min(1500px,calc(100% - 36px))!important;
    max-width:1500px!important;
    gap:14px!important;
  }
  .mudito-v15 .topPanel-wrapper_left{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .mudito-v15 .topPanel-wrapper_left>.menu{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    gap:3px!important;
  }
  .mudito-v15 .topPanel .menu a{
    padding-left:9px!important;
    padding-right:9px!important;
    gap:6px!important;
  }
  .mudito-v15 .topPanel-wrapper_right{
    flex:0 0 auto!important;
    margin-left:8px!important;
    gap:8px!important;
  }
  .mudito-v15 .topPanel .button{
    min-width:112px!important;
    padding:0 15px!important;
  }
  .mudito-v15 .logo-mini{
    width:102px!important;
    flex-basis:102px!important;
    margin-right:8px!important;
  }
  .mudito-v15 .logo-mini img{width:78px!important;height:78px!important;}
}

@media (min-width:1241px) and (max-width:1390px){
  .mudito-v15 .topPanel .menu a{font-size:10px!important;padding-left:6px!important;padding-right:6px!important;gap:4px!important;}
  .mudito-v15 .md14-nav-icon{width:23px;height:23px;flex-basis:23px;font-size:13px;}
  .mudito-v15 .topPanel .button{min-width:102px!important;padding:0 11px!important;}
  .mudito-v15 .logo-mini{width:88px!important;flex-basis:88px!important;}
}

/* -------------------------------------------------------------------------- */
/* Terms / rules — replaces the legacy lorem ipsum module on /tos.             */
/* -------------------------------------------------------------------------- */
.mudito-v15 .md15-terms{
  color:#d9e4ef;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.65;
}
.mudito-v15 .md15-terms-hero{
  position:relative;
  overflow:hidden;
  padding:30px 32px 28px;
  margin:0 0 22px;
  border:1px solid rgba(218,168,73,.34);
  border-radius:10px;
  background:
    radial-gradient(circle at 0 0,rgba(42,139,255,.16),transparent 38%),
    radial-gradient(circle at 100% 20%,rgba(255,63,47,.11),transparent 40%),
    linear-gradient(145deg,rgba(5,18,31,.98),rgba(2,9,17,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 0 38px rgba(32,110,197,.05);
}
.mudito-v15 .md15-terms-hero:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#2695ff,#dba745,#e34335);opacity:.95;
}
.mudito-v15 .md15-terms-kicker{
  display:block;margin-bottom:7px;color:#8dbdec;font-size:10px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;
}
.mudito-v15 .md15-terms h1{
  margin:0 0 12px!important;color:#f5d180!important;font:700 32px/1.1 Georgia,"Times New Roman",serif!important;text-shadow:0 2px 12px rgba(0,0,0,.55);
}
.mudito-v15 .md15-terms-hero>p{max-width:850px;margin:0;color:#c7d3df;font-size:14px;}
.mudito-v15 .md15-terms-note,.mudito-v15 .md15-warning{
  margin-top:18px;padding:13px 16px;border-left:3px solid #d9a441;border-radius:4px;background:rgba(211,154,47,.07);color:#e2e8ee;font-size:12px;
}
.mudito-v15 .md15-rule-section{
  margin:0 0 18px;padding:22px 26px 22px;border:1px solid rgba(83,121,157,.20);border-radius:9px;
  background:linear-gradient(160deg,rgba(4,15,27,.94),rgba(2,9,16,.96));box-shadow:0 14px 30px rgba(0,0,0,.20);
}
.mudito-v15 .md15-rule-section h2{
  display:flex;align-items:center;gap:11px;margin:0 0 16px!important;padding-bottom:12px;border-bottom:1px solid rgba(218,168,73,.18);
  color:#efd08a!important;font:700 19px/1.2 Georgia,"Times New Roman",serif!important;
}
.mudito-v15 .md15-rule-section h2 span{
  display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid rgba(64,151,240,.34);border-radius:7px;
  background:linear-gradient(145deg,rgba(17,48,79,.92),rgba(5,16,28,.96));color:#8bc9ff;font:800 10px/1 Arial,sans-serif;letter-spacing:.5px;
}
.mudito-v15 .md15-rules{margin:0!important;padding:0 0 0 28px!important;counter-reset:none;}
.mudito-v15 .md15-rules li{
  position:relative;margin:0;padding:10px 10px 10px 4px;color:#cbd7e2;font-size:12.5px;border-bottom:1px solid rgba(109,141,172,.09);
}
.mudito-v15 .md15-rules li:last-child{border-bottom:0;}
.mudito-v15 .md15-rules li::marker{color:#e4b85e;font-weight:800;}
.mudito-v15 .md15-rules strong{color:#f1d28e;font-weight:700;}
.mudito-v15 .md15-warning{border-left-color:#e14c3c;background:linear-gradient(90deg,rgba(175,37,31,.12),rgba(4,13,23,.18));color:#ead8d5;}
.mudito-v15 .md15-terms-footer{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px 22px;border-top:1px solid rgba(218,168,73,.34);border-bottom:1px solid rgba(50,139,230,.24);
  background:linear-gradient(90deg,rgba(8,24,40,.82),rgba(6,13,23,.88),rgba(35,10,12,.48));
}
.mudito-v15 .md15-terms-footer div{display:flex;align-items:baseline;gap:9px;}
.mudito-v15 .md15-terms-footer strong{font:700 18px Georgia,"Times New Roman",serif;color:#f0ca76;letter-spacing:1px;}
.mudito-v15 .md15-terms-footer span{font-size:9px;color:#86a8c8;letter-spacing:1.7px;text-transform:uppercase;}
.mudito-v15 .md15-terms-footer p{margin:0;color:#899caf;font-size:10px;letter-spacing:.6px;text-transform:uppercase;}

@media(max-width:760px){
  .mudito-v15 .md15-terms-hero{padding:22px 18px 20px;}
  .mudito-v15 .md15-terms h1{font-size:25px!important;}
  .mudito-v15 .md15-rule-section{padding:18px 15px;}
  .mudito-v15 .md15-rule-section h2{font-size:16px!important;}
  .mudito-v15 .md15-rules{padding-left:23px!important;}
  .mudito-v15 .md15-rules li{padding-right:0;font-size:12px;}
  .mudito-v15 .md15-terms-footer{align-items:flex-start;flex-direction:column;gap:5px;}
}

/* -------------------------------------------------------------------------- */
/* V16 — stronger desktop navbar packing + Welcome page module                */
/* -------------------------------------------------------------------------- */
@media (min-width:1241px){
  .mudito-v15 .topPanel-wrapper{
    width:min(1560px,calc(100% - 20px))!important;
    gap:10px!important;
  }
  .mudito-v15 .topPanel-wrapper_left{gap:8px!important;}
  .mudito-v15 .logo-mini{
    width:86px!important;
    flex:0 0 86px!important;
    margin-right:2px!important;
  }
  .mudito-v15 .logo-mini img{width:72px!important;height:72px!important;}
  .mudito-v15 .topPanel-wrapper_left>.menu{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:1px!important;
  }
  .mudito-v15 .topPanel .menu li{flex:0 0 auto!important;min-width:0!important;}
  .mudito-v15 .topPanel .menu a{
    font-size:11px!important;
    padding:0 8px!important;
    gap:5px!important;
    white-space:nowrap!important;
  }
  .mudito-v15 .md14-nav-icon{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:13px!important;}
  .mudito-v15 .topPanel-wrapper_right{gap:6px!important;margin-left:4px!important;}
  .mudito-v15 .topPanel .button{min-width:104px!important;padding:0 12px!important;font-size:11px!important;}
}
@media (min-width:1241px) and (max-width:1445px){
  .mudito-v15 .topPanel-wrapper{width:min(100%,calc(100% - 12px))!important;}
  .mudito-v15 .topPanel .menu a{font-size:10px!important;padding:0 6px!important;gap:4px!important;}
  .mudito-v15 .md14-nav-icon{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:12px!important;}
  .mudito-v15 .topPanel .button{min-width:94px!important;padding:0 10px!important;font-size:10px!important;}
  .mudito-v15 .logo-mini{width:78px!important;flex-basis:78px!important;}
  .mudito-v15 .logo-mini img{width:64px!important;height:64px!important;}
}

.mudito-v15 .md16-welcome{
  color:#d8e2ed;
  font-family:Arial,Helvetica,sans-serif;
}
.mudito-v15 .md16-welcome-hero{
  position:relative;
  overflow:hidden;
  margin:0 0 22px;
  padding:30px 32px 26px;
  border:1px solid rgba(218,168,73,.34);
  border-radius:12px;
  background:
    radial-gradient(circle at 0% 0%, rgba(46,145,255,.17), transparent 40%),
    radial-gradient(circle at 100% 18%, rgba(224,70,58,.14), transparent 42%),
    linear-gradient(145deg, rgba(4,17,30,.97), rgba(2,9,17,.98));
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 0 34px rgba(33,110,201,.06);
}
.mudito-v15 .md16-welcome-hero:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#2796ff,#d9a84d,#ea4434);
}
.mudito-v15 .md16-welcome-kicker{
  display:block;margin-bottom:8px;color:#8dbbe7;font-size:10px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;
}
.mudito-v15 .md16-welcome h1{
  margin:0 0 14px!important;color:#f1d088!important;font:700 31px/1.12 Georgia,"Times New Roman",serif!important;text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.mudito-v15 .md16-welcome p{margin:0 0 10px;font-size:13px;line-height:1.72;color:#cfd9e4;}
.mudito-v15 .md16-grid{
  display:grid;grid-template-columns:1.18fr .82fr;gap:18px;
}
.mudito-v15 .md16-card{
  padding:22px 24px 20px;border:1px solid rgba(83,121,157,.22);border-radius:10px;
  background:linear-gradient(160deg,rgba(4,15,27,.94),rgba(2,9,16,.97));
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}
.mudito-v15 .md16-card h2{
  display:flex;align-items:center;gap:11px;margin:0 0 14px!important;padding-bottom:11px;border-bottom:1px solid rgba(218,168,73,.18);
  color:#efd08a!important;font:700 19px/1.2 Georgia,"Times New Roman",serif!important;
}
.mudito-v15 .md16-card h2 span{
  display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:7px;
  border:1px solid rgba(64,151,240,.34);background:linear-gradient(145deg,rgba(17,48,79,.92),rgba(5,16,28,.96));color:#8bc9ff;font:800 10px/1 Arial,sans-serif;letter-spacing:.5px;
}
.mudito-v15 .md16-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px;}
.mudito-v15 .md16-list li{
  position:relative;padding:11px 12px 11px 38px;border:1px solid rgba(69,102,137,.18);border-radius:8px;background:linear-gradient(140deg,rgba(6,21,38,.78),rgba(3,11,21,.92));color:#d4dce5;font-size:12.5px;
}
.mudito-v15 .md16-list li:before{
  content:"✦";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#e6bd69;font-size:16px;text-shadow:0 0 10px rgba(230,189,105,.3);
}
.mudito-v15 .md16-highlight{
  display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:18px 22px;border-top:1px solid rgba(218,168,73,.30);border-bottom:1px solid rgba(50,139,230,.22);
  background:linear-gradient(90deg,rgba(8,24,40,.82),rgba(6,13,23,.88),rgba(35,10,12,.48));
}
.mudito-v15 .md16-highlight strong{display:block;color:#efcc77;font:700 18px Georgia,"Times New Roman",serif;letter-spacing:.9px;}
.mudito-v15 .md16-highlight span{display:block;margin-top:2px;color:#91abc3;font-size:11px;letter-spacing:.7px;text-transform:uppercase;}
.mudito-v15 .md16-highlight p{margin:0;color:#d9e2ea;font-size:13px;}

@media(max-width:900px){
  .mudito-v15 .md16-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .mudito-v15 .md16-welcome-hero{padding:22px 18px 20px;}
  .mudito-v15 .md16-welcome h1{font-size:25px!important;}
  .mudito-v15 .md16-card{padding:18px 16px;}
  .mudito-v15 .md16-card h2{font-size:16px!important;}
  .mudito-v15 .md16-highlight{flex-direction:column;align-items:flex-start;gap:6px;}
}

/* -------------------------------------------------------------------------- */
/* V17 — desktop navbar stays entirely inside the upper navigation bar.       */
/* Fixes the inherited width:100% that pushed the category menu into the hero.*/
/* -------------------------------------------------------------------------- */
@media (min-width:921px){
  .mudito-v15 .topPanel{
    height:76px!important;
    min-height:76px!important;
  }
  .mudito-v15 .topPanel-wrapper{
    height:76px!important;
    min-height:76px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .mudito-v15 .topPanel-wrapper_left{
    height:76px!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    min-width:0!important;
  }
  .mudito-v15 .topPanel-wrapper_left>.menu{
    position:static!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
  }
  .mudito-v15 .topPanel .menu li{
    height:76px!important;
    margin:0 2px!important;
    display:flex!important;
    align-items:center!important;
  }
  .mudito-v15 .topPanel .menu a{
    height:76px!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .mudito-v15 .topPanel-wrapper_right{
    height:76px!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    margin-top:0!important;
  }
}

/* Notebook widths keep the same single-row composition before hamburger mode. */
@media (min-width:921px) and (max-width:1240px){
  .mudito-v15 .topPanel-wrapper{width:calc(100% - 14px)!important;gap:5px!important;}
  .mudito-v15 .logo-mini{width:70px!important;flex:0 0 70px!important;margin-right:0!important;}
  .mudito-v15 .logo-mini img{width:58px!important;height:58px!important;}
  .mudito-v15 .topPanel .menu li{margin:0!important;}
  .mudito-v15 .topPanel .menu a{padding:0 5px!important;font-size:9px!important;gap:3px!important;}
  .mudito-v15 .md14-nav-icon{width:21px!important;height:21px!important;flex:0 0 21px!important;font-size:11px!important;}
  .mudito-v15 .topPanel-wrapper_right{gap:5px!important;margin-left:3px!important;}
  .mudito-v15 .topPanel .button{min-width:88px!important;padding:0 8px!important;font-size:9px!important;}
}