/* ============================================================
   MU DITO V13 — FINAL RESPONSIVE POLISH
   Focus: logout, news readability, responsive layout.
   Loaded AFTER V12. Does not alter WebEngine routes or forms.
   ============================================================ */

/* ---------- account/logout polish ---------- */
.mudito-v13 .mudito-account-logout{
  position:relative!important;
  left:auto!important;
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  margin:16px 0 0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  overflow:hidden!important;
  border-radius:7px!important;
  border:1px solid rgba(226,118,81,.52)!important;
  background:
    linear-gradient(90deg,rgba(107,25,22,.97),rgba(72,16,17,.985) 48%,rgba(99,25,20,.97))!important;
  color:#ffe8d7!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 3px rgba(0,0,0,.8)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035),inset 0 0 22px rgba(255,91,58,.045)!important;
  filter:none!important;
}
.mudito-v13 .mudito-account-logout:before{
  content:"";
  width:17px;height:17px;flex:0 0 17px;
  border:1.7px solid #ffd9c3;
  border-left-color:transparent;
  border-radius:50%;
  transform:rotate(-42deg);
  box-shadow:0 0 9px rgba(255,128,91,.18);
}
.mudito-v13 .mudito-account-logout:after{
  content:"";
  position:absolute;
  left:calc(50% - 42px);top:23px;
  width:8px;height:2px;
  background:#ffd9c3;
  box-shadow:0 0 7px rgba(255,128,91,.22);
}
.mudito-v13 .mudito-account-logout:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,158,118,.84)!important;
  color:#fff5ed!important;
  background:linear-gradient(90deg,rgba(132,31,26,.98),rgba(83,18,18,.99) 48%,rgba(121,29,23,.98))!important;
  box-shadow:0 13px 28px rgba(0,0,0,.36),0 0 18px rgba(218,72,46,.12),inset 0 1px rgba(255,255,255,.045)!important;
}
.mudito-v13 .topPanel-wrapper_right a[href$="logout"]{
  border-color:rgba(223,105,76,.56)!important;
  background:linear-gradient(180deg,rgba(105,31,22,.93),rgba(55,15,14,.98))!important;
  color:#ffe4d0!important;
}
.mudito-v13 .topPanel-wrapper_right a[href$="logout"]:hover{
  border-color:rgba(247,147,109,.85)!important;
  box-shadow:0 0 22px rgba(227,82,48,.16),inset 0 0 18px rgba(255,103,62,.055)!important;
}

/* ---------- news readability ---------- */
.mudito-v13 .swiper-news{isolation:isolate!important;}
.mudito-v13 .swiper-news .swiper-slide{
  isolation:isolate!important;
  background-position:center center!important;
}
.mudito-v13 .swiper-news .swiper-slide:before{
  content:"";
  position:absolute;
  left:18px;top:26px;bottom:32px;
  width:min(50%,430px);
  border:1px solid rgba(225,179,91,.15);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(1,7,14,.92),rgba(2,10,18,.80) 66%,rgba(2,10,18,.42));
  box-shadow:0 18px 44px rgba(0,0,0,.20),inset 0 0 32px rgba(45,127,210,.025);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  z-index:2;
  pointer-events:none;
}
.mudito-v13 .swiper-news:before{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(1,6,12,.74) 0%,rgba(1,7,14,.48) 35%,rgba(1,7,14,.12) 61%,transparent 82%)!important;
}
.mudito-v13 .swiper-news .swiper-slide:after{z-index:1!important;}
.mudito-v13 .slider-title,
.mudito-v13 .swiper-slide-active .slider-title{
  z-index:5!important;
  left:48px!important;
  top:54px!important;
  bottom:auto!important;
  width:40%!important;
  max-width:40%!important;
  margin:0!important;
  padding:0!important;
  color:#f6d890!important;
  opacity:1!important;
  font:700 27px/1.12 Georgia,"Times New Roman",serif!important;
  letter-spacing:.015em!important;
  text-shadow:0 3px 10px rgba(0,0,0,1),0 0 16px rgba(229,180,93,.10)!important;
  transform:none!important;
}
.mudito-v13 .slider-info,
.mudito-v13 .swiper-slide-active .slider-info{
  z-index:5!important;
  left:48px!important;
  top:150px!important;
  bottom:auto!important;
  width:38%!important;
  max-width:38%!important;
  margin:0!important;
  padding:0!important;
  color:#f0f5fb!important;
  opacity:1!important;
  font-size:12.5px!important;
  line-height:1.7!important;
  font-weight:500!important;
  text-shadow:0 2px 7px rgba(0,0,0,1)!important;
  transform:none!important;
}
.mudito-v13 .swiper-news .swiper-slide .button-more{
  z-index:6!important;
  left:48px!important;
  right:auto!important;
  bottom:50px!important;
  top:auto!important;
}
.mudito-v13 .slider-title:after{width:110px!important;opacity:.82!important;}

/* ---------- mobile nav control ---------- */
.mudito-v13 .md13-menu-toggle{
  display:none;
  appearance:none;
  border:1px solid rgba(225,177,82,.42);
  background:linear-gradient(180deg,rgba(8,25,42,.94),rgba(3,11,20,.98));
  border-radius:7px;
  width:42px;height:38px;padding:0;
  align-items:center;justify-content:center;flex-direction:column;gap:4px;
  box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 0 14px rgba(39,134,225,.04);
}
.mudito-v13 .md13-menu-toggle span{display:block;width:19px;height:2px;background:#f0d18b;border-radius:2px;transition:.2s ease;}
.mudito-v13 .topPanel.md13-menu-open .md13-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mudito-v13 .topPanel.md13-menu-open .md13-menu-toggle span:nth-child(2){opacity:0}
.mudito-v13 .topPanel.md13-menu-open .md13-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- fluid base ---------- */
.mudito-v13 .wrapper{width:min(1320px,calc(100% - 32px))!important;}
.mudito-v13 img{max-width:100%;}
.mudito-v13 .page-content img{height:auto;}
.mudito-v13 .page-content,.mudito-v13 .widget-fon-discussions,.mudito-v13 .events-block,.mudito-v13 .swiper-news{min-width:0!important;}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .mudito-v13 .topPanel-wrapper{width:calc(100% - 24px)!important;}
  .mudito-v13 .menu a{padding:0 10px!important;font-size:10px!important;}
  .mudito-v13 .topPanel .button{min-width:92px!important;padding:0 10px!important;font-size:10px!important;}
  .mudito-v13 .logo-mini{width:82px!important;flex-basis:82px!important;margin-right:4px!important;}
  .mudito-v13 .logo-mini img{width:66px!important;height:66px!important;}

  .mudito-v13 header{height:760px!important;}
  .mudito-v13.mudito-inner header{height:520px!important;}
  .mudito-v13 .headerBlock{gap:12px!important;padding:0 8px!important;}
  .mudito-v13 .headerButtons{width:150px!important;flex-basis:150px!important;}
  .mudito-v13 .radial{width:150px!important;}
  .mudito-v13 .download-buttons{gap:10px!important;}
  .mudito-v13 .header-info-container{width:260px!important;padding:15px!important;}
  .mudito-v13 .mudito-download-cta{width:270px!important;}

  .mudito-v13 .bottom-block .widget-fon-discussions{padding-left:132px!important;}
  .mudito-v13 .fast-links-left,.mudito-v13 .fast-links-center,.mudito-v13 .fast-links-right{min-height:145px!important;}
}

/* ---------- compact tablet / mobile ---------- */
@media (max-width:920px){
  body.mudito-v13{background-attachment:scroll!important;background-size:auto 980px!important;background-position:center top!important;}
  .mudito-v13 .wrapper{width:calc(100% - 20px)!important;}

  .mudito-v13 .topPanel{position:relative!important;height:auto!important;min-height:0!important;}
  .mudito-v13 .topPanel-wrapper{width:100%!important;max-width:none!important;height:auto!important;padding:8px 10px 10px!important;display:block!important;}
  .mudito-v13 .topPanel-wrapper_left{height:auto!important;width:100%!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:7px!important;}
  .mudito-v13 .logo-mini{display:flex!important;width:78px!important;height:54px!important;flex:0 0 78px!important;margin:0!important;justify-content:flex-start!important;}
  .mudito-v13 .logo-mini img{width:60px!important;height:60px!important;}
  .mudito-v13 .md13-menu-toggle{display:flex!important;justify-self:end!important;}
  .mudito-v13 .topPanel-wrapper_left>.menu{
    position:static!important;left:auto!important;top:auto!important;transform:none!important;
    grid-column:1/-1!important;width:100%!important;height:auto!important;max-height:0!important;overflow:hidden!important;
    opacity:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;
    transition:max-height .28s ease,opacity .22s ease,padding .22s ease!important;
  }
  .mudito-v13 .topPanel.md13-menu-open .topPanel-wrapper_left>.menu{max-height:440px!important;opacity:1!important;padding:7px 0 3px!important;}
  .mudito-v13 .menu li{width:100%!important;height:40px!important;display:block!important;}
  .mudito-v13 .menu a{width:100%!important;height:40px!important;line-height:40px!important;padding:0 13px!important;border-radius:5px!important;font-size:11px!important;text-align:left!important;}
  .mudito-v13 .menu a:after{left:10px!important;right:10px!important;}
  .mudito-v13 .topPanel-wrapper_right{width:100%!important;height:auto!important;margin:7px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .mudito-v13 .topPanel .button{width:100%!important;min-width:0!important;height:38px!important;line-height:36px!important;margin:0!important;padding:0 10px!important;}

  .mudito-v13 header,.mudito-v13.mudito-inner header{margin-top:0!important;height:auto!important;min-height:0!important;padding:305px 0 18px!important;}
  .mudito-v13 .logo{top:12px!important;width:270px!important;height:270px!important;}
  .mudito-v13 .logo img{width:270px!important;height:270px!important;}
  .mudito-v13 .logo:after{top:220px!important;font-size:11px!important;letter-spacing:3px!important;}
  .mudito-v13.mudito-inner .logo{top:12px!important;width:250px!important;height:250px!important;}
  .mudito-v13.mudito-inner .logo img{width:250px!important;height:250px!important;}
  .mudito-v13.mudito-inner .logo:after{top:202px!important;}
  .mudito-v13 .small-light{top:64px!important;}
  .mudito-v13 .headerBlock,.mudito-v13.mudito-inner .headerBlock{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .mudito-v13 .headerButtons{width:100%!important;max-width:240px!important;flex-basis:auto!important;margin:0 auto!important;}
  .mudito-v13 .radial{width:100%!important;}
  .mudito-v13 .download-buttons{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .mudito-v13 .header-info-container{width:100%!important;height:136px!important;}
  .mudito-v13 .mudito-download-cta{width:100%!important;height:136px!important;}

  .mudito-v13 .news-panel{grid-template-columns:1fr!important;gap:14px!important;}
  .mudito-v13 .slider,.mudito-v13 .newsBlockLeft,.mudito-v13 .swiper-news,.mudito-v13 .events-block{width:100%!important;}
  .mudito-v13 .swiper-news{height:410px!important;}
  .mudito-v13 .swiper-news .swiper-slide{width:100%!important;height:356px!important;}
  .mudito-v13 .events-block{min-height:330px!important;}

  .mudito-v13 .block-widget{grid-template-columns:1fr!important;gap:14px!important;padding:22px!important;}
  .mudito-v13 .widget-fon,.mudito-v13 .widget-fon-guilds{width:100%!important;padding:22px!important;}
  .mudito-v13 .fast-links{grid-template-columns:1fr!important;gap:12px!important;}
  .mudito-v13 .fast-links-left,.mudito-v13 .fast-links-center,.mudito-v13 .fast-links-right{width:100%!important;min-height:136px!important;}
  .mudito-v13 .bottom-block{grid-template-columns:1fr!important;gap:14px!important;}
  .mudito-v13 .bottom-block .widget-fon-discussions{height:auto!important;min-height:360px!important;padding:25px 22px 26px 150px!important;}

  .mudito-v13.mudito-inner .block-widget-2{grid-template-columns:1fr!important;gap:14px!important;}
  .mudito-v13.mudito-inner .page-content{order:1!important;width:100%!important;min-height:0!important;padding:26px 22px 36px!important;overflow-x:auto!important;}
  .mudito-v13.mudito-inner .block-widget-1{order:2!important;width:100%!important;}
  .mudito-v13.mudito-inner .block-widget-1>.widget-fon-discussions{max-width:none!important;}
  .mudito-v13 .page-content .table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  .mudito-v13 .page-content table{max-width:100%!important;}

  .mudito-v13 .mudito-footer-shell{width:calc(100% - 20px)!important;}
}

/* ---------- phones ---------- */
@media (max-width:620px){
  .mudito-v13 .wrapper{width:calc(100% - 14px)!important;}
  .mudito-v13 header,.mudito-v13.mudito-inner header{padding-top:270px!important;}
  .mudito-v13 .logo,.mudito-v13.mudito-inner .logo{width:230px!important;height:230px!important;}
  .mudito-v13 .logo img,.mudito-v13.mudito-inner .logo img{width:230px!important;height:230px!important;}
  .mudito-v13 .logo:after,.mudito-v13.mudito-inner .logo:after{top:185px!important;font-size:9px!important;letter-spacing:2.5px!important;}

  .mudito-v13 .download-buttons{grid-template-columns:1fr!important;}
  .mudito-v13 .header-info-container,.mudito-v13 .mudito-download-cta{height:auto!important;min-height:126px!important;}
  .mudito-v13 .mudito-language-row{width:100%!important;}
  .mudito-v13 .mudito-language-flags{gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
  .mudito-v13 .mudito-language-flags img{width:22px!important;height:15px!important;}

  .mudito-v13 .swiper-news{height:430px!important;}
  .mudito-v13 .swiper-news .swiper-slide{height:376px!important;background-position:64% center!important;}
  .mudito-v13 .swiper-news .swiper-slide:before{left:10px!important;right:10px!important;top:18px!important;bottom:22px!important;width:auto!important;background:linear-gradient(180deg,rgba(2,8,15,.88),rgba(2,8,15,.73) 56%,rgba(2,8,15,.52))!important;}
  .mudito-v13 .swiper-news:before{background:linear-gradient(90deg,rgba(1,6,12,.42),rgba(1,7,14,.10))!important;}
  .mudito-v13 .slider-title,.mudito-v13 .swiper-slide-active .slider-title{left:28px!important;top:42px!important;width:calc(100% - 56px)!important;max-width:none!important;font-size:23px!important;}
  .mudito-v13 .slider-info,.mudito-v13 .swiper-slide-active .slider-info{left:28px!important;top:136px!important;width:calc(100% - 56px)!important;max-width:none!important;font-size:12px!important;line-height:1.55!important;}
  .mudito-v13 .swiper-news .swiper-slide .button-more{left:28px!important;bottom:42px!important;height:36px!important;min-width:118px!important;}
  .mudito-v13 .swiper-news .newsPagination{left:50%!important;transform:translateX(-50%)!important;}

  .mudito-v13 .block-widget{padding:14px!important;}
  .mudito-v13 .widget-fon,.mudito-v13 .widget-fon-guilds{padding:16px 12px!important;}
  .mudito-v13 .block-widget-title{font-size:17px!important;padding-bottom:22px!important;}
  .mudito-v13 .top-block .top-name{min-width:0!important;flex:1!important;width:auto!important;}
  .mudito-v13 .top-block .top-lvl{width:54px!important;}
  .mudito-v13 .top-list,.mudito-v13 .top-title{font-size:11px!important;}

  .mudito-v13 .bottom-block .widget-fon-discussions{min-height:400px!important;padding:220px 14px 18px!important;}
  .mudito-v13 .bottom-block .widget-fon-discussions:before{left:50%!important;right:auto!important;top:6px!important;transform:translateX(-50%)!important;background-position:center top!important;background-size:auto 210px!important;opacity:.82!important;}
  .mudito-v13 .bottom-block .discussions-title{padding-top:0!important;}

  .mudito-v13 .fast-links-left,.mudito-v13 .fast-links-center,.mudito-v13 .fast-links-right{padding:22px 18px!important;overflow:hidden!important;}
  .mudito-v13 .fast-links-left span,.mudito-v13 .fast-links-center span,.mudito-v13 .fast-links-right span{font-size:22px!important;}
  .mudito-v13 .fast-links p{font-size:12px!important;max-width:65%!important;}

  .mudito-v13.mudito-inner .page-content{padding:20px 14px 28px!important;}
  .mudito-v13 .mudito-account-menu{padding:20px 14px!important;}
  .mudito-v13 .mudito-account-menu .panel-title{font-size:21px!important;}
  .mudito-v13 .mudito-account-menu .block-usercp li{min-height:50px!important;padding:6px 8px!important;}
  .mudito-v13 .mudito-account-logout{height:46px!important;min-height:46px!important;}

  .mudito-v13 .mudito-login-modal{width:calc(100vw - 20px)!important;max-width:440px!important;padding:76px 18px 28px!important;border-radius:12px!important;}
  .mudito-v13 .mudito-login-modal h3{font-size:24px!important;}
  .mudito-v13 .mudito-login-modal .mudito-login-subtitle{font-size:10px!important;}
  .mudito-v13 .mudito-login-modal .formGroup input{height:48px!important;font-size:14px!important;}
  .mudito-v13 .mudito-login-modal .formGroup-button button{height:48px!important;}

  .mudito-v13 .mudito-footer-shell{padding:12px!important;}
  .mudito-v13 .mudito-footer-brand img{height:56px!important;}
  .mudito-v13 .mudito-footer-copy{font-size:10px!important;}
}

/* ---------- very small phones ---------- */
@media (max-width:390px){
  .mudito-v13 .topPanel-wrapper_right{grid-template-columns:1fr!important;}
  .mudito-v13 header,.mudito-v13.mudito-inner header{padding-top:245px!important;}
  .mudito-v13 .logo,.mudito-v13.mudito-inner .logo{width:205px!important;height:205px!important;}
  .mudito-v13 .logo img,.mudito-v13.mudito-inner .logo img{width:205px!important;height:205px!important;}
  .mudito-v13 .logo:after,.mudito-v13.mudito-inner .logo:after{top:165px!important;font-size:8px!important;}
  .mudito-v13 .slider-title,.mudito-v13 .swiper-slide-active .slider-title{font-size:20px!important;top:38px!important;}
  .mudito-v13 .slider-info,.mudito-v13 .swiper-slide-active .slider-info{top:125px!important;font-size:11px!important;}
  .mudito-v13 .fast-links p{max-width:72%!important;}
}