/* Shared Azeroth-inspired presentation for the WoW navigation area only. */
.theme-wow {
    --bg: #171612;
    --panel: #252119;
    --line: #51452f;
    --text: #eee5d3;
    --muted: #b8ab94;
    --accent: #e3bc70;
    --wow-gold: #f1d49a;
    background: radial-gradient(ellipse at 80% 0, #46331d80 0, transparent 45rem),
                radial-gradient(ellipse at 12% 30rem, #2b271d 0, transparent 50rem), #171612;
    background-attachment: fixed;
}
.theme-wow .product-navigation {
    background: linear-gradient(90deg, #191713, #201c16);
    border-right: 1px solid #77603b;
    box-shadow: 4px 0 20px #0003;
}
.theme-wow .primary-rail { background: #12120f; border-color: #51452f; }
.theme-wow .rail-brand span, .theme-wow .brand .muted { color: var(--accent); }
.theme-wow .rail-letter {
    width: 28px; height: 28px; border: 1px solid #a18448; border-radius: 50%;
    color: #ecd498; background: radial-gradient(circle, #38321d, #191a15);
    font-family: Georgia, 'Times New Roman', serif; font-size: 23px;
    text-shadow: 0 2px 2px #000;
}
.theme-wow .rail-button[aria-current="true"] { border-color: #97783f; background: #4a381933; color: var(--accent); }
.theme-wow .rail-button:hover { background: #42351f; color: #f5db9f; }
.theme-wow .side-nav a[aria-current="page"] {
    border-left: 2px solid #d7b46e; color: #f4dba6;
    background: linear-gradient(90deg, #ae812f30, #ae812f0a);
    box-shadow: inset 0 1px #dcc28b0a, inset 0 -1px #dcc28b0a;
}
.theme-wow .context-heading { font-family: Georgia, 'Times New Roman', serif; color: #e5c886; font-size: 18px; }
.theme-wow .nav-group > summary { font-family: Georgia, 'Times New Roman', serif; color: #d1bc93; }
.theme-wow .nav-label { color: #bca47a; }
.theme-wow .mobile-menu-toggle { background: #201c16; }
.theme-wow :is(h1, h2, h3) { font-family: Georgia, 'Palatino Linotype', 'Times New Roman', serif; }
.theme-wow h1 {
    color: #f0d396; font-weight: 500; letter-spacing: -.025em;
    text-shadow: 0 2px 3px #0009; font-size: clamp(30px, 3.4vw, 44px);
}
.theme-wow h2 { color: #e5cc98; font-weight: 500; }
.theme-wow h3 { color: #ead7af; }
.theme-wow .eyebrow { color: #d3b276; letter-spacing: .16em; font-size: 10px; }
.theme-wow .eyebrow .dot { background: #c9a35e; box-shadow: 0 0 8px #c9a35e40; }
.theme-wow :is(.dashboard-heading, .home-intro, .profile-hero, .forever-profile-header) {
    position: relative; border: 1px solid #77613d; border-top-color: #ad8b4b; border-radius: 4px;
    background: linear-gradient(110deg, #312b20f2, #211e18e6),
                repeating-linear-gradient(90deg, #fff2 0 1px, transparent 1px 80px);
    box-shadow: inset 0 0 0 3px #17140f, inset 0 0 0 4px #9d804c24, 0 8px 24px #0002;
}
.theme-wow .dashboard-heading { padding: 30px 32px; min-height: 182px; margin-bottom: 26px; gap: 22px; }
.theme-wow .dashboard-heading > div { min-width: 0; }
.theme-wow .dashboard-heading h1 { font-size: clamp(30px, 3.4vw, 44px); margin: 12px 0; }
.theme-wow .dashboard-heading .muted { margin-bottom: 0; }
.theme-wow .home-intro { max-width: none; margin-bottom: 34px; padding: 40px 180px 38px 36px; }
.theme-wow .home-intro h1 { max-width: 19ch; margin: 14px 0 20px; }
.theme-wow .home-intro .intro { max-width: 700px; color: #c3b498; font-size: 16px; }
.theme-wow .home-intro::after {
    content: 'W'; display: grid; place-items: center; position: absolute;
    right: 34px; top: 50%; width: 110px; height: 110px; transform: translateY(-50%);
    border: 4px double #b2945359; border-radius: 50%; color: #d7b46e8c;
    font-family: Georgia, 'Times New Roman', serif; font-size: 80px;
    background: radial-gradient(circle, #8e733b12, #0b0c0a40); text-shadow: 0 3px 2px #0008;
    box-shadow: 0 0 0 7px #a3843f09, inset 0 0 18px #0003; pointer-events: none;
}
.theme-wow .profile-hero { padding: 28px; margin-top: 20px; }
.theme-wow .forever-profile-header { display: block; padding: 28px; margin: 22px 0; }
.theme-wow .forever-profile-header h1 { margin: 12px 0 20px; }
.theme-wow :is(.project, .chart-panel, .stat, .forever-card) {
    border-color: #77603b; border-radius: 5px;
    background: linear-gradient(135deg, #30291f, #211e18);
    box-shadow: inset 0 1px #e8cb8c12, inset 0 0 0 3px #100f0b30, 0 5px 16px #0002;
}
.theme-wow .project:hover { background: linear-gradient(135deg, #3a3021, #29231a); border-color: #b3914e; }
.theme-wow .project h3 { font-weight: 500; font-size: 24px; }
.theme-wow .project .number { color: #c9b17d; }
.theme-wow .project .card-link { color: #efd094; }
.theme-wow .forever-professions > li { background: #29251d; border-color: #6a5837; }
.theme-wow .section-head h2 { font-size: 22px; }
.theme-wow .section-head { border-color: var(--line); }
.theme-wow .wow-hub-section > .section-head { border-bottom: 1px solid #79633d; padding-bottom: 14px; }
.theme-wow .stat.primary { border-top-color: #dfbc71; background: linear-gradient(135deg, #45341d, #2b2419); }
.theme-wow .stat.primary strong { color: #f2d598; }
.theme-wow .button {
    border: 1px solid #b69350; border-radius: 3px;
    color: #f5dfad; background: linear-gradient(#713329, #491b18);
    box-shadow: inset 0 1px #f4ce8030, inset 0 0 0 2px #180c0b44, 0 2px 4px #0003;
    font-family: Georgia, 'Times New Roman', serif; font-size: 14px; letter-spacing: .015em;
    text-shadow: 0 1px 2px #000;
}
.theme-wow .button:hover { background: linear-gradient(#914338, #63241d); border-color: #ebc67b; color: #fff0cd; }
.theme-wow .button:disabled { opacity: .6; cursor: wait; }
.theme-wow :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline-color: #a9c9e4; }
.theme-wow :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    color: #ede3d0; border-color: #79663f; border-radius: 3px; background: #171611;
    box-shadow: inset 0 2px 5px #0004;
}
.theme-wow input::placeholder, .theme-wow textarea::placeholder { color: #a49880; }
.theme-wow :is(.character-filters, .market-search) {
    border: 1px solid #5f5033; border-radius: 4px; padding: 20px; background: #221f18c9;
}
.theme-wow :is(.tag, .forever-badge) { color: #e4c88d; border-color: #8b7449; border-radius: 3px; background: #b5913f0a; }
.theme-wow :is(.roster-table-wrap, .market-table-wrap) { border-color: #655334; background: #191712; }
.theme-wow table thead th { color: #d6ba7e; background: #201c14; font-family: Georgia, 'Times New Roman', serif; font-size: 12px; letter-spacing: .025em; }
.theme-wow table :is(th, td) { border-color: #4b402b; }
.theme-wow table tbody tr:nth-child(even) { background: #d3b87504; }
.theme-wow table tbody tr:hover { background: #d3b8750b; }
.theme-wow .price-line { stroke: #e3bc70; }
.theme-wow .price-dot { fill: #e3bc70; }
.theme-wow .gridline { stroke: #6a5a3c; }
.theme-wow .chart text { fill: #c1b08d; }
.theme-wow .forever-xp-track { background: #2b2039; }
.theme-wow .forever-xp-fill { fill: #9872ce; }
.theme-wow .level-progress progress { accent-color: #9872ce; }
.theme-wow :is(.forever-filters, .forever-profile-actions, .forever-build-tabs, .market-pagination) a[aria-current="page"] { border-color: #b6985c; color: #f0d394; background: #c59c4220; }
.theme-wow .page-notes, .theme-wow .shell > footer { border-color: #655333; }
.theme-wow .page-notes a { color: #e3c386; }
@media (max-width: 800px) {
    .theme-wow .dashboard-heading { padding: 24px; min-height: 164px; }
    .theme-wow .home-intro { padding: 30px 26px; }
    .theme-wow .home-intro h1, .theme-wow .home-intro .intro, .theme-wow .home-intro .eyebrow { position: relative; z-index: 1; }
    .theme-wow .home-intro::after { right: 16px; width: 90px; height: 90px; font-size: 68px; opacity: .16; }
    .theme-wow :is(.profile-hero, .forever-profile-header) { padding: 22px; }
}
@media (max-width: 480px) {
    .theme-wow .dashboard-heading { padding: 22px 20px; flex-wrap: wrap; }
    .theme-wow .dashboard-heading > div { flex: 1 1 100%; }
    .theme-wow .dashboard-heading h1 { font-size: 30px; }
    .theme-wow .home-intro { padding: 28px 22px; }
    .theme-wow :is(.character-filters, .market-search) { padding: 16px; }
    .theme-wow .profile-hero { padding: 18px; }
}