/* STEEL BALL — V12 structural fixes. Loaded last on purpose. */

/* Never let the desktop account label become underlined. */
.login-btn,
.login-btn span,
.login-btn i{ text-decoration:none!important; border-bottom:0!important; }

/* Catalog filters — one reliable interaction model on desktop + mobile. */
.catalog-filter-trigger{cursor:pointer!important;user-select:none!important;}
.catalog-filter-panel{pointer-events:none;}
.catalog-filter-panel.open{pointer-events:auto;}
@media(min-width:761px){
  .catalog-filter-trigger{width:auto!important;min-width:124px!important;height:46px!important;justify-content:center!important;padding:0 14px!important;}
  .catalog-filter-trigger .filter-summary{display:block!important;}
  .catalog-toolbar{align-items:center!important;}
  .catalog-filter-panel{width:min(420px,calc(100vw - 48px))!important;}
}
@media(max-width:760px){
  .catalog-toolbar{grid-template-columns:minmax(0,1fr) 48px!important;gap:8px!important;}
  .catalog-filter-panel{left:10px!important;right:10px!important;top:74px!important;width:auto!important;max-height:calc(100svh - 150px)!important;}
  .filter-group-title{font-size:11px!important;}
  .filter-options{gap:6px!important;}
  .filter-option{min-height:34px!important;padding:7px 10px!important;}
  .filter-actions{position:sticky!important;bottom:0!important;background:linear-gradient(180deg,rgba(12,14,19,0),rgba(12,14,19,.98) 24%)!important;padding-top:18px!important;}
}

/* Explore page — cards get room for the complete cover + metadata. */
@media(max-width:700px){
  .explore-page{padding-bottom:34px!important;}
  .explore-page-grid{gap:15px!important;}
  .explore-page-column{padding:13px!important;}
  .explore-page-list{gap:9px!important;}
  .explore-page-item{
    min-height:100px!important;
    grid-template-columns:30px 74px minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px!important;
  }
  .explore-page-item img{
    width:74px!important;height:90px!important;max-width:74px!important;max-height:90px!important;
    object-fit:cover!important;border-radius:9px!important;
  }
  .explore-page-rank{width:28px!important;height:28px!important;border-radius:8px!important;font-size:9px!important;}
  .explore-page-copy{gap:4px!important;min-width:0!important;align-self:center!important;}
  .explore-page-copy strong{font-size:10.5px!important;line-height:1.55!important;white-space:normal!important;-webkit-line-clamp:2!important;}
  .explore-page-copy small{font-size:8.7px!important;line-height:1.65!important;white-space:normal!important;-webkit-line-clamp:3!important;}
  .site-footer{margin-top:18px!important;margin-bottom:0!important;}
}

/* Latest updates — fixed cover frame; image fills it without shrinking the card. */
@media(max-width:700px){
  .latest-manga-card{grid-template-columns:minmax(0,1fr) 174px!important;height:262px!important;min-height:262px!important;max-height:262px!important;}
  .latest-manga-cover{width:174px!important;height:262px!important;min-width:174px!important;min-height:262px!important;max-height:262px!important;}
  .latest-manga-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;}
}
@media(max-width:380px){
  .latest-manga-card{grid-template-columns:minmax(0,1fr) 150px!important;height:250px!important;min-height:250px!important;max-height:250px!important;}
  .latest-manga-cover{width:150px!important;height:250px!important;min-width:150px!important;min-height:250px!important;max-height:250px!important;}
}

/* Reader — one app-like full-width bar, never a floating card. */
.reader-controls{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;
  min-height:64px!important;height:auto!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;border-right:0!important;border-top:0!important;
  padding:9px 16px!important;
  box-sizing:border-box!important;
  background:rgba(10,11,14,.98)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34)!important;
  gap:12px!important;
}
.reader-controls .manga-info{min-width:0!important;display:flex!important;align-items:center!important;gap:9px!important;}
.reader-controls .manga-info h2{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:32vw!important;}
.reader-controls .reader-bar-chapter{white-space:nowrap!important;}
.reader-controls .controls-wrapper{min-width:0!important;flex:0 0 auto!important;gap:7px!important;}
.reader-controls .custom-dropdown{min-width:112px!important;}
.reader-controls .nav-buttons{gap:6px!important;}
.reader-controls .nav-buttons button,.reader-controls .nav-buttons a{height:38px!important;min-height:38px!important;padding:0 11px!important;font-size:11px!important;}
.reader-controls .reader-settings-wrap{
  position:static!important;
  right:auto!important;bottom:auto!important;
  margin:0!important;
  z-index:auto!important;
  flex:0 0 auto!important;
}
.reader-controls .reader-settings-toggle{width:38px!important;height:38px!important;border-radius:9px!important;}
.reader-controls .reader-settings{top:46px!important;bottom:auto!important;right:0!important;}
/* Keep the settings control visually inside the bar even before the DOM is fully reordered. */
body > .reader-settings-wrap{position:fixed!important;top:12px!important;right:16px!important;bottom:auto!important;}
body > .reader-settings-wrap .reader-settings{top:46px!important;bottom:auto!important;}
.reader-page-spacer{height:76px!important;}

@media(max-width:700px){
  .reader-controls{min-height:60px!important;padding:8px 8px!important;gap:6px!important;}
  .reader-controls .manga-info{gap:5px!important;flex:1 1 auto!important;min-width:0!important;}
  .reader-controls .manga-info h2{font-size:11px!important;max-width:31vw!important;}
  .reader-controls .reader-bar-chapter{font-size:9px!important;min-width:0!important;padding:5px 7px!important;}
  .reader-controls .controls-wrapper{gap:4px!important;}
  .reader-controls .custom-dropdown{min-width:78px!important;}
  .reader-controls .dropdown-trigger{font-size:9px!important;padding:7px 25px 7px 8px!important;}
  .reader-controls .nav-buttons{gap:3px!important;}
  .reader-controls .nav-buttons button,.reader-controls .nav-buttons a{height:34px!important;min-height:34px!important;padding:0 7px!important;font-size:8px!important;}
  .reader-controls .nav-buttons .back-btn{display:none!important;}
  .reader-controls .mobile-back-container{display:block!important;}
  .reader-controls .mobile-back-container .dynamic-back{height:34px!important;min-height:34px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--border-steel)!important;border-radius:8px!important;color:var(--steel-gold)!important;text-decoration:none!important;font-size:8px!important;}
  .reader-controls .reader-settings-toggle{width:34px!important;height:34px!important;border-radius:8px!important;font-size:15px!important;}
  body > .reader-settings-wrap{top:13px!important;right:8px!important;}
  body > .reader-settings-wrap .reader-settings{right:0!important;top:42px!important;width:min(255px,calc(100vw - 20px))!important;}
  .reader-page-spacer{height:70px!important;}
}

/* Loader — keep the project loader graphic explicit and resilient. */
#loader .steel-ball-container,
#loader .loading-wrapper .steel-ball-container{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;}
#loader .spin-ball-img{display:block!important;visibility:visible!important;opacity:1!important;width:150px!important;height:150px!important;object-fit:contain!important;}

/* No accidental underline in any authenticated account entry. */
.account-page a,.account-page button{ -webkit-tap-highlight-color:transparent; }

@media(max-width:700px){
  .hero-slider{border-bottom:0!important;outline:0!important;box-shadow:inset 0 -34px 40px rgba(5,6,8,.88)!important;}
  .hero-dots,.hero-slider .hero-dots,.hero-slider #heroDots{padding-bottom:0!important;margin:0!important;}
}

.reader-controls,
body.reader-bar-fixed .reader-controls,
body.reader-bar-dynamic .reader-controls{position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important;opacity:1!important;}
body.reader-bar-hidden .reader-controls{display:none!important;}
body.reader-bar-dynamic.reader-scrolling-down .reader-controls{transform:translateY(-105%)!important;opacity:0!important;pointer-events:none!important;}