/* ════════════════════════════════════
   sottoclassi/style.css
   Layout Sottoclassi Homebrew
   Estratto da subclass-gallery.js (_injectHbscCSS)
   JS: scripts/js/pages/sottoclassi/script.js
════════════════════════════════════ */

.hb-subclass-container{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;display:block;}
.hbsc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:600px;border:1px solid rgba(200,155,60,.15);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;}
.hbsc-main{display:flex;flex-direction:column;overflow:hidden;min-width:0;}
.hbsc-sidebar{border-right:1px solid rgba(200,155,60,.15);background:rgba(4,6,14,.6);overflow-y:auto;}
.hbsc-sidebar-title{font-family:'Cinzel',serif;font-size:8px;font-weight:700;letter-spacing:.25em;color:rgba(200,155,60,.5);padding:16px 18px 10px;text-transform:uppercase;border-bottom:1px solid rgba(200,155,60,.1);}
.hbsc-class-list{list-style:none;margin:0;padding:8px 0;}
.hbsc-class-item{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.04em;color:rgba(240,230,200,.6);padding:9px 18px;cursor:pointer;transition:.15s;border-left:2px solid transparent;}
.hbsc-class-item:hover{color:rgba(240,230,200,.95);background:rgba(200,155,60,.06);}
.hbsc-class-item.active{color:var(--gold2,#c89b3c);background:rgba(200,155,60,.1);border-left-color:rgba(200,155,60,.7);}
.hbsc-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:12px 16px 0;border-bottom:1px solid rgba(200,155,60,.15);background:rgba(4,6,14,.4);}
.hbsc-tab{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.06em;color:rgba(240,230,200,.5);padding:7px 14px;cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;transition:.15s;margin-bottom:-1px;position:relative;}
.hbsc-tab:hover{color:rgba(240,230,200,.85);background:rgba(200,155,60,.06);border-color:rgba(200,155,60,.15);}
.hbsc-tab.active{color:var(--gold2,#c89b3c);background:rgba(6,8,18,.9);border-color:rgba(200,155,60,.3);border-bottom-color:rgba(6,8,18,.9);}
.hbsc-content{flex:1;padding:28px 32px;background:rgba(6,8,18,.4);overflow-y:auto;max-height:80vh;}
.hbsc-placeholder{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.1em;color:rgba(200,155,60,.25);padding:60px 0;text-align:center;}
.hbsc-loading{display:flex;justify-content:center;padding:60px 0;}
.hbsc-error{color:rgba(200,155,60,.4);font-family:'Cinzel',serif;font-size:11px;padding:40px;text-align:center;}
.hbsc-content-title{font-family:'Cinzel',serif;font-size:22px;font-weight:700;color:var(--gold2,#c89b3c);letter-spacing:.06em;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(200,155,60,.2);}
@media(max-width:640px){
  .hbsc-layout{grid-template-columns:1fr;}
  .hbsc-sidebar{border-right:none;border-bottom:1px solid rgba(200,155,60,.15);max-height:180px;}
  .hbsc-content{padding:20px 16px;max-height:none;}
}