/* HELL-MU · ETAP 15 — CMS subpage layout corrections.
   Visual base, artwork, and front page layout remain untouched. */

/* ETAP 12 applied display:block to every CMS table. This caused the tables to
   become narrow block boxes despite width:100%; restore actual table layout. */
.hell-theme .hell-subpage-content #content .entry table,
.hell-theme .hell-subpage-content #content .entry .ranking-table {
  display:table!important;
  width:100%!important;
  max-width:100%;
  border-collapse:collapse;
  overflow:visible!important;
  table-layout:auto;
}
.hell-theme .hell-subpage-content #content #rankings_content_0,
.hell-theme .hell-subpage-content #content [id^="rankings_content_"] {
  width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;
  padding:12px 0!important;
}
.hell-theme .hell-subpage-content #content #top_list {width:100%;min-width:0;}
.hell-theme #content.hell-rankings-page .ranking-table {width:100%!important;min-width:520px;}
.hell-theme #content.hell-rankings-page .ranking-table :is(td,th) {
  padding:11px 9px;vertical-align:middle;white-space:nowrap;
}
.hell-theme #content.hell-rankings-page .ranking-table thead th {text-align:left;}
.hell-theme #content.hell-rankings-page .ranking-table tbody tr:hover {background:rgba(110,34,19,.25);}
.hell-theme #content.hell-rankings-page [id^="rankings_select_"]{
  display:flex;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:10px;
}
.hell-theme #content.hell-rankings-page [id^="rankings_select_"] .custom_button{
  margin:0;white-space:nowrap;min-height:36px;padding:8px 12px;
}
.hell-theme #content.hell-rankings-page .tabrow{margin-bottom:14px;padding:0;}
.hell-theme #content.hell-rankings-page .tabrow li{list-style:none;}

/* Character details: information, guild and inventory sections fill available width. */
.hell-theme #content.hell-character-page .entry {width:100%;min-width:0;}
.hell-theme #content.hell-character-page .ranking-table {width:100%!important;}
.hell-theme #content.hell-character-page .ranking-table > tbody > tr > td {vertical-align:top;}
.hell-theme #content.hell-character-page .ranking-table > tbody > tr > td > table {
  display:table!important;width:100%!important;table-layout:auto;
}
.hell-theme #content.hell-character-page .ranking-table > tbody > tr > td > table td {
  overflow-wrap:anywhere;word-break:normal;
}
.hell-theme #content.hell-character-page #inventory {max-width:100%;}
.hell-theme #content.hell-character-page #inventory img {max-width:none;}

/* Logged-in account panel: two balanced information columns, clean menu cards. */
.hell-theme #content.hell-account-page #ucp_info {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:15px;background:rgba(255,255,255,.025);border:1px solid #533525;}
.hell-theme #content.hell-account-page #ucp_info .half {float:none!important;width:100%!important;min-width:0;padding:0!important;border:0!important;}
.hell-theme #content.hell-account-page #ucp_info .half table{width:100%!important;table-layout:fixed;}
.hell-theme #content.hell-account-page #ucp_info .half td:first-child {width:28px!important;}
.hell-theme #content.hell-account-page #ucp_info td{overflow-wrap:anywhere;line-height:1.5;vertical-align:middle;}
.hell-theme #content.hell-account-page #ucp_info img {width:15px;height:15px;object-fit:contain;}
.hell-theme #content.hell-account-page #character-info{width:100%;min-width:0;}
.hell-theme #content.hell-account-page #character-info > table {display:block!important;width:100%!important;border:0;}
.hell-theme #content.hell-account-page #character-info > table > tbody {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.hell-theme #content.hell-account-page #character-info > table > tbody > tr {display:contents!important;}
.hell-theme #content.hell-account-page #character-info > table > tbody > tr > td {display:block!important;width:auto!important;min-width:0;max-width:none;border:1px solid rgba(144,82,49,.55)!important;padding:15px!important;background:linear-gradient(135deg,rgba(49,24,18,.7),rgba(13,9,9,.92))!important;}
.hell-theme #content.hell-account-page #character-info ul {display:block!important;margin:0;padding:0!important;list-style:none;}
.hell-theme #content.hell-account-page #character-info li {list-style:none!important;margin:0!important;padding:0!important;color:#bfaba0;font-size:12px;line-height:1.45;}
.hell-theme #content.hell-account-page #character-info li p {margin:0 0 5px;font:15px/1.35 Cinzel,Georgia,serif;color:#f4b76b;}
.hell-theme #content.hell-account-page #character-info li a {text-decoration:none;}
.hell-theme #content.hell-account-page #character-info li a:hover p {color:#fff3c7;}

/* Existing rules are HTML configured inside the CMS. Respect that content but
   prevent authored fixed widths and images from breaking the responsive panel. */
.hell-theme #content.hell-rules-page .hell-rules-document {max-width:100%;min-width:0;overflow-wrap:anywhere;color:#e4d1be;font:14px/1.75 Arial,Inter,sans-serif;}
.hell-theme #content.hell-rules-page .hell-rules-document :is(p,li) {font-size:inherit;line-height:1.7;margin-bottom:10px;}
.hell-theme #content.hell-rules-page .hell-rules-document :is(h1,h2,h3,h4) {color:#eec08b;margin:16px 0 10px;}
.hell-theme #content.hell-rules-page .hell-rules-document :is(img,iframe,video){max-width:100%!important;height:auto;}
.hell-theme #content.hell-rules-page .hell-rules-document > * {max-width:100%;}
.hell-theme #content.hell-rules-page .hell-rules-document table {width:100%!important;max-width:100%;display:table!important;}
.hell-theme #content.hell-rules-page .hell-rules-document a {color:#f4b66d;overflow-wrap:anywhere;}
.hell-theme #content.hell-rules-page .hell-rules-document ul {padding-left:25px;list-style:disc;}
.hell-theme #content.hell-rules-page .hell-rules-document ol {padding-left:25px;list-style:decimal;}
.hell-theme #content.hell-rules-page .hell-rules-document li {display:list-item;}
.hell-theme .hell-help-text {color:#d7bca9;font-size:13px;}

/* Old style.css defines a 113px-high login window with a 200px margin.
   Those legacy rules made the form extend outside the visible modal. */
.hell-theme .hell-login-overlay {position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:100000!important;overflow:auto!important;margin:0!important;padding:20px!important;display:none!important;align-items:center;justify-content:center;background:rgba(4,1,1,.88)!important;visibility:hidden!important;opacity:0!important;}
.hell-theme .hell-login-overlay:target {display:flex!important;visibility:visible!important;opacity:1!important;}
.hell-theme .hell-login-overlay .cancel{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:0!important;opacity:1!important;visibility:visible!important;background:transparent!important;}
.hell-theme .hell-login-overlay .loginnow {position:relative!important;z-index:1!important;display:block!important;float:none!important;flex:none!important;box-sizing:border-box!important;margin:auto!important;padding:28px!important;width:min(100%,440px)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 40px);overflow-y:auto;background:linear-gradient(145deg,#2a120f,#0c0707)!important;border:1px solid #b65a2e!important;border-radius:4px!important;box-shadow:0 22px 80px #000!important;}
.hell-theme .hell-login-overlay .loginnow .login {width:100%!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;position:static!important;background:transparent!important;}
.hell-theme .hell-login-overlay h2 {margin:0 28px 18px 0!important;font:24px/1.25 Cinzel,Georgia,serif;color:#f2c18a!important;}
.hell-theme .hell-login-overlay #login_form {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;height:auto!important;margin:0 0 12px!important;padding:0!important;}
.hell-theme .hell-login-overlay #login_form > div {min-width:0;width:100%!important;float:none!important;margin:0!important;}
.hell-theme .hell-login-overlay #login_form label {display:block!important;margin:0 0 6px!important;color:#dcb993!important;}
.hell-theme .hell-login-overlay #login_form input {display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;height:42px!important;margin:0!important;padding:10px 12px!important;}
.hell-theme .hell-login-overlay #login_form button {display:block!important;width:100%!important;margin-top:5px!important;padding:11px!important;min-height:43px!important;}
.hell-theme .hell-login-overlay .hell-login-close{display:grid!important;place-items:center;position:absolute!important;top:9px;right:10px;width:34px;height:34px;color:#f1c28d!important;text-decoration:none;border:1px solid #7c4630;background:#21100d;font:26px Arial,sans-serif;z-index:2;}
.hell-theme .hell-login-overlay .hell-login-close:hover{background:#6e160e;color:#fff!important;}
@media(max-width:720px){
  .hell-theme #content.hell-account-page #ucp_info{grid-template-columns:1fr;gap:6px;padding:8px;}
  .hell-theme #content.hell-account-page #character-info > table > tbody{grid-template-columns:1fr;}
  .hell-theme #content.hell-rankings-page [id^="rankings_content_"]{overflow-x:auto;}
  .hell-theme #content.hell-character-page .ranking-table > tbody > tr > td{padding:7px 4px;}
  .hell-theme .hell-login-overlay .loginnow {padding:22px!important;}
}