/* NTO ARKAM: chakra edition — camada visual independente, compatível com PHP 5.6.
   Sem dependências externas; páginas, widgets e endpoints preservados. */
:root{--arkam-orange:#ff7300;--arkam-fire:#ff9e24;--arkam-dark:#08090d;--arkam-panel:#101015;--arkam-line:rgba(255,121,15,.35)}
body{
 background:linear-gradient(180deg,rgba(5,6,10,.38) 0,rgba(6,7,12,.84) 690px,#08090d 1400px),
 url('/layout/assets/img/arkam-chakra-atmosphere.webp') right top/auto 1150px no-repeat fixed,
 #08090d!important;
 color:#f5eae0!important;
}
body:before{background:radial-gradient(ellipse at 85% 190px,rgba(255,100,0,.15),transparent 55%),linear-gradient(90deg,#08090d33,transparent 70%);z-index:-1}
a:hover{color:#ffa333}
.arkam-header{position:relative;z-index:99;background:rgba(7,8,11,.93);border-bottom:1px solid rgba(255,116,12,.6);box-shadow:0 10px 45px #000b,0 1px 17px #ff74001a;backdrop-filter:blur(16px)}
.arkam-header-inner{max-width:1450px;min-height:84px;padding:12px 26px;gap:22px}
.arkam-brand{gap:14px}
.arkam-brand-mark{height:54px;width:54px;border:1px solid #ff8b24;color:#ff8b24;font-size:27px;background:radial-gradient(circle,#492007,#100d10 75%);box-shadow:0 0 24px #ff73002c, inset 0 0 20px #ff730018}
.arkam-brand strong{font-weight:1000;letter-spacing:2px;font-size:26px;font-family:Impact,'Arial Narrow',sans-serif}
.arkam-brand em{color:#ff7a0b;text-shadow:0 0 19px #fc71005c}
.arkam-brand small{color:#bda18a;letter-spacing:2.3px;font-size:8px}
.arkam-navigation{gap:4px}
.arkam-navigation a{padding:12px 14px;color:#e3d7cf;transition:.2s;background:transparent;border-radius:2px;letter-spacing:1px}
.arkam-navigation a:hover{background:linear-gradient(180deg,#ff750022,transparent);color:#ffa83b;box-shadow:inset 0 -2px #ff7b13}
.arkam-navigation .arkam-login{background:linear-gradient(135deg,#ff780b,#d44500);border:1px solid #ffaf4a;color:#160c03!important;box-shadow:0 0 19px #fa69004b;font-weight:1000;padding:13px 22px}
.arkam-navigation .arkam-login:hover{background:#ffa122;box-shadow:0 0 25px #fa690075}
.arkam-nav-check,.arkam-hamburger{display:none}
.arkam-hero{max-width:1440px;min-height:440px;margin:18px auto 22px;border:1px solid #b45215;border-top:3px solid #ff8c0d;background:linear-gradient(90deg,#07080e 0%,rgba(7,8,14,.98) 16%,rgba(7,8,14,.87) 41%,rgba(7,8,14,.05) 90%),url('/layout/assets/img/arkam-kurama-hero.webp') right 41%/cover no-repeat;box-shadow:0 18px 60px #000d,0 0 32px #ff640014;border-radius:3px;overflow:hidden}
.arkam-hero:after{border-top:none;box-shadow:inset 0 0 55px #0007}
.arkam-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 35%,#ff8b0014,transparent 50%);z-index:-1}
.arkam-hero-inner{padding:55px 65px;max-width:750px;z-index:1}
.arkam-eyebrow{color:#ffb263;font-size:11px;letter-spacing:3.2px}
.arkam-status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ff8506;box-shadow:0 0 12px #ff8506}
.arkam-hero-separator{color:#66452f;margin:0 8px}
.arkam-hero h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(45px,5.1vw,79px);letter-spacing:1.3px;line-height:1.03;text-shadow:0 6px 30px #000;margin:22px 0}
.arkam-hero h1 span{color:#ff7b00;text-shadow:0 0 30px #ff5e004f}
.arkam-hero p{max-width:470px;color:#dfd4ce;line-height:1.7;font-size:16px}
.arkam-hero-actions{gap:14px;margin-top:29px}
.arkam-cta,.arkam-cta-secondary{padding:15px 23px;font-size:12px;letter-spacing:1px;font-weight:1000;border-radius:3px;transition:transform .2s,box-shadow .2s}
.arkam-cta{background:linear-gradient(100deg,#fc7d00,#f04400);border:1px solid #ffa33c;color:#150a03!important;box-shadow:0 0 30px #ff69005c}
.arkam-cta:hover,.arkam-cta-secondary:hover{transform:translateY(-2px)}
.arkam-cta:hover{box-shadow:0 0 38px #ff69009e}
.arkam-cta-secondary{background:#0b0b0fcf;border:1px solid #f58d29;color:#ffb055!important}
.arkam-hero-caption{position:absolute;bottom:22px;right:34px;font-size:10px;letter-spacing:3px;color:#ffd5aa99;z-index:1}
.main-wrapper{max-width:1440px!important;gap:19px!important;align-items:start}
.widget,.news-section,.news-card{background:linear-gradient(160deg,rgba(22,21,23,.96),rgba(8,9,13,.98))!important;border:1px solid var(--arkam-line)!important;box-shadow:0 12px 30px #0008,0 0 20px #ff780009!important;border-radius:5px!important}
.widget{padding:13px!important}
.widget-title{background:linear-gradient(90deg,#321b0d,#141215)!important;border:0!important;border-bottom:2px solid #ff7700!important;border-left:3px solid #ff8b0d!important;color:#fbeade!important;box-shadow:0 4px 18px #ff6e0011!important;letter-spacing:1.2px!important}
.player-card,.guild-card{background:linear-gradient(90deg,#17151a,#101015)!important;border-color:#533821!important;border-radius:5px!important}
.player-card:hover,.guild-card:hover{border-color:#ff8a18!important;background:#25190e!important}
.rank-circle{border-color:#f58914!important;box-shadow:0 0 12px #ff790030!important}
.rank-circle i{color:#ff9c22!important}
.news-image{border-color:#a65a1e!important}
.news-section h2,.news-section h3,.news-card h2,.widget h3{color:#fff3e6}
.btn-neon{border-color:#ff8a19!important;color:#ffac3c!important}
.btn-neon:hover{background:#f78910!important;color:#130b05!important}
a:not(.arkam-login):focus-visible,button:focus-visible{outline:2px solid #ffa130;outline-offset:3px}
.arkam-footer{background:#08090e;border-top:1px solid #7c3c0c;color:#b9a895;margin:45px 0 0;padding:25px}
.arkam-footer strong{color:#ff9b2b}
footer.footer_part{min-height:0!important}
@media(min-width:1250px){.main-wrapper{grid-template-columns:minmax(175px,245px) minmax(0,1fr) minmax(175px,245px)!important}}
@media(max-width:1100px){.arkam-header-inner{justify-content:space-between}.arkam-hamburger{display:flex;width:45px;height:42px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;padding:9px;border:1px solid #965213;border-radius:4px;background:#151015}.arkam-hamburger span{height:2px;background:#ff951d;width:100%;display:block}.arkam-navigation{display:none;flex-direction:column;align-items:stretch;width:100%;order:3;padding:10px;background:#0c0b0f;border:1px solid #793b12}.arkam-navigation a{padding:13px 17px}.arkam-nav-check:checked~.arkam-navigation{display:flex}.arkam-hero{min-height:375px;margin:14px}.arkam-hero-inner{padding:43px}.main-wrapper{grid-template-columns:200px minmax(0,1fr)!important;grid-template-areas:"left-column news" "right-column news"!important}}
@media(max-width:730px){body{background-size:auto 850px!important;background-position:70% 0!important}.arkam-header-inner{padding:12px 16px;min-height:70px}.arkam-brand strong{font-size:21px}.arkam-brand-mark{height:43px;width:43px;font-size:21px}.arkam-brand small{font-size:7px;letter-spacing:1.4px}.arkam-hero{margin:10px;min-height:380px;background-position:64% center}.arkam-hero:before{background:linear-gradient(90deg,#07080df0,#07080d9c)}.arkam-hero-inner{padding:27px;max-width:100%}.arkam-hero h1{font-size:clamp(40px,11vw,60px)}.arkam-hero p{font-size:14px}.arkam-hero-caption{font-size:8px;right:12px;bottom:10px}.arkam-hero-actions{gap:8px}.arkam-cta,.arkam-cta-secondary{font-size:10px;padding:13px 14px}.main-wrapper{display:flex!important;flex-direction:column!important;padding:12px!important}.left-column,.right-column,.news-section{width:100%!important;min-width:0!important}.widget{min-width:0!important;width:100%!important}}

/* NTO ARKAM KURAMA 2026 - correct home layout: explicit columns, no squeezed news */
html,body{margin:0!important;min-height:100%;overflow-x:hidden}
body{background:#09080a!important;color:#fff0dd!important}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(7,5,8,.88),rgba(7,5,8,.58) 35%,rgba(7,5,8,.68) 70%,rgba(7,5,8,.9)),url('.. /img/arkam-kurama-hero.webp') center top/cover no-repeat!important}
/* relative CSS URL is anchored to assets/css (../img) */
body::before{background-image:linear-gradient(90deg,rgba(7,5,8,.88),rgba(7,5,8,.60) 38%,rgba(7,5,8,.60) 70%,rgba(7,5,8,.88)),url('../img/arkam-kurama-hero.webp')!important}
.arkam-header{background:#08080bfa!important;border-bottom:1px solid #fa730b!important}
.arkam-header-inner{max-width:1380px!important}
.arkam-brand-mark{color:#ff8200!important;border-color:#ff8200!important}
.arkam-brand em{color:#ff810b!important}
.arkam-navigation .arkam-login{background:#ff7811!important;color:#160900!important;border-color:#ffae4a!important}
/* Hero full-width independent of bootstrap row */
.arkam-hero{box-sizing:border-box!important;width:calc(100% - 36px)!important;max-width:1370px!important;min-height:420px!important;margin:24px auto 20px!important;display:flex!important;align-items:center!important;position:relative!important;border:1px solid #e86e15!important;border-top:3px solid #ff951b!important;border-radius:10px!important;overflow:hidden!important;background:linear-gradient(90deg,#08080cf0 0%,#08080ce8 25%,#08080c9e 46%,#08080c11 90%),url('../img/arkam-kurama-hero.webp') center center/cover no-repeat!important;box-shadow:0 16px 60px #000e,0 0 28px #f80a!important}
.arkam-hero:after{border-top:0!important}
.arkam-hero-inner{max-width:720px!important;padding:50px 6%!important;z-index:2!important}
.arkam-eyebrow{color:#ffbc76!important;font-size:11px!important;letter-spacing:3px!important;font-weight:900!important}
.arkam-hero h1{font-size:clamp(54px,6vw,92px)!important;line-height:1!important;letter-spacing:2px!important;font-family:Impact,'Arial Black',sans-serif!important;margin:12px 0 9px!important;color:#fff!important;text-shadow:0 7px 22px #000!important}
.arkam-hero h1 span{color:#ff780c!important}
.arkam-hero h2{color:#f7b766!important;font-size:16px!important;letter-spacing:3px!important;font-weight:800!important;margin:0 0 15px!important}
.arkam-hero p{max-width:470px!important;font-size:16px!important;line-height:1.6!important}
.arkam-cta{background:linear-gradient(120deg,#ff9600,#f04400)!important;color:#1b0800!important;border-color:#ffb13b!important;box-shadow:0 0 28px #ff740088!important}
.arkam-cta-secondary{border-color:#ff8c16!important;color:#ffb961!important}
/* Main grid fix: NEVER define columns wider than container; no implicit extra tracks */
.main-wrapper{box-sizing:border-box!important;display:grid!important;grid-template-areas:'left-column news right-column'!important;grid-template-columns:minmax(0,225px) minmax(0,1fr) minmax(0,225px)!important;max-width:1370px!important;width:calc(100% - 36px)!important;margin:0 auto!important;padding:0 0 35px!important;gap:18px!important;align-items:start!important}
.main-wrapper>*{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
.left-column{grid-area:left-column!important;min-width:0!important}
.right-column{grid-area:right-column!important;min-width:0!important}
.news-section{grid-area:news!important;min-width:0!important;max-width:100%!important;width:100%!important;padding:18px!important;overflow-wrap:break-word!important}
.news-section *, .news-card *{max-width:100%;box-sizing:border-box}
.widget{box-sizing:border-box!important;min-width:0!important;width:100%!important;padding:12px!important}
.widget,.news-section,.news-card{background:linear-gradient(145deg,#171216f5,#08090cf7)!important;border:1px solid #964110!important;border-radius:7px!important;box-shadow:0 15px 40px #000b,0 0 15px #ff730012!important}
.widget-title{background:linear-gradient(90deg,#743111,#21120d)!important;border-left:3px solid #ff8b00!important;border-bottom:1px solid #fa7814!important;color:#fff1dc!important;border-radius:3px!important;box-shadow:none!important}
.news-title{font-size:19px!important;color:#fff8ec!important;border-bottom:1px solid #a65310!important;text-shadow:0 0 15px #ff730080!important}
.news-image{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;border:1px solid #b05b21!important}
.news-card{width:100%!important;max-width:100%!important}
.news-content img{max-width:100%!important;height:auto!important}
.top-imperiais{background:linear-gradient(145deg,#171216f5,#08090cf7)!important;border-color:#964110!important;box-shadow:0 15px 40px #000b!important}
.top-imperiais .widget-title{background:linear-gradient(90deg,#743111,#21120d)!important;border-color:#ff8b00!important;box-shadow:none!important}
.player-name a,.guild-name a,.news-date,.news-author{color:#ffad32!important}
.btn-neon{border-color:#ff8211!important;color:#ffaf33!important}
@media(max-width:1100px){.main-wrapper{grid-template-columns:minmax(0,210px) minmax(0,1fr)!important;grid-template-areas:'left-column news' 'right-column news'!important}.arkam-hero{min-height:370px!important}}
@media(max-width:760px){.main-wrapper{display:flex!important;flex-direction:column!important;width:calc(100% - 22px)!important;gap:14px!important}.main-wrapper>*{width:100%!important}.left-column,.right-column{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:14px!important}.arkam-hero{width:calc(100% - 22px)!important;min-height:380px!important;background-position:65% center!important}.arkam-hero-inner{padding:35px 25px!important}.arkam-hero h1{font-size:clamp(50px,12vw,76px)!important}.arkam-hero h2{font-size:12px!important;letter-spacing:1px!important}.arkam-hero p{font-size:14px!important}.news-section{padding:12px!important}}

/* NTO ARKAM - correção estrutural v3 (2026-10-16)
   O layout/overall/header.php antigo envolve a home em uma coluna Bootstrap
   col-lg-8. A página index.php já possui seu próprio grid e exige largura
   integral. Estas regras desfazem SOMENTE esse limite na home. */
body:has(.main-wrapper) .blog_area > .container {
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
body:has(.main-wrapper) .blog_area > .container > .row {
    margin-left:0!important;
    margin-right:0!important;
    display:block!important;
}
body:has(.main-wrapper) .blog_area > .container > .row > .col-lg-8 {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    padding-left:0!important;
    padding-right:0!important;
}
body:has(.main-wrapper) .blog_left_sidebar {
    width:100%!important;
    max-width:none!important;
}
/* Regras independentes de :has(), restritas ao escopo do grid da home,
   inclusive para navegadores mais antigos. */
.blog_area:has(.main-wrapper) .container {max-width:100%!important;}
.main-wrapper .news-section {overflow-wrap:normal!important;word-break:normal!important;}
.main-wrapper .news-title {overflow-wrap:normal!important;word-break:normal!important;}
.main-wrapper .news-card {overflow-wrap:break-word!important;word-break:normal!important;}

/* V4: A home tem documento HTML proprio, sem overall/header.php nem coluna Bootstrap. */
body > .arkam-hero, body > .main-wrapper { position:relative; }
@media(min-width:1101px) { body > .main-wrapper { grid-template-columns:225px minmax(0,1fr) 225px!important; } }
body > .main-wrapper .news-section { min-width:0!important; width:100%!important; }
body > .main-wrapper .news-card, body > .main-wrapper .news-content { min-width:0!important; max-width:100%!important; }