/* =========================================================
   KarmasBox — World of Warcraft Quickview
   Scoped under .wow-quickview to avoid affecting other pages
   ========================================================= */

.wow-quickview{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}

.wow-hero-card,
.wow-data-card,
.wow-spec-panel{
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(10,8,15,.78);
  border-radius:18px;
}

.wow-hero-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px;
  background:
    radial-gradient(700px 260px at 10% 0%, rgba(139,92,246,.22), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    rgba(10,8,15,.86);
}

.wow-hero-card h1{
  margin:4px 0 7px;
  font-size:clamp(28px,4vw,44px);
  line-height:1;
}

.wow-hero-card p{
  margin:0;
  max-width:740px;
  color:var(--muted);
  line-height:1.55;
}

.wow-kicker{
  color:var(--purple2);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}

.wow-season-badge{
  flex:0 0 auto;
  min-width:120px;
  padding:12px 16px;
  text-align:center;
  border-radius:16px;
  border:1px solid rgba(139,92,246,.42);
  background:rgba(139,92,246,.10);
  box-shadow:0 0 24px rgba(139,92,246,.12);
}

.wow-season-badge span,
.wow-season-badge strong{
  display:block;
}

.wow-season-badge span{
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.wow-season-badge strong{
  margin-top:3px;
  color:#fff;
  font-size:16px;
}

.wow-spec-switcher{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.wow-spec-tab{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:13px 14px;
  color:#fff;
  text-align:left;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  cursor:pointer;
  transition:.2s ease;
}

.wow-spec-tab:hover,
.wow-spec-tab.is-active{
  border-color:rgba(139,92,246,.55);
  background:rgba(139,92,246,.10);
  box-shadow:0 0 24px rgba(139,92,246,.12);
}

.wow-spec-tab strong,
.wow-spec-tab small{
  display:block;
}

.wow-spec-tab small{
  margin-top:2px;
  color:var(--muted);
}

.wow-spec-icon,
.wow-ability-mark{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-weight:900;
  color:#fff;
}

.wow-spec-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  font-size:12px;
}

.wow-spec-icon.monk,
.wow-ability-mark.monk{
  background:linear-gradient(135deg,#00a878,#0a6f59);
}

.wow-spec-icon.dk,
.wow-ability-mark.dk{
  background:linear-gradient(135deg,#b91c1c,#571015);
}

.wow-spec-panel{
  padding:18px;
}

.wow-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.wow-section-heading h2{
  margin:3px 0 0;
  font-size:26px;
}

.wow-role-pill{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,168,120,.38);
  background:rgba(0,168,120,.10);
  color:#8ff2d3;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.wow-role-pill.dk-role{
  border-color:rgba(220,38,38,.40);
  background:rgba(220,38,38,.10);
  color:#ffb0b0;
}

.wow-info-banner{
  margin-bottom:18px;
  padding:13px 14px;
  border-left:3px solid #00a878;
  border-radius:12px;
  background:rgba(0,168,120,.07);
  color:rgba(255,255,255,.84);
  line-height:1.55;
}

.wow-info-banner.dk-banner{
  border-left-color:#dc2626;
  background:rgba(220,38,38,.07);
}

.wow-block-title{
  margin:22px 0 10px;
  color:var(--purple2);
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wow-ability-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.wow-ability-card{
  display:flex;
  gap:12px;
  padding:13px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.065);
  background:rgba(0,0,0,.18);
}

.wow-ability-mark{
  width:44px;
  height:44px;
  border-radius:12px;
  font-size:11px;
}

.wow-ability-card h4{
  margin:0 0 5px;
  font-size:14px;
}

.wow-ability-card p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.48;
}

.wow-priority-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.wow-priority-list > div{
  display:grid;
  grid-template-columns:30px minmax(120px,.35fr) 1fr;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.16);
}

.wow-priority-list > div > span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:9px;
  color:var(--purple2);
  background:rgba(139,92,246,.12);
  border:1px solid rgba(139,92,246,.25);
  font-size:11px;
  font-weight:900;
}

.wow-priority-list strong{
  font-size:13px;
}

.wow-priority-list p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}

.wow-priority-list.compact > div{
  grid-template-columns:30px minmax(140px,.28fr) 1fr;
}

.wow-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.wow-data-card{
  padding:15px;
}

.wow-data-card > h3{
  margin:0 0 12px;
  color:var(--purple2);
  font-size:14px;
}

.wow-stat-mode + .wow-stat-mode{
  margin-top:13px;
}

.wow-stat-mode > strong{
  display:block;
  margin-bottom:7px;
  font-size:12px;
}

.wow-stat-chain{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}

.wow-stat-chain span{
  padding:6px 8px;
  border-radius:9px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.9);
  font-size:11px;
  font-weight:650;
}

.wow-stat-chain b{
  color:var(--purple2);
}

.wow-note{
  margin:12px 0 0;
  color:rgba(255,255,255,.55);
  font-size:11.5px;
  line-height:1.5;
}

.wow-loot-row{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.wow-loot-row > div{
  position:relative;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.16);
}

.wow-loot-row strong,
.wow-loot-row small{
  display:block;
}

.wow-loot-row strong{
  padding-right:42px;
  font-size:12.5px;
}

.wow-loot-row small{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}

.wow-loot-rank{
  position:absolute;
  top:9px;
  right:9px;
  padding:3px 5px;
  border-radius:7px;
  background:rgba(139,92,246,.16);
  border:1px solid rgba(139,92,246,.30);
  color:var(--purple2);
  font-size:9px;
  font-weight:900;
}

.wow-loot-rank.defense{
  background:rgba(0,168,120,.12);
  border-color:rgba(0,168,120,.28);
  color:#8ff2d3;
}

.wow-tier{
  padding:11px 12px;
  border-radius:12px;
  border:1px solid rgba(0,168,120,.20);
  background:rgba(0,168,120,.06);
}

.wow-tier + .wow-tier{
  margin-top:8px;
}

.wow-tier.dk-tier{
  border-color:rgba(220,38,38,.20);
  background:rgba(220,38,38,.055);
}

.wow-tier span{
  display:inline-block;
  margin-bottom:5px;
  color:#8ff2d3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.wow-tier.dk-tier span{
  color:#ffb0b0;
}

.wow-tier p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:12px;
  line-height:1.5;
}

.wow-source-note{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.16);
  color:rgba(255,255,255,.58);
  font-size:11.5px;
  line-height:1.5;
}

.wow-source-note strong{
  color:rgba(255,255,255,.86);
}

@media (max-width:900px){
  .wow-ability-grid,
  .wow-two-col{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .wow-hero-card{
    align-items:flex-start;
    flex-direction:column;
  }

  .wow-season-badge{
    width:100%;
  }

  .wow-spec-switcher{
    grid-template-columns:1fr;
  }

  .wow-priority-list > div,
  .wow-priority-list.compact > div{
    grid-template-columns:30px 1fr;
  }

  .wow-priority-list p{
    grid-column:2;
  }
}


/* ---------------------------------------------------------
   Talent Build / Copy String
--------------------------------------------------------- */
.wow-quickview .wow-build-card{
  margin:18px 0 28px;
  padding:20px;
  border:1px solid rgba(167,139,250,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(139,92,246,.13), transparent 38%),
    rgba(255,255,255,.025);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.wow-quickview .wow-build-card.dk-build-card{
  border-color:rgba(239,68,68,.22);
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.10), transparent 38%),
    rgba(255,255,255,.025);
}

.wow-quickview .wow-build-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.wow-quickview .wow-build-top h3{
  margin:3px 0 7px;
  font-size:1.25rem;
  color:#fff;
}

.wow-quickview .wow-build-top p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  max-width:720px;
}

.wow-quickview .wow-copy-talents{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:190px;
  padding:12px 16px;
  border:1px solid rgba(167,139,250,.42);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(139,92,246,.30), rgba(139,92,246,.16));
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.wow-quickview .wow-copy-talents:hover{
  transform:translateY(-1px);
  border-color:rgba(167,139,250,.8);
  box-shadow:0 0 24px rgba(139,92,246,.24);
}

.wow-quickview .wow-copy-talents.dk-copy{
  border-color:rgba(239,68,68,.40);
  background:linear-gradient(180deg, rgba(185,28,28,.34), rgba(127,29,29,.18));
}

.wow-quickview .wow-copy-talents.dk-copy:hover{
  border-color:rgba(248,113,113,.78);
  box-shadow:0 0 24px rgba(239,68,68,.20);
}

.wow-quickview .wow-copy-talents.is-copied{
  border-color:rgba(74,222,128,.75);
  box-shadow:0 0 22px rgba(74,222,128,.18);
}

.wow-quickview .wow-copy-talents.copy-error{
  border-color:rgba(251,191,36,.78);
}

.wow-quickview .wow-copy-icon{
  font-size:1.05rem;
  line-height:1;
}

.wow-quickview .wow-build-image-wrap{
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:17px;
}

.wow-quickview .wow-build-image-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:11px;
}

.wow-quickview .wow-build-image-heading strong{
  color:#fff;
}

.wow-quickview .wow-build-image-heading span{
  color:var(--muted);
  font-size:.82rem;
}

.wow-quickview .wow-build-image-link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:#09070d;
  text-decoration:none;
}

.wow-quickview .wow-build-image-link:hover{
  border-color:rgba(167,139,250,.34);
}

.wow-quickview .wow-build-image{
  display:block;
  width:100%;
  height:auto;
  max-height:760px;
  object-fit:contain;
  background:#08070b;
}

.wow-quickview .wow-build-image-placeholder{
  display:none;
  padding:36px 20px;
  text-align:center;
  color:var(--muted);
  line-height:1.65;
}

.wow-quickview .wow-build-image-placeholder code{
  color:var(--purple2);
}

.wow-quickview .wow-build-image-link.is-missing .wow-build-image-placeholder{
  display:block;
}

@media (max-width: 760px){
  .wow-quickview .wow-build-top{
    align-items:stretch;
    flex-direction:column;
  }

  .wow-quickview .wow-copy-talents{
    width:100%;
  }

  .wow-quickview .wow-build-image-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}


/* ---------------------------------------------------------
   Spell Icons
--------------------------------------------------------- */
.wow-quickview .wow-spell-icon{
  position:relative;
  flex:0 0 58px;
  width:58px;
  height:58px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:#09070d;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}

.wow-quickview .wow-spell-icon.monk{
  border-color:rgba(52,211,153,.38);
  box-shadow:0 0 20px rgba(52,211,153,.10), 0 8px 20px rgba(0,0,0,.28);
}

.wow-quickview .wow-spell-icon.dk{
  border-color:rgba(239,68,68,.38);
  box-shadow:0 0 20px rgba(239,68,68,.10), 0 8px 20px rgba(0,0,0,.28);
}

.wow-quickview .wow-spell-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wow-quickview .wow-spell-icon-fallback{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.02em;
  background:rgba(255,255,255,.045);
}

.wow-quickview .wow-ability-card{
  align-items:flex-start;
}

@media (max-width:640px){
  .wow-quickview .wow-spell-icon{
    flex-basis:50px;
    width:50px;
    height:50px;
    border-radius:10px;
  }
}


/* ---------------------------------------------------------
   Brewmaster Talent Build — Monk Green Theme
   Mirrors the Blood DK treatment, but uses Monk green.
--------------------------------------------------------- */
.wow-quickview [data-wow-panel="brewmaster"] .wow-build-card{
  border-color:rgba(52,211,153,.30);
  background:
    radial-gradient(circle at top right, rgba(52,211,153,.13), transparent 38%),
    rgba(255,255,255,.025);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-build-card .wow-kicker{
  color:#34d399;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-copy-talents{
  border-color:rgba(52,211,153,.46);
  background:linear-gradient(180deg, rgba(16,185,129,.34), rgba(6,95,70,.20));
  color:#fff;
  box-shadow:0 0 18px rgba(52,211,153,.08);
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-copy-talents:hover{
  transform:translateY(-1px);
  border-color:rgba(110,231,183,.82);
  background:linear-gradient(180deg, rgba(16,185,129,.46), rgba(6,95,70,.28));
  box-shadow:0 0 24px rgba(52,211,153,.22);
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-copy-talents:focus-visible{
  outline:2px solid rgba(110,231,183,.95);
  outline-offset:3px;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-build-image-link:hover{
  border-color:rgba(52,211,153,.42);
  box-shadow:0 0 22px rgba(52,211,153,.10);
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-build-image-placeholder code{
  color:#6ee7b7;
}


/* ---------------------------------------------------------
   Protection Paladin — Holy Gold Theme
--------------------------------------------------------- */
.wow-quickview .wow-spec-icon.paladin{
  color:#fff7d6;
  border-color:rgba(250,204,21,.42);
  background:linear-gradient(180deg, rgba(250,204,21,.22), rgba(161,98,7,.16));
  box-shadow:0 0 18px rgba(250,204,21,.10);
}

.wow-quickview .wow-kicker.paladin-kicker{
  color:#facc15;
}

.wow-quickview .wow-role-pill.paladin-role{
  color:#fff7d6;
  border-color:rgba(250,204,21,.38);
  background:rgba(250,204,21,.09);
}

.wow-quickview .wow-info-banner.paladin-banner{
  border-color:rgba(250,204,21,.24);
  background:
    linear-gradient(90deg, rgba(250,204,21,.10), rgba(250,204,21,.025)),
    rgba(255,255,255,.018);
}

.wow-quickview .wow-build-card.paladin-build-card{
  border-color:rgba(250,204,21,.30);
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.13), transparent 38%),
    rgba(255,255,255,.025);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.wow-quickview .wow-copy-talents.paladin-copy{
  border-color:rgba(250,204,21,.48);
  background:linear-gradient(180deg, rgba(202,138,4,.36), rgba(113,63,18,.22));
  color:#fff;
  box-shadow:0 0 18px rgba(250,204,21,.08);
}

.wow-quickview .wow-copy-talents.paladin-copy:hover{
  transform:translateY(-1px);
  border-color:rgba(253,224,71,.86);
  background:linear-gradient(180deg, rgba(202,138,4,.48), rgba(113,63,18,.30));
  box-shadow:0 0 24px rgba(250,204,21,.22);
}

.wow-quickview .wow-copy-talents.paladin-copy:focus-visible{
  outline:2px solid rgba(253,224,71,.95);
  outline-offset:3px;
}

.wow-quickview .paladin-build-image-link:hover{
  border-color:rgba(250,204,21,.42);
  box-shadow:0 0 22px rgba(250,204,21,.10);
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-build-image-placeholder code{
  color:#fde047;
}

.wow-quickview .wow-spell-icon.paladin{
  border-color:rgba(250,204,21,.42);
  box-shadow:0 0 20px rgba(250,204,21,.12), 0 8px 20px rgba(0,0,0,.28);
}

.wow-quickview .wow-tier.paladin-tier{
  border-color:rgba(250,204,21,.22);
  background:rgba(250,204,21,.045);
}

.wow-quickview .wow-tier.paladin-tier > span{
  color:#fde047;
}

.wow-quickview .wow-loot-rank.paladin-rank{
  border-color:rgba(250,204,21,.38);
  background:rgba(250,204,21,.09);
  color:#fde047;
}

@media (max-width:900px){
  .wow-quickview .wow-spec-switcher{
    grid-template-columns:1fr;
  }
}


/* ---------------------------------------------------------
   Spec Artwork
--------------------------------------------------------- */
.wow-quickview .wow-spec-art-card{
  position:relative;
  min-height:150px;
  margin:0 0 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:#09070d;
}

.wow-quickview .wow-spec-art-card img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center;
  opacity:.94;
}

.wow-quickview .wow-spec-art-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(5,5,8,.94) 0%, rgba(5,5,8,.60) 35%, rgba(5,5,8,.08) 76%);
}

.wow-quickview .wow-spec-art-copy{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:20px;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.wow-quickview .wow-spec-art-copy span{
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.wow-quickview .wow-spec-art-copy strong{
  color:#fff;
  font-size:1.35rem;
}

.wow-quickview .monk-art{
  border-color:rgba(52,211,153,.32);
  box-shadow:0 0 24px rgba(52,211,153,.08);
}
.wow-quickview .monk-art .wow-spec-art-copy span{ color:#34d399; }

.wow-quickview .dk-art{
  border-color:rgba(239,68,68,.32);
  box-shadow:0 0 24px rgba(239,68,68,.08);
}
.wow-quickview .dk-art .wow-spec-art-copy span{ color:#f87171; }

.wow-quickview .paladin-art{
  border-color:rgba(244,114,182,.36);
  box-shadow:0 0 24px rgba(244,114,182,.10);
}
.wow-quickview .paladin-art .wow-spec-art-copy span{ color:#f472b6; }

.wow-quickview .wow-spec-art-placeholder{
  display:none;
  min-height:150px;
  align-items:center;
  justify-content:center;
  padding:32px 18px;
  color:var(--muted);
  text-align:center;
}
.wow-quickview .wow-spec-art-placeholder code{
  margin-left:5px;
  color:var(--purple2);
}
.wow-quickview .wow-spec-art-card.is-missing .wow-spec-art-placeholder{
  display:flex;
}
.wow-quickview .wow-spec-art-card.is-missing .wow-spec-art-copy,
.wow-quickview .wow-spec-art-card.is-missing::after{
  display:none;
}

/* ---------------------------------------------------------
   Protection Paladin — Paladin Pink
--------------------------------------------------------- */
.wow-quickview .wow-spec-icon.paladin{
  color:#fff0f7;
  border-color:rgba(244,114,182,.48);
  background:linear-gradient(180deg, rgba(244,114,182,.24), rgba(157,23,77,.17));
  box-shadow:0 0 18px rgba(244,114,182,.12);
}

.wow-quickview .wow-kicker.paladin-kicker{
  color:#f472b6;
}

.wow-quickview .wow-role-pill.paladin-role{
  color:#ffe4f0;
  border-color:rgba(244,114,182,.42);
  background:rgba(244,114,182,.10);
}

.wow-quickview .wow-info-banner.paladin-banner{
  border-color:rgba(244,114,182,.26);
  background:
    linear-gradient(90deg, rgba(244,114,182,.11), rgba(244,114,182,.025)),
    rgba(255,255,255,.018);
}

.wow-quickview .wow-build-card.paladin-build-card{
  border-color:rgba(244,114,182,.34);
  background:
    radial-gradient(circle at top right, rgba(244,114,182,.14), transparent 38%),
    rgba(255,255,255,.025);
}

.wow-quickview .wow-copy-talents.paladin-copy{
  border-color:rgba(244,114,182,.52);
  background:linear-gradient(180deg, rgba(219,39,119,.38), rgba(131,24,67,.23));
}

.wow-quickview .wow-copy-talents.paladin-copy:hover{
  border-color:rgba(249,168,212,.90);
  background:linear-gradient(180deg, rgba(219,39,119,.52), rgba(131,24,67,.32));
  box-shadow:0 0 24px rgba(244,114,182,.24);
}

.wow-quickview .wow-copy-talents.paladin-copy:focus-visible{
  outline:2px solid rgba(249,168,212,.96);
  outline-offset:3px;
}

.wow-quickview .paladin-build-image-link:hover{
  border-color:rgba(244,114,182,.46);
  box-shadow:0 0 22px rgba(244,114,182,.12);
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-build-image-placeholder code{
  color:#f9a8d4;
}

.wow-quickview .wow-spell-icon.paladin{
  border-color:rgba(244,114,182,.44);
  box-shadow:0 0 20px rgba(244,114,182,.12), 0 8px 20px rgba(0,0,0,.28);
}

.wow-quickview .wow-tier.paladin-tier{
  border-color:rgba(244,114,182,.24);
  background:rgba(244,114,182,.05);
}

.wow-quickview .wow-tier.paladin-tier > span{
  color:#f9a8d4;
}

.wow-quickview .wow-loot-rank.paladin-rank{
  border-color:rgba(244,114,182,.40);
  background:rgba(244,114,182,.10);
  color:#f9a8d4;
}

@media (max-width:640px){
  .wow-quickview .wow-spec-art-card img{
    height:170px;
  }
  .wow-quickview .wow-spec-art-copy{
    left:16px;
    bottom:15px;
  }
}


/* =========================================================
   KarmasBox WoW Quickview — Dashboard Layout
   Full-width skinny spec hero + dense quick-reference cards
   ========================================================= */

.wow-quickview{
  width:min(1540px, calc(100vw - 32px));
  max-width:none;
  margin-left:50%;
  transform:translateX(-50%);
  gap:12px;
}

.wow-quickview .wow-hero-card{
  padding:18px 22px;
  border-radius:15px;
}

.wow-quickview .wow-hero-card h1{
  font-size:clamp(1.7rem, 2.4vw, 2.55rem);
  margin-bottom:4px;
}

.wow-quickview .wow-spec-switcher{
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
  margin:0;
}

.wow-quickview .wow-spec-tab{
  min-height:64px;
  padding:12px 16px;
  border-radius:12px 12px 0 0;
}

.wow-quickview .wow-dashboard-nav{
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  padding:0 2px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(7,6,10,.92);
}

.wow-quickview .wow-dashboard-nav button{
  min-width:145px;
  padding:11px 18px;
  border:0;
  border-right:1px solid rgba(255,255,255,.08);
  background:transparent;
  color:rgba(255,255,255,.78);
  font-weight:850;
  letter-spacing:.025em;
  cursor:pointer;
}

.wow-quickview .wow-dashboard-nav button:hover{
  color:#fff;
  background:rgba(139,92,246,.10);
}

.wow-quickview .wow-spec-panel{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.wow-quickview .wow-spec-panel[hidden]{
  display:none !important;
}

/* Full-width, skinny class banner */
.wow-quickview .wow-spec-hero{
  grid-column:1 / -1;
  position:relative;
  height:clamp(190px, 18vw, 285px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:#08070b;
}

.wow-quickview .wow-spec-hero img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 44%;
}

.wow-quickview .wow-spec-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,5,8,.88) 0%, rgba(5,5,8,.48) 34%, rgba(5,5,8,.08) 68%, rgba(5,5,8,.16) 100%),
    linear-gradient(0deg, rgba(5,5,8,.38), transparent 55%);
}

.wow-quickview .wow-spec-hero-copy{
  position:absolute;
  z-index:2;
  left:clamp(20px, 4vw, 58px);
  top:50%;
  transform:translateY(-50%);
}

.wow-quickview .wow-spec-hero-copy .wow-kicker{
  margin:0 0 4px;
  font-size:.78rem;
  letter-spacing:.14em;
}

.wow-quickview .wow-spec-hero-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.8rem, 3.2vw, 3.5rem);
  line-height:1;
  text-shadow:0 3px 18px rgba(0,0,0,.75);
}

.wow-quickview .wow-spec-hero-copy span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.82);
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.wow-quickview .wow-spec-hero-role{
  position:absolute;
  z-index:2;
  right:24px;
  top:20px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#fff;
  background:rgba(5,5,8,.62);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
}

.wow-quickview .wow-spec-hero-placeholder{
  display:none;
  height:100%;
  align-items:center;
  justify-content:center;
  color:var(--muted);
}

.wow-quickview .wow-spec-hero.is-missing .wow-spec-hero-placeholder{display:flex;}
.wow-quickview .wow-spec-hero.is-missing .wow-spec-hero-shade,
.wow-quickview .wow-spec-hero.is-missing .wow-spec-hero-copy,
.wow-quickview .wow-spec-hero.is-missing .wow-spec-hero-role{display:none;}

.wow-quickview .monk-hero{border-color:rgba(52,211,153,.35);box-shadow:0 0 28px rgba(52,211,153,.09);}
.wow-quickview .dk-hero{border-color:rgba(239,68,68,.35);box-shadow:0 0 28px rgba(239,68,68,.09);}
.wow-quickview .paladin-hero{border-color:rgba(244,114,182,.38);box-shadow:0 0 28px rgba(244,114,182,.10);}

.wow-quickview .monk-hero .wow-kicker{color:#34d399;}
.wow-quickview .dk-hero .wow-kicker{color:#f87171;}
.wow-quickview .paladin-hero .wow-kicker{color:#f472b6;}

/* Compact overview strip */
.wow-quickview .wow-overview-card{
  grid-column:1 / -1;
  margin:0;
  padding:12px 16px;
  border-radius:12px;
}

/* Talent build: large left card */
.wow-quickview .wow-dashboard-talents{
  grid-column:1 / span 5;
  grid-row:auto / span 2;
  margin:0;
  padding:16px;
  border-radius:14px;
}

.wow-quickview .wow-build-top{
  align-items:flex-start;
  margin-bottom:12px;
}

.wow-quickview .wow-build-top h3{
  margin:2px 0 4px;
}

.wow-quickview .wow-build-top p{
  display:none;
}

.wow-quickview .wow-copy-talents{
  min-width:175px;
  padding:10px 13px;
  font-size:.82rem;
}

.wow-quickview .wow-build-image-wrap{
  padding-top:12px;
}

.wow-quickview .wow-build-image-link{
  min-height:240px;
  max-height:390px;
}

.wow-quickview .wow-build-image{
  max-height:390px;
}

/* Core abilities: icon-first quick reference */
.wow-quickview .wow-block-title{
  display:none;
}

.wow-quickview .wow-dashboard-core{
  grid-column:6 / -1;
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:8px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(10,8,15,.80);
}

.wow-quickview .wow-dashboard-core::before{
  content:"CORE ABILITIES";
  grid-column:1 / -1;
  color:var(--purple2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-core::before{color:#34d399;}
.wow-quickview [data-wow-panel="blood"] .wow-dashboard-core::before{color:#f87171;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-core::before{color:#f472b6;}

.wow-quickview .wow-ability-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:5px;
  border:0;
  background:transparent;
  text-align:center;
}

.wow-quickview .wow-ability-card > div:last-child p{
  display:none;
}

.wow-quickview .wow-ability-card h4{
  margin:0;
  font-size:.76rem;
  line-height:1.2;
  color:#fff;
}

.wow-quickview .wow-spell-icon{
  width:54px;
  height:54px;
  flex-basis:54px;
  border-radius:9px;
}

/* Cooldowns sit beside core abilities */
.wow-quickview .wow-dashboard-cooldowns{
  grid-column:6 / -1;
  margin:0;
  padding:14px;
  border-radius:14px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:8px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div{
  display:block;
  padding:9px;
  min-height:92px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div > span{
  margin-bottom:6px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list p{
  font-size:.75rem;
  line-height:1.35;
}

/* Lower dashboard */
.wow-quickview .wow-dashboard-rotation{
  grid-column:1 / span 3;
  margin:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(10,8,15,.80);
}

.wow-quickview .wow-dashboard-rotation::before{
  content:"ROTATION / FILLER SPELLS";
  display:block;
  margin-bottom:9px;
  color:var(--purple2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.06em;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-rotation::before{color:#34d399;}
.wow-quickview [data-wow-panel="blood"] .wow-dashboard-rotation::before{color:#f87171;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-rotation::before{color:#f472b6;}

.wow-quickview .wow-dashboard-rotation > div{
  grid-template-columns:26px 1fr;
  padding:6px 0;
  border:0;
  background:transparent;
}

.wow-quickview .wow-dashboard-rotation p{
  display:none;
}

.wow-quickview .wow-dashboard-gear{
  grid-column:4 / span 5;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.wow-quickview .wow-dashboard-tier{
  grid-column:9 / -1;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:12px;
}

.wow-quickview .wow-two-col > .wow-data-card{
  min-width:0;
  height:100%;
  margin:0;
  padding:14px;
  border-radius:14px;
}

.wow-quickview .wow-data-card h3{
  margin:0 0 10px;
  font-size:.88rem;
}

.wow-quickview .wow-stat-chain{
  gap:4px;
  font-size:.76rem;
}

.wow-quickview .wow-loot-row > div{
  padding:7px 0;
}

.wow-quickview .wow-tier{
  padding:8px 10px;
}

/* Hide the older separate spec artwork card if one somehow remains. */
.wow-quickview .wow-spec-art-card{display:none !important;}

@media (max-width:1100px){
  .wow-quickview{
    width:calc(100vw - 20px);
  }
  .wow-quickview .wow-dashboard-talents,
  .wow-quickview .wow-dashboard-core,
  .wow-quickview .wow-dashboard-cooldowns,
  .wow-quickview .wow-dashboard-rotation,
  .wow-quickview .wow-dashboard-gear,
  .wow-quickview .wow-dashboard-tier{
    grid-column:1 / -1;
  }
  .wow-quickview .wow-dashboard-core{
    grid-template-columns:repeat(3,1fr);
  }
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:700px){
  .wow-quickview{
    width:calc(100vw - 12px);
  }
  .wow-quickview .wow-spec-switcher{
    grid-template-columns:1fr;
  }
  .wow-quickview .wow-spec-hero{
    height:180px;
  }
  .wow-quickview .wow-spec-hero-copy h2{
    font-size:1.7rem;
  }
  .wow-quickview .wow-spec-hero-role{
    right:12px;
    top:12px;
  }
  .wow-quickview .wow-dashboard-core{
    grid-template-columns:repeat(2,1fr);
  }
  .wow-quickview .wow-dashboard-gear,
  .wow-quickview .wow-dashboard-tier{
    grid-template-columns:1fr;
  }
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:1fr;
  }
  .wow-quickview .wow-build-top{
    flex-direction:column;
  }
}


/* ---------------------------------------------------------
   Cooldown / Defensive Reminders — centered bottom row
--------------------------------------------------------- */
.wow-quickview .wow-dashboard-cooldowns{
  grid-column:3 / 11;
  width:100%;
  max-width:980px;
  justify-self:center;
  margin:4px auto 0;
}

.wow-quickview .wow-dashboard-cooldowns > h3{
  text-align:center;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
  justify-content:center;
}

@media (max-width:1100px){
  .wow-quickview .wow-dashboard-cooldowns{
    grid-column:1 / -1;
    max-width:900px;
  }
}

@media (max-width:700px){
  .wow-quickview .wow-dashboard-cooldowns{
    width:100%;
    max-width:none;
  }
}


/* ---------------------------------------------------------
   Spec Hero — display the ENTIRE banner without cropping
--------------------------------------------------------- */
.wow-quickview .wow-spec-hero{
  height:auto;
  aspect-ratio:auto;
  min-height:0;
}

.wow-quickview .wow-spec-hero img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
}

/* Keep overlays positioned over the full image. */
.wow-quickview .wow-spec-hero-shade{
  inset:0;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:auto;
    min-height:0;
  }

  .wow-quickview .wow-spec-hero img{
    height:auto;
    object-fit:contain;
  }
}


/* ---------------------------------------------------------
   Spec Hero — original skinny height + full image visible
--------------------------------------------------------- */
.wow-quickview .wow-spec-hero{
  height:clamp(190px, 18vw, 285px);
  min-height:190px;
  background:#08070b;
}

.wow-quickview .wow-spec-hero img{
  width:100%;
  height:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}

/* Use the same banner as a blurred/darkened backdrop so contain
   does not leave plain empty bars on wider screens. */
.wow-quickview .wow-spec-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(5,5,8,.82);
  z-index:0;
}

.wow-quickview .wow-spec-hero img{
  position:relative;
  z-index:1;
}

.wow-quickview .wow-spec-hero-shade{
  z-index:1;
}

.wow-quickview .wow-spec-hero-copy,
.wow-quickview .wow-spec-hero-role{
  z-index:2;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:180px;
    min-height:180px;
  }

  .wow-quickview .wow-spec-hero img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
}


/* ---------------------------------------------------------
   Spec Hero — balanced full-width presentation
   Keep the complete banner visible, but use the empty sides
   as intentional extensions of the artwork.
--------------------------------------------------------- */
.wow-quickview .wow-spec-hero{
  isolation:isolate;
  background:#08070b;
}

/* Softly fill the full header width behind the contained image. */
.wow-quickview .wow-spec-hero::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:0;
  background:
    radial-gradient(circle at 72% 50%, rgba(52,211,153,.16), transparent 34%),
    linear-gradient(90deg, #050609 0%, #07110d 45%, #07110d 72%, #040608 100%);
  filter:blur(8px);
  transform:scale(1.04);
}

/* Keep 100% of the actual artwork visible. */
.wow-quickview .wow-spec-hero img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

/* Darken the left for readable title and subtly blend both sides. */
.wow-quickview .wow-spec-hero-shade{
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(4,5,7,.96) 0%,
      rgba(4,5,7,.80) 20%,
      rgba(4,5,7,.30) 38%,
      rgba(4,5,7,.03) 58%,
      rgba(4,5,7,.16) 82%,
      rgba(4,5,7,.48) 100%);
}

.wow-quickview .wow-spec-hero-copy,
.wow-quickview .wow-spec-hero-role{
  z-index:3;
}

/* Add a subtle class-colored treatment to the right side so it
   no longer reads as an empty black panel. */
.wow-quickview .monk-hero::after,
.wow-quickview .dk-hero::after,
.wow-quickview .paladin-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  width:34%;
  height:100%;
  pointer-events:none;
}

.wow-quickview .monk-hero::after{
  background:linear-gradient(90deg, transparent, rgba(16,185,129,.08));
}

.wow-quickview .dk-hero::after{
  background:linear-gradient(90deg, transparent, rgba(239,68,68,.08));
}

.wow-quickview .paladin-hero::after{
  background:linear-gradient(90deg, transparent, rgba(244,114,182,.09));
}


/* =========================================================
   REFERENCE MATCH — compact WoW guide dashboard
   ========================================================= */

.wow-page .container.wow-fullwidth-container{
  width:100%;
  max-width:none;
  padding-left:14px;
  padding-right:14px;
}

.wow-page .wow-fullwidth-layout{
  width:100%;
}

.wow-quickview{
  width:100%;
  max-width:none;
  margin:0;
  transform:none;
  gap:10px;
}

/* Hide the older large intro card so the spec dashboard is the hero. */
.wow-quickview > .wow-hero-card{
  display:none;
}

/* Tabs: compact and directly above hero */
.wow-quickview .wow-spec-switcher{
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:6px;
  margin:0;
}

.wow-quickview .wow-spec-tab{
  min-height:58px;
  padding:10px 14px;
  border-radius:10px 10px 0 0;
  background:rgba(8,8,12,.95);
}

.wow-quickview .wow-spec-tab strong{
  font-size:.94rem;
}

.wow-quickview .wow-spec-tab small{
  font-size:.72rem;
}

/* Keep the section jump bar very slim, like the mockup. */
.wow-quickview .wow-dashboard-nav{
  min-height:38px;
  border-radius:8px;
  background:rgba(7,7,10,.96);
}

.wow-quickview .wow-dashboard-nav button{
  min-width:130px;
  padding:9px 16px;
  font-size:.76rem;
  text-transform:uppercase;
}

/* ---------------------------------------------------------
   HERO BANNER
   Fill the entire header length like the reference.
   --------------------------------------------------------- */
.wow-quickview .wow-spec-hero{
  grid-column:1 / -1;
  height:clamp(235px, 18vw, 330px);
  min-height:235px;
  border-radius:14px;
  overflow:hidden;
  background:#050608;
}

/* Background copy fills every pixel so there are no empty sides. */
.wow-quickview .wow-spec-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  filter:brightness(.72) saturate(1.08);
  transform:none;
}

/* Use the real image itself as the full-width visual. */
.wow-quickview .wow-spec-hero img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Dark readable left edge; almost untouched on the character side. */
.wow-quickview .wow-spec-hero-shade{
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(3,4,6,.90) 0%,
      rgba(3,4,6,.63) 19%,
      rgba(3,4,6,.23) 38%,
      rgba(3,4,6,.03) 62%,
      rgba(3,4,6,.08) 100%);
}

.wow-quickview .wow-spec-hero-copy{
  z-index:3;
  left:clamp(28px, 3.2vw, 58px);
  top:50%;
}

.wow-quickview .wow-spec-hero-copy .wow-kicker{
  font-size:.73rem;
  letter-spacing:.12em;
  margin-bottom:5px;
}

.wow-quickview .wow-spec-hero-copy h2{
  font-size:clamp(2rem, 3vw, 3.5rem);
  letter-spacing:-.025em;
}

.wow-quickview .wow-spec-hero-copy span{
  margin-top:7px;
  font-size:.78rem;
}

.wow-quickview .wow-spec-hero-role{
  z-index:3;
  right:22px;
  top:18px;
  padding:7px 12px;
  font-size:.72rem;
  background:rgba(3,4,6,.72);
}

.wow-quickview .monk-hero::after,
.wow-quickview .dk-hero::after,
.wow-quickview .paladin-hero::after{
  display:none;
}

/* ---------------------------------------------------------
   Thin tip strip below hero
   --------------------------------------------------------- */
.wow-quickview .wow-tip-strip{
  grid-column:1 / -1;
  margin:0;
  min-height:42px;
  padding:11px 16px;
  display:flex;
  align-items:center;
  border-radius:10px;
  font-size:.91rem;
  line-height:1.45;
}

/* ---------------------------------------------------------
   Main dashboard composition
   --------------------------------------------------------- */
.wow-quickview .wow-spec-panel{
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:10px;
}

/* Talent panel: large card on the left */
.wow-quickview .wow-dashboard-talents{
  grid-column:1 / span 5;
  grid-row:auto / span 2;
  min-height:305px;
  padding:14px;
  border-radius:12px;
}

.wow-quickview .wow-build-top{
  margin-bottom:10px;
}

.wow-quickview .wow-build-top h3{
  font-size:1rem;
}

.wow-quickview .wow-build-card .wow-kicker{
  font-size:.68rem;
}

.wow-quickview .wow-copy-talents{
  min-width:160px;
  padding:9px 12px;
  border-radius:9px;
  font-size:.76rem;
}

.wow-quickview .wow-build-image-heading{
  margin-bottom:8px;
}

.wow-quickview .wow-build-image-heading strong{
  font-size:.86rem;
}

.wow-quickview .wow-build-image-heading span{
  font-size:.72rem;
}

.wow-quickview .wow-build-image-link{
  min-height:235px;
  max-height:300px;
  border-radius:9px;
}

.wow-quickview .wow-build-image{
  height:100%;
  max-height:300px;
  object-fit:cover;
}

/* Core abilities on upper-right */
.wow-quickview .wow-dashboard-core{
  grid-column:6 / -1;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:10px;
  min-height:138px;
  padding:13px 14px;
  border-radius:12px;
}

.wow-quickview .wow-dashboard-core::before{
  font-size:.70rem;
  margin-bottom:2px;
}

.wow-quickview .wow-ability-card{
  gap:6px;
  padding:3px;
}

.wow-quickview .wow-spell-icon{
  width:52px;
  height:52px;
  flex-basis:52px;
  border-radius:8px;
}

.wow-quickview .wow-ability-card h4{
  font-size:.68rem;
}

/* Make wrapper pairs disappear as layout boxes so their cards can sit
   individually across the lower-right row. */
.wow-quickview .wow-dashboard-gear,
.wow-quickview .wow-dashboard-tier{
  display:contents;
}

/* Rotation beneath core abilities */
.wow-quickview .wow-dashboard-rotation{
  grid-column:6 / span 2;
  min-height:182px;
  padding:13px;
  border-radius:12px;
}

.wow-quickview .wow-dashboard-rotation::before{
  font-size:.67rem;
  margin-bottom:7px;
}

.wow-quickview .wow-dashboard-rotation > div{
  padding:4px 0;
  grid-template-columns:22px 1fr;
}

.wow-quickview .wow-dashboard-rotation strong{
  font-size:.72rem;
}

/* Stats */
.wow-quickview .wow-dashboard-gear > .wow-data-card:first-child{
  grid-column:8 / span 2;
}

/* Trinkets */
.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2){
  grid-column:10 / span 2;
}

/* Embellishments */
.wow-quickview .wow-dashboard-tier > .wow-data-card:first-child{
  grid-column:12 / span 1;
}

/* Tier card wraps to a clean full-width lower card if present. */
.wow-quickview .wow-dashboard-tier > .wow-data-card:nth-child(2){
  grid-column:6 / -1;
  margin-top:0;
}

.wow-quickview .wow-data-card{
  padding:13px;
  border-radius:12px;
}

.wow-quickview .wow-data-card h3{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.055em;
  margin-bottom:8px;
}

.wow-quickview .wow-stat-mode strong{
  font-size:.72rem;
}

.wow-quickview .wow-stat-chain{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  font-size:.68rem;
}

.wow-quickview .wow-stat-chain b{
  display:none;
}

.wow-quickview .wow-loot-row > div{
  padding:5px 0;
}

.wow-quickview .wow-loot-row strong{
  font-size:.70rem;
}

.wow-quickview .wow-loot-row small{
  font-size:.64rem;
}

.wow-quickview .wow-note{
  font-size:.66rem;
  line-height:1.35;
}

/* ---------------------------------------------------------
   Cooldowns centered full-width at bottom
   --------------------------------------------------------- */
.wow-quickview .wow-dashboard-cooldowns{
  grid-column:1 / -1;
  width:100%;
  max-width:none;
  justify-self:stretch;
  margin:0;
  padding:13px 18px 15px;
  border-radius:12px;
}

.wow-quickview .wow-dashboard-cooldowns > h3{
  text-align:center;
  margin-bottom:11px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
  display:flex;
  justify-content:center;
  align-items:stretch;
  gap:14px;
  flex-wrap:wrap;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div{
  width:130px;
  min-height:86px;
  padding:8px;
  text-align:center;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div > span{
  margin:0 auto 5px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list strong{
  display:block;
  font-size:.72rem;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list p{
  display:none;
}

/* Footer strip like reference */
.wow-quickview .wow-reference-footer{
  grid-column:1 / -1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  min-height:34px;
  margin-top:0;
  padding:7px 14px;
  border:1px solid rgba(139,92,246,.22);
  border-radius:10px;
  background:rgba(10,8,15,.88);
  color:rgba(255,255,255,.68);
  font-size:.66rem;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.wow-quickview .wow-reference-footer strong,
.wow-quickview .wow-footer-emblem{
  color:var(--purple2);
}

.wow-quickview .wow-source-note{
  display:none;
}

/* Class accents */
.wow-quickview [data-wow-panel="brewmaster"] .wow-data-card h3,
.wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-cooldowns > h3{
  color:#34d399;
}

.wow-quickview [data-wow-panel="blood"] .wow-data-card h3,
.wow-quickview [data-wow-panel="blood"] .wow-dashboard-cooldowns > h3{
  color:#f87171;
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-data-card h3,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-cooldowns > h3{
  color:#f472b6;
}

@media (max-width:1250px){
  .wow-quickview .wow-dashboard-talents,
  .wow-quickview .wow-dashboard-core,
  .wow-quickview .wow-dashboard-rotation,
  .wow-quickview .wow-dashboard-cooldowns,
  .wow-quickview .wow-dashboard-gear > .wow-data-card,
  .wow-quickview .wow-dashboard-tier > .wow-data-card{
    grid-column:1 / -1 !important;
  }

  .wow-quickview .wow-dashboard-core{
    grid-template-columns:repeat(3,1fr);
  }

  .wow-quickview .wow-dashboard-tier > .wow-data-card:nth-child(2){
    margin-top:0;
  }
}

@media (max-width:700px){
  .wow-page .container.wow-fullwidth-container{
    padding-left:6px;
    padding-right:6px;
  }

  .wow-quickview .wow-spec-switcher{
    grid-template-columns:1fr;
  }

  .wow-quickview .wow-spec-hero{
    height:190px;
    min-height:190px;
  }

  .wow-quickview .wow-spec-hero-copy{
    left:18px;
  }

  .wow-quickview .wow-spec-hero-copy h2{
    font-size:1.7rem;
  }

  .wow-quickview .wow-dashboard-core{
    grid-template-columns:repeat(2,1fr);
  }

  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div{
    width:calc(50% - 8px);
  }

  .wow-quickview .wow-reference-footer{
    flex-wrap:wrap;
    text-align:center;
  }
}


/* =========================================================
   Spec Header Fine-Tuning
   CSS only — keep all existing PHP/text exactly as-is
   ========================================================= */

/* Slightly taller than the current compact header. */
.wow-quickview .wow-spec-hero{
  height:clamp(255px, 18.5vw, 345px);
  min-height:255px;
}

/* Keep the banner filling the full header while revealing
   a little more of the character's upper body/head. */
.wow-quickview .wow-spec-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% 42%;
}

/* Brewmaster composition needs a little more right/up bias. */
.wow-quickview .monk-hero img{
  object-position:60% 40%;
}

/* Leave the other two ready for their own banners later. */
.wow-quickview .dk-hero img{
  object-position:58% 42%;
}

.wow-quickview .paladin-hero img{
  object-position:58% 42%;
}

/* Keep the existing TANK badge in place. */
.wow-quickview .wow-spec-hero-role{
  right:20px;
  top:16px;
}

/* Mobile stays compact but still shows more of the character. */
@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:205px;
    min-height:205px;
  }

  .wow-quickview .wow-spec-hero img,
  .wow-quickview .monk-hero img,
  .wow-quickview .dk-hero img,
  .wow-quickview .paladin-hero img{
    object-position:60% 42%;
  }
}


/* =========================================================
   Brewmaster Header Adjustment v2
   Keep the existing webpage. Do NOT use a mockup image.
   Show more of the panda's head/upper body while retaining
   the wide full-width header.
   ========================================================= */

.wow-quickview .wow-spec-hero{
  height:clamp(285px, 20vw, 375px);
  min-height:285px;
}

/* Move the crop upward so the character's head is visible. */
.wow-quickview .monk-hero img{
  object-fit:cover;
  object-position:58% 24%;
}

/* Keep future spec banners centered until individually tuned. */
.wow-quickview .dk-hero img{
  object-fit:cover;
  object-position:58% 35%;
}

.wow-quickview .paladin-hero img{
  object-fit:cover;
  object-position:58% 35%;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:220px;
    min-height:220px;
  }

  .wow-quickview .monk-hero img{
    object-position:62% 24%;
  }
}


/* Brewmaster header final micro-adjustment */
.wow-quickview .wow-spec-hero{
  height:clamp(295px, 20.5vw, 385px);
  min-height:295px;
}

.wow-quickview .monk-hero img{
  object-position:58% 20%;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:225px;
    min-height:225px;
  }

  .wow-quickview .monk-hero img{
    object-position:62% 20%;
  }
}


/* Brewmaster header final fine adjustment v4 */
.wow-quickview .wow-spec-hero{
  height:clamp(305px, 21vw, 395px);
  min-height:305px;
}

.wow-quickview .monk-hero img{
  object-fit:cover;
  object-position:58% 16%;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:230px;
    min-height:230px;
  }

  .wow-quickview .monk-hero img{
    object-position:62% 16%;
  }
}


/* Brewmaster header micro-adjustment v5 */
.wow-quickview .wow-spec-hero{
  height:clamp(315px, 21.5vw, 405px);
  min-height:315px;
}

.wow-quickview .monk-hero img{
  object-fit:cover;
  object-position:58% 12%;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:235px;
    min-height:235px;
  }

  .wow-quickview .monk-hero img{
    object-position:62% 12%;
  }
}


/* Brewmaster header final micro-adjustment v6 */
.wow-quickview .wow-spec-hero{
  height:clamp(325px, 22vw, 415px);
  min-height:325px;
}

.wow-quickview .monk-hero img{
  object-fit:cover;
  object-position:58% 8%;
}

@media (max-width:700px){
  .wow-quickview .wow-spec-hero{
    height:240px;
    min-height:240px;
  }

  .wow-quickview .monk-hero img{
    object-position:62% 8%;
  }
}


/* =========================================================
   Blood Death Knight — header crop adjustment
   Brewmaster remains untouched.
   Pull the Blood DK artwork down so the character's head is
   visible while keeping the same final hero dimensions.
   ========================================================= */
.wow-quickview .dk-hero img{
  object-fit:cover;
  object-position:58% 2%;
}

@media (max-width:700px){
  .wow-quickview .dk-hero img{
    object-position:62% 2%;
  }
}


/* =========================================================
   Protection Paladin — header crop adjustment
   Brewmaster and Blood DK remain untouched.
   Pull the Paladin artwork upward in-frame so the character's
   head/face is fully visible while keeping the same hero size.
   ========================================================= */
.wow-quickview .paladin-hero img{
  object-fit:cover;
  object-position:58% 2%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% 2%;
  }
}


/* Protection Paladin micro-adjustment v2 — move artwork slightly upward */
.wow-quickview .paladin-hero img{
  object-position:58% 0%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% 0%;
  }
}


/* Protection Paladin micro-adjustment v3 — move existing artwork farther upward */
.wow-quickview .paladin-hero img{
  object-position:58% -8%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% -8%;
  }
}


/* Protection Paladin micro-adjustment v4 — bring artwork back down slightly */
.wow-quickview .paladin-hero img{
  object-position:58% -3%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% -3%;
  }
}


/* =========================================================
   Protection Paladin — clean fit v6
   Reverts the zoomed-out/blurred-backdrop approach.
   Keep a normal full-width cover image and give the Paladin
   banner a little more height so more of the character shows.
   Brewmaster and Blood DK remain untouched.
   ========================================================= */

.wow-quickview .paladin-hero{
  height:clamp(350px, 24vw, 460px);
  min-height:350px;
  background:#08070b;
}

.wow-quickview .paladin-hero::before{
  content:none !important;
}

.wow-quickview .paladin-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:58% 0%;
  transform:none !important;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero{
    height:260px;
    min-height:260px;
  }

  .wow-quickview .paladin-hero img{
    object-position:62% 0%;
  }
}


/* Protection Paladin micro-adjustment v7 — lower artwork slightly */
.wow-quickview .paladin-hero img{
  object-position:58% 6%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% 6%;
  }
}

/* Protection Paladin micro-adjustment v8 — lower artwork more */
.wow-quickview .paladin-hero img{
  object-position:58% 12%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% 12%;
  }
}


/* Protection Paladin micro-adjustment v9 — lower artwork to 15% */
.wow-quickview .paladin-hero img{
  object-position:58% 15%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% 15%;
  }
}


/* Protection Paladin micro-adjustment v10 — lower artwork to 20% */
.wow-quickview .paladin-hero img{
  object-position:58% 20%;
}

@media (max-width:700px){
  .wow-quickview .paladin-hero img{
    object-position:62% 20%;
  }
}


/* =========================================================
   Cooldown / Defensive Reminders — unified layout
   Applies to Brewmaster, Blood DK, and Protection Paladin.
   ========================================================= */

.wow-quickview .wow-dashboard-cooldowns{
  grid-column:1 / -1;
  width:100%;
  max-width:none;
  justify-self:stretch;
  margin:0;
  padding:16px;
  border-radius:14px;
}

.wow-quickview .wow-dashboard-cooldowns > h3{
  margin:0 0 12px;
  text-align:left;
  font-size:.88rem;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-cooldowns > h3{
  color:#34d399;
}

.wow-quickview [data-wow-panel="blood"] .wow-dashboard-cooldowns > h3{
  color:#f87171;
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-cooldowns > h3{
  color:#f472b6;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:10px;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div{
  display:grid;
  grid-template-columns:32px 1fr;
  align-content:start;
  gap:5px 9px;
  min-height:118px;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(0,0,0,.18);
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div > span{
  grid-row:1 / span 2;
  margin:0;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list strong{
  align-self:center;
  font-size:.8rem;
  line-height:1.25;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list p{
  grid-column:2;
  margin:0;
  display:block;
  color:rgba(255,255,255,.62);
  font-size:.72rem;
  line-height:1.4;
}

@media (max-width:1100px){
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:700px){
  .wow-quickview .wow-dashboard-cooldowns{
    width:100%;
    max-width:none;
  }

  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   Cooldown / Defensive Reminders — under Core Abilities
   Clean horizontal layout; applies to all three tank specs.
   ========================================================= */

.wow-quickview .wow-dashboard-cooldowns{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  margin:0 !important;
  padding:14px 16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  background:rgba(10,8,15,.80) !important;
}

.wow-quickview .wow-dashboard-cooldowns > h3{
  margin:0 0 12px !important;
  text-align:left !important;
  font-size:.82rem !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-cooldowns > h3{color:#34d399 !important;}
.wow-quickview [data-wow-panel="blood"] .wow-dashboard-cooldowns > h3{color:#f87171 !important;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-cooldowns > h3{color:#f472b6 !important;}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:10px !important;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:7px !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.18) !important;
  text-align:left !important;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div > span{
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  width:26px !important;
  height:26px !important;
  margin:0 !important;
  border-radius:8px !important;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list strong{
  display:block !important;
  width:100% !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  white-space:normal !important;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list p{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:rgba(255,255,255,.66) !important;
  font-size:.74rem !important;
  line-height:1.45 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

@media (max-width:1200px){
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width:800px){
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:520px){
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   Cooldown / Defensive Reminders — compact panel directly
   beneath Core Abilities.
   ========================================================= */

/* Sit in the same RIGHT-HAND dashboard column as Core Abilities.
   The Talent card remains on the left. */
.wow-quickview .wow-dashboard-cooldowns{
  grid-column:6 / -1 !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  align-self:start !important;
  margin:0 !important;
  padding:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  background:rgba(10,8,15,.80) !important;
}

.wow-quickview .wow-dashboard-cooldowns > h3{
  margin:0 0 12px !important;
  text-align:left !important;
  font-size:.78rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* Five compact cards across, matching the Core Abilities width. */
.wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div,
.wow-quickview .wow-dashboard-cooldowns .wow-cooldown-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-width:0 !important;
  min-height:155px !important;
  padding:10px 8px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:11px !important;
  background:rgba(0,0,0,.18) !important;
  text-align:center !important;
}

/* Number sits in the upper-left without squeezing the text. */
.wow-quickview .wow-dashboard-cooldowns .wow-priority-list > div > span:first-child,
.wow-quickview .wow-dashboard-cooldowns .wow-cooldown-number{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  display:grid !important;
  place-items:center !important;
  width:23px !important;
  height:23px !important;
  margin:0 !important;
  border-radius:7px !important;
  font-size:.68rem !important;
  line-height:1 !important;
}

/* Cooldown spell icon */
.wow-quickview .wow-cooldown-icon{
  position:relative;
  flex:0 0 48px;
  width:48px;
  height:48px;
  margin:2px auto 0;
  overflow:hidden;
  border-radius:9px;
  border:1px solid rgba(52,211,153,.40);
  background:#09070d;
  box-shadow:0 0 18px rgba(52,211,153,.10), 0 6px 14px rgba(0,0,0,.25);
}

.wow-quickview .wow-cooldown-icon > a{
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

.wow-quickview .wow-cooldown-icon > a img,
.wow-quickview .wow-cooldown-icon .iconlarge,
.wow-quickview .wow-cooldown-icon ins{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
}

.wow-quickview .wow-cooldown-icon-fallback{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  background:rgba(255,255,255,.045);
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list strong{
  display:block !important;
  width:100% !important;
  margin-top:1px !important;
  font-size:.75rem !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}

.wow-quickview .wow-dashboard-cooldowns .wow-priority-list p{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:rgba(255,255,255,.60) !important;
  font-size:.66rem !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}

/* Preserve each spec's heading color. */
.wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-cooldowns > h3{color:#34d399 !important;}
.wow-quickview [data-wow-panel="blood"] .wow-dashboard-cooldowns > h3{color:#f87171 !important;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-cooldowns > h3{color:#f472b6 !important;}

@media (max-width:1100px){
  .wow-quickview .wow-dashboard-cooldowns{
    grid-column:1 / -1 !important;
  }

  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  }
}

@media (max-width:800px){
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:520px){
  .wow-quickview .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   Wowhead tooltips — Core Abilities + Cooldown Reminders
   ========================================================= */

.wow-quickview .wow-wowhead-icon > a{
  display:block;
  width:100%;
  height:100%;
  cursor:help;
  text-decoration:none;
}

/* Wowhead injects an icon into iconized spell links. Keep it
   filling our existing icon box cleanly. */
.wow-quickview .wow-wowhead-icon > a > span:not(.wow-visually-hidden),
.wow-quickview .wow-wowhead-icon > a .iconlarge,
.wow-quickview .wow-wowhead-icon > a ins{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
}

/* Spec-colored cooldown icon borders */
.wow-quickview [data-wow-panel="brewmaster"] .wow-cooldown-icon{
  border-color:rgba(52,211,153,.42);
  box-shadow:0 0 18px rgba(52,211,153,.10), 0 6px 14px rgba(0,0,0,.25);
}

.wow-quickview [data-wow-panel="blood"] .wow-cooldown-icon{
  border-color:rgba(239,68,68,.42);
  box-shadow:0 0 18px rgba(239,68,68,.10), 0 6px 14px rgba(0,0,0,.25);
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-cooldown-icon{
  border-color:rgba(244,114,182,.45);
  box-shadow:0 0 18px rgba(244,114,182,.11), 0 6px 14px rgba(0,0,0,.25);
}

/* Give users a subtle visual hint that spell icons are hoverable. */
.wow-quickview .wow-spell-icon.wow-wowhead-icon,
.wow-quickview .wow-cooldown-icon.wow-wowhead-icon{
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.wow-quickview .wow-spell-icon.wow-wowhead-icon:hover,
.wow-quickview .wow-cooldown-icon.wow-wowhead-icon:hover{
  transform:translateY(-2px);
}


/* =========================================================
   Overview / tip strip text spacing fix
   The strip was using flex, which caused text around inline
   <strong> tags to visually run together on every spec.
   ========================================================= */
.wow-quickview .wow-tip-strip{
  display:block !important;
  min-height:42px;
  padding:11px 16px;
  line-height:1.45;
}

.wow-quickview .wow-tip-strip strong{
  display:inline !important;
  margin:0 !important;
}


/* =========================================================
   Full Build Image — Mythic+ / Raid toggle
   ========================================================= */
.wow-quickview .wow-build-image-heading{
  align-items:center !important;
}

.wow-quickview .wow-build-mode-toggle{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  background:rgba(0,0,0,.28);
}

.wow-quickview .wow-build-mode-toggle button{
  appearance:none;
  border:0;
  border-radius:7px;
  padding:7px 11px;
  background:transparent;
  color:rgba(255,255,255,.62);
  font-size:.72rem;
  font-weight:850;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease;
}

.wow-quickview .wow-build-mode-toggle button:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}

.wow-quickview .wow-build-mode-toggle button.is-active{
  color:#fff;
  background:rgba(139,92,246,.22);
  box-shadow:inset 0 0 0 1px rgba(167,139,250,.30);
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-build-mode-toggle button.is-active{
  background:rgba(16,185,129,.20);
  box-shadow:inset 0 0 0 1px rgba(52,211,153,.34);
}

.wow-quickview [data-wow-panel="blood"] .wow-build-mode-toggle button.is-active{
  background:rgba(185,28,28,.24);
  box-shadow:inset 0 0 0 1px rgba(239,68,68,.34);
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-build-mode-toggle button.is-active{
  background:rgba(219,39,119,.22);
  box-shadow:inset 0 0 0 1px rgba(244,114,182,.36);
}

@media (max-width:640px){
  .wow-quickview .wow-build-image-heading{
    gap:10px !important;
  }

  .wow-quickview .wow-build-mode-toggle{
    width:100%;
  }

  .wow-quickview .wow-build-mode-toggle button{
    flex:1;
  }
}

/* ---------------------------------------------------------
   Best Embellishments — give heading/text more breathing room
   --------------------------------------------------------- */
@media (min-width:1251px){
  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2){
    grid-column:10 / span 1;
  }

  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child{
    grid-column:11 / span 2;
    padding-left:15px;
    padding-right:15px;
  }

  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child h3{
    line-height:1.35;
    margin-bottom:10px;
  }
}

/* ---------------------------------------------------------
   Best Trinkets + Best Embellishments — preserve readable widths
   --------------------------------------------------------- */
@media (min-width:1251px){
  /* Restore Best Trinkets to two columns. */
  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2){
    grid-column:10 / span 2;
    padding-left:15px;
    padding-right:15px;
  }

  /* Put Best Embellishments on its own clean row so neither card is crushed. */
  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child{
    grid-column:8 / -1;
    margin-top:0;
    padding-left:15px;
    padding-right:15px;
  }

  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) h3,
  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child h3{
    line-height:1.35;
    margin-bottom:10px;
  }
}

/* ---------------------------------------------------------
   FINAL Stats & Gear desktop layout
   Keep Stats, Trinkets, and Embellishments on ONE full-width row
   so none of the text is crushed.
   --------------------------------------------------------- */
@media (min-width:1251px){
  .wow-quickview .wow-dashboard-gear > .wow-data-card:first-child{
    grid-column:1 / span 4;
    padding-left:16px;
    padding-right:16px;
  }

  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2){
    grid-column:5 / span 4;
    padding-left:16px;
    padding-right:16px;
  }

  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child{
    grid-column:9 / span 4;
    margin-top:0;
    padding-left:16px;
    padding-right:16px;
  }

  .wow-quickview .wow-dashboard-gear > .wow-data-card:first-child h3,
  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) h3,
  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child h3{
    line-height:1.35;
    margin-bottom:10px;
  }

  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) strong,
  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child strong,
  .wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) small,
  .wow-quickview .wow-dashboard-tier > .wow-data-card:first-child small{
    line-height:1.4;
  }
}

/* =========================================================
   Brewmaster — Rotation icons + Spec Overview
   ========================================================= */

/* Brewmaster rotation and spec overview share one full-width row. */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-rotation{
    grid-column:1 / span 6;
    min-height:0;
  }

  .wow-quickview [data-wow-panel="brewmaster"] .wow-spec-overview-card{
    grid-column:7 / -1;
  }
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-with-icons{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:9px;
  align-content:start;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-with-icons::before{
  grid-column:1 / -1;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-with-icons > .wow-rotation-spell{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-width:0;
  padding:9px 6px;
  border:1px solid rgba(52,211,153,.13);
  border-radius:11px;
  background:rgba(0,0,0,.14);
  text-align:center;
}

.wow-quickview .wow-rotation-spell-icon{
  position:relative;
  width:46px;
  height:46px;
  flex:0 0 46px;
  overflow:hidden;
  border:1px solid rgba(52,211,153,.38);
  border-radius:9px;
  background:#09070d;
  box-shadow:0 0 16px rgba(52,211,153,.09), 0 6px 14px rgba(0,0,0,.25);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.wow-quickview .wow-rotation-spell-icon:hover{
  transform:translateY(-2px);
  border-color:rgba(110,231,183,.68);
  box-shadow:0 0 20px rgba(52,211,153,.16), 0 8px 16px rgba(0,0,0,.28);
}

.wow-quickview .wow-rotation-spell-icon > a{
  display:block;
  width:100%;
  height:100%;
  cursor:help;
  text-decoration:none;
}

.wow-quickview .wow-rotation-spell-icon > a > span:not(.wow-visually-hidden),
.wow-quickview .wow-rotation-spell-icon > a .iconlarge,
.wow-quickview .wow-rotation-spell-icon > a ins{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
}

.wow-quickview .wow-rotation-icon-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#d1fae5;
  font-size:.67rem;
  font-weight:900;
  pointer-events:none;
}

.wow-quickview .wow-rotation-spell-icon:has(a > span:not(.wow-visually-hidden)) .wow-rotation-icon-fallback,
.wow-quickview .wow-rotation-spell-icon:has(a .iconlarge) .wow-rotation-icon-fallback,
.wow-quickview .wow-rotation-spell-icon:has(a ins) .wow-rotation-icon-fallback{
  display:none;
}

.wow-quickview .wow-rotation-spell-copy{
  min-width:0;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-spell-copy strong{
  display:block;
  color:#fff;
  font-size:.72rem;
  line-height:1.25;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-spell-copy p{
  display:none;
}

/* Spec Overview card next to Rotation / Filler Spells. */
.wow-quickview .wow-spec-overview-card{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(210px,.8fr);
  gap:18px;
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(52,211,153,.24);
  border-radius:12px;
  background:
    radial-gradient(circle at 92% 18%, rgba(52,211,153,.10), transparent 36%),
    rgba(10,8,15,.80);
  box-shadow:0 0 22px rgba(52,211,153,.05);
}

.wow-quickview .wow-spec-overview-kicker{
  margin-bottom:8px;
  color:#34d399;
  font-size:.70rem;
  font-weight:900;
  letter-spacing:.09em;
}

.wow-quickview .wow-spec-overview-copy p{
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:.77rem;
  line-height:1.55;
}

.wow-quickview .wow-spec-overview-copy strong{
  color:#fff;
}

.wow-quickview .wow-spec-overview-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-items:stretch;
}

.wow-quickview .wow-spec-role-box,
.wow-quickview .wow-spec-complexity-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  padding:10px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(0,0,0,.16);
  text-align:center;
}

.wow-quickview .wow-spec-role-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(52,211,153,.38);
  border-radius:50%;
  background:rgba(52,211,153,.10);
  color:#6ee7b7;
  font-size:1.25rem;
  line-height:1;
}

.wow-quickview .wow-spec-meta-label{
  color:rgba(255,255,255,.55);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.11em;
}

.wow-quickview .wow-spec-role-box strong{
  color:#6ee7b7;
  font-size:.82rem;
  letter-spacing:.05em;
}

.wow-quickview .wow-complexity-bars{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:4px;
  width:72px;
  height:30px;
  align-items:end;
}

.wow-quickview .wow-complexity-bars span{
  display:block;
  height:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:3px;
  background:rgba(255,255,255,.055);
}

.wow-quickview .wow-complexity-bars span.is-active{
  border-color:rgba(52,211,153,.52);
  background:linear-gradient(180deg, #34d399, #0f8b68);
  box-shadow:0 0 10px rgba(52,211,153,.18);
}

.wow-quickview .wow-spec-complexity-box strong{
  color:#fff;
  font-size:.72rem;
  white-space:nowrap;
}

.wow-quickview .wow-spec-complexity-box strong em{
  margin-left:4px;
  color:#6ee7b7;
  font-style:normal;
  font-weight:900;
}

@media (max-width:1100px){
  .wow-quickview [data-wow-panel="brewmaster"] .wow-dashboard-rotation,
  .wow-quickview [data-wow-panel="brewmaster"] .wow-spec-overview-card{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  .wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-with-icons{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .wow-quickview .wow-spec-overview-card{
    grid-template-columns:1fr;
  }
}

@media (max-width:480px){
  .wow-quickview [data-wow-panel="brewmaster"] .wow-rotation-with-icons{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   Blood DK + Protection Paladin — Rotation icons + Spec Overview
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-rotation,
  .wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-rotation{
    grid-column:1 / span 6;
    min-height:0;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-spec-overview-card,
  .wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-overview-card{
    grid-column:7 / -1;
  }
}

.wow-quickview [data-wow-panel="blood"] .wow-rotation-with-icons,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-with-icons{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:9px;
  align-content:start;
}

.wow-quickview [data-wow-panel="blood"] .wow-rotation-with-icons::before,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-with-icons::before{
  grid-column:1 / -1;
}

.wow-quickview [data-wow-panel="blood"] .wow-rotation-with-icons > .wow-rotation-spell,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-with-icons > .wow-rotation-spell{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-width:0;
  padding:9px 6px;
  border-radius:11px;
  background:rgba(0,0,0,.14);
  text-align:center;
}

.wow-quickview [data-wow-panel="blood"] .wow-rotation-with-icons > .wow-rotation-spell{
  border:1px solid rgba(239,68,68,.14);
}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-with-icons > .wow-rotation-spell{
  border:1px solid rgba(244,114,182,.16);
}

.wow-quickview .wow-rotation-spell-icon.dk{
  border-color:rgba(239,68,68,.42);
  box-shadow:0 0 16px rgba(239,68,68,.10), 0 6px 14px rgba(0,0,0,.25);
}
.wow-quickview .wow-rotation-spell-icon.dk:hover{
  border-color:rgba(248,113,113,.72);
  box-shadow:0 0 20px rgba(239,68,68,.18), 0 8px 16px rgba(0,0,0,.28);
}
.wow-quickview .wow-rotation-spell-icon.dk .wow-rotation-icon-fallback{color:#fecaca;}

.wow-quickview .wow-rotation-spell-icon.paladin{
  border-color:rgba(244,114,182,.46);
  box-shadow:0 0 16px rgba(244,114,182,.11), 0 6px 14px rgba(0,0,0,.25);
}
.wow-quickview .wow-rotation-spell-icon.paladin:hover{
  border-color:rgba(249,168,212,.76);
  box-shadow:0 0 20px rgba(244,114,182,.20), 0 8px 16px rgba(0,0,0,.28);
}
.wow-quickview .wow-rotation-spell-icon.paladin .wow-rotation-icon-fallback{color:#fbcfe8;}

.wow-quickview [data-wow-panel="blood"] .wow-rotation-spell-copy strong,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-spell-copy strong{
  display:block;
  color:#fff;
  font-size:.72rem;
  line-height:1.25;
}
.wow-quickview [data-wow-panel="blood"] .wow-rotation-spell-copy p,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-spell-copy p{
  display:none;
}

.wow-quickview [data-wow-panel="blood"] .wow-spec-overview-card{
  border-color:rgba(239,68,68,.26);
  background:radial-gradient(circle at 92% 18%, rgba(239,68,68,.11), transparent 36%), rgba(10,8,15,.80);
  box-shadow:0 0 22px rgba(239,68,68,.06);
}
.wow-quickview [data-wow-panel="blood"] .wow-spec-overview-kicker{color:#f87171;}
.wow-quickview [data-wow-panel="blood"] .wow-spec-role-icon{
  border-color:rgba(239,68,68,.42);
  background:rgba(239,68,68,.10);
  color:#fca5a5;
}
.wow-quickview [data-wow-panel="blood"] .wow-spec-role-box strong,
.wow-quickview [data-wow-panel="blood"] .wow-spec-complexity-box strong em{color:#f87171;}
.wow-quickview [data-wow-panel="blood"] .wow-complexity-bars span.is-active{
  border-color:rgba(239,68,68,.56);
  background:linear-gradient(180deg,#ef4444,#991b1b);
  box-shadow:0 0 10px rgba(239,68,68,.20);
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-overview-card{
  border-color:rgba(244,114,182,.28);
  background:radial-gradient(circle at 92% 18%, rgba(244,114,182,.12), transparent 36%), rgba(10,8,15,.80);
  box-shadow:0 0 22px rgba(244,114,182,.07);
}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-overview-kicker{color:#f472b6;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-role-icon{
  border-color:rgba(244,114,182,.46);
  background:rgba(244,114,182,.10);
  color:#f9a8d4;
}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-role-box strong,
.wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-complexity-box strong em{color:#f472b6;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-complexity-bars span.is-active{
  border-color:rgba(244,114,182,.58);
  background:linear-gradient(180deg,#f472b6,#9d174d);
  box-shadow:0 0 10px rgba(244,114,182,.21);
}

@media (max-width:1100px){
  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-rotation,
  .wow-quickview [data-wow-panel="blood"] .wow-spec-overview-card,
  .wow-quickview [data-wow-panel="protection-paladin"] .wow-dashboard-rotation,
  .wow-quickview [data-wow-panel="protection-paladin"] .wow-spec-overview-card{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  .wow-quickview [data-wow-panel="blood"] .wow-rotation-with-icons,
  .wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-with-icons{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:480px){
  .wow-quickview [data-wow-panel="blood"] .wow-rotation-with-icons,
  .wow-quickview [data-wow-panel="protection-paladin"] .wow-rotation-with-icons{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAT PRIORITY BARS
   Visual bar length represents relative priority order only.
   Equal-priority stats intentionally use equal bar lengths.
   ========================================================= */
.wow-quickview .wow-stat-bars{
  display:grid;
  gap:7px;
  margin-top:8px;
}

.wow-quickview .wow-stat-bar{
  display:grid;
  grid-template-columns:minmax(118px, .95fr) minmax(105px, 1.35fr);
  align-items:center;
  gap:9px;
  min-width:0;
}

.wow-quickview .wow-stat-bar > span{
  min-width:0;
  color:rgba(255,255,255,.88);
  font-size:.72rem;
  font-weight:800;
  line-height:1.15;
}

.wow-quickview .wow-stat-bar > div{
  position:relative;
  height:8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.07);
}

.wow-quickview .wow-stat-bar i{
  display:block;
  width:var(--stat-fill, 50%);
  height:100%;
  border-radius:inherit;
  background:var(--stat-accent, var(--purple2));
  box-shadow:0 0 12px color-mix(in srgb, var(--stat-accent, var(--purple2)) 45%, transparent);
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-stat-bars{--stat-accent:#34d399;}
.wow-quickview [data-wow-panel="blood"] .wow-stat-bars{--stat-accent:#f87171;}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-stat-bars{--stat-accent:#f472b6;}

@media (max-width:700px){
  .wow-quickview .wow-stat-bar{
    grid-template-columns:1fr;
    gap:4px;
  }
}

/* =========================================================
   STAT PRIORITY — TIGHTER OFFENSIVE / DEFENSIVE SPACING
   ========================================================= */
.wow-quickview .wow-data-card .wow-stat-bars{
  margin-top:3px;
}

/* Tighten labels immediately above stat bars across all specs */
.wow-quickview .wow-data-card p + .wow-stat-bars,
.wow-quickview .wow-data-card small + .wow-stat-bars,
.wow-quickview .wow-data-card strong + .wow-stat-bars{
  margin-top:3px;
}

/* Stat-priority subsection labels */
.wow-quickview .wow-data-card .wow-stat-primary-note{
  margin-bottom:5px;
}

/* =========================================================
   STAT PRIORITY — REMOVE LABEL / PRIMARY STAT GAP
   Applies to every spec and every stat-priority subsection.
   ========================================================= */
.wow-quickview .wow-stat-mode > strong{
  margin-bottom:0 !important;
}

.wow-quickview .wow-stat-mode > strong + .wow-stat-bars{
  margin-top:0 !important;
}

.wow-quickview .wow-stat-bars > .wow-stat-primary-note:first-child{
  margin-top:0 !important;
}

/* =========================================================
   BEST TRINKETS — PREVENT FIRST LETTER FROM TOUCHING/CUTTING
   Applies to all WoW specs.
   ========================================================= */
.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2){
  padding-left:18px !important;
  padding-right:18px !important;
}

.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) .wow-item,
.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) li,
.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) p,
.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) strong,
.wow-quickview .wow-dashboard-gear > .wow-data-card:nth-child(2) small{
  padding-left:2px;
}



/* =========================================================
   ELLESMERE UI PROFILE
   Per-spec import card + screenshot preview
   ========================================================= */
.wow-quickview .wow-ui-profile-card{
  --ui-accent:#8b5cf6;
  position:relative;
  grid-column:6 / -1;
  grid-row:auto;
  margin:0;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.20);
  border-radius:14px;
  background:
    linear-gradient(180deg, rgba(139,92,246,.055), rgba(139,92,246,.018)),
    rgba(8,7,12,.96);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 26px rgba(0,0,0,.16);
}

.wow-quickview .wow-ui-profile-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--ui-accent);
  opacity:.88;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-ui-profile-card{
  --ui-accent:#34d399;
  border-color:rgba(52,211,153,.24);
}

.wow-quickview [data-wow-panel="blood"] .wow-ui-profile-card{
  --ui-accent:#f87171;
  border-color:rgba(248,113,113,.24);
}

.wow-quickview [data-wow-panel="protection-paladin"] .wow-ui-profile-card{
  --ui-accent:#f472b6;
  border-color:rgba(244,114,182,.26);
}

.wow-quickview .wow-ui-profile-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}

.wow-quickview .wow-ui-profile-top h3{
  margin:2px 0 5px;
  color:#fff;
  font-size:1.05rem;
}

.wow-quickview .wow-ui-profile-top p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.60);
  font-size:.82rem;
  line-height:1.5;
}

.wow-quickview .wow-ui-profile-card .wow-kicker{
  color:var(--ui-accent);
}

.wow-quickview .wow-copy-ui{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:170px;
  min-height:40px;
  padding:9px 13px;
  border:1px solid rgba(167,139,250,.28);
  border-radius:9px;
  background:rgba(139,92,246,.10);
  color:#fff;
  font-size:.80rem;
  font-weight:850;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.wow-quickview [data-wow-panel="brewmaster"] .wow-copy-ui{
  border-color:rgba(52,211,153,.34);
  background:rgba(52,211,153,.08);
}
.wow-quickview [data-wow-panel="blood"] .wow-copy-ui{
  border-color:rgba(248,113,113,.34);
  background:rgba(248,113,113,.08);
}
.wow-quickview [data-wow-panel="protection-paladin"] .wow-copy-ui{
  border-color:rgba(244,114,182,.36);
  background:rgba(244,114,182,.08);
}

.wow-quickview .wow-copy-ui:hover,
.wow-quickview .wow-copy-ui:focus-visible{
  transform:translateY(-1px);
  border-color:var(--ui-accent);
  box-shadow:0 0 18px rgba(139,92,246,.12);
}

.wow-quickview .wow-copy-ui.is-copied{
  border-color:#34d399;
  background:rgba(52,211,153,.13);
}

.wow-quickview .wow-copy-ui.copy-error{
  border-color:#f87171;
  background:rgba(248,113,113,.11);
}

.wow-quickview .wow-ui-profile-image-wrap{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(3,3,6,.78);
}

.wow-quickview .wow-ui-profile-image-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#fff;
  font-size:.78rem;
}

.wow-quickview .wow-ui-profile-image-heading small{
  color:rgba(255,255,255,.48);
  font-weight:700;
}

.wow-quickview .wow-ui-profile-image-link{
  position:relative;
  display:block;
  min-height:220px;
  overflow:hidden;
  background:#050508;
}

.wow-quickview .wow-ui-profile-image{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:contain;
  background:#050508;
}

.wow-quickview .wow-ui-profile-image-placeholder{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  padding:24px;
  color:rgba(255,255,255,.55);
  text-align:center;
  font-size:.78rem;
  line-height:1.6;
}

.wow-quickview .wow-ui-profile-image-link.is-missing .wow-ui-profile-image-placeholder{
  display:flex;
}

.wow-quickview .wow-ui-profile-image-placeholder code{
  color:var(--ui-accent);
}

@media (max-width:760px){
  .wow-quickview .wow-ui-profile-top{
    flex-direction:column;
  }

  .wow-quickview .wow-copy-ui{
    width:100%;
  }

  .wow-quickview .wow-ui-profile-image-link{
    min-height:160px;
  }
}


/* =========================================================
   UI PROFILE — RIGHT SIDE OF TALENTS
   Desktop: Talents left / Ellesmere UI right
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview .wow-ui-profile-card{
    grid-column:6 / -1;
    align-self:start;
    min-height:305px;
    padding:14px;
    border-radius:12px;
  }

  .wow-quickview .wow-ui-profile-image-link{
    min-height:235px;
    max-height:300px;
  }

  .wow-quickview .wow-ui-profile-image{
    height:100%;
    max-height:300px;
    object-fit:cover;
  }
}

/* Stack below the Talent card on smaller screens. */
@media (max-width:1100px){
  .wow-quickview .wow-ui-profile-card{
    grid-column:1 / -1 !important;
  }
}


/* =========================================================
   TALENTS + ELLESMERE UI — COMPACT MATCHED BOXES
   ========================================================= */
@media (min-width:1101px){

  /* Keep the two cards side-by-side and stop either one stretching
     vertically to match taller content elsewhere in the dashboard. */
  .wow-quickview .wow-dashboard-talents{
    grid-column:1 / span 5;
    grid-row:auto !important;
    align-self:start;
    height:auto !important;
    min-height:0 !important;
    padding:14px !important;
  }

  .wow-quickview .wow-ui-profile-card{
    grid-column:6 / -1;
    grid-row:auto !important;
    align-self:start;
    height:auto !important;
    min-height:0 !important;
    padding:14px !important;
    border-radius:14px;
  }

  /* Remove excess space below the talent screenshot/content. */
  .wow-quickview .wow-dashboard-talents > *:last-child,
  .wow-quickview .wow-ui-profile-card > *:last-child{
    margin-bottom:0 !important;
  }

  .wow-quickview .wow-build-top{
    margin-bottom:9px !important;
  }

  /* Make both preview areas feel like matching square/box cards. */
  .wow-quickview .wow-build-image-wrap,
  .wow-quickview .wow-ui-profile-image-wrap{
    width:100%;
    margin-bottom:0 !important;
    border-radius:11px;
  }

  .wow-quickview .wow-build-image,
  .wow-quickview .wow-ui-profile-image{
    display:block;
    width:100%;
    height:auto !important;
    max-height:285px !important;
    object-fit:contain !important;
  }

  .wow-quickview .wow-ui-profile-image-link{
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto;
  }

  .wow-quickview .wow-ui-profile-top{
    margin-bottom:9px;
  }

  /* Slightly tighter copy so the Ellesmere card has the same
     compact visual weight as the talent card. */
  .wow-quickview .wow-ui-profile-top p{
    max-width:620px;
    line-height:1.4;
  }
}

@media (max-width:1100px){
  .wow-quickview .wow-dashboard-talents,
  .wow-quickview .wow-ui-profile-card{
    height:auto !important;
    min-height:0 !important;
  }
}


/* =========================================================
   TALENTS + ELLESMERE UI — TRUE MATCHED HALF-WIDTH BOXES
   Makes the Ellesmere card less wide and more square.
   ========================================================= */
@media (min-width:1101px){

  .wow-quickview .wow-dashboard-talents{
    grid-column:1 / span 6 !important;
    grid-row:auto !important;
    align-self:start;
    height:auto !important;
    min-height:0 !important;
  }

  .wow-quickview .wow-ui-profile-card{
    grid-column:7 / -1 !important;
    grid-row:auto !important;
    align-self:start;
    height:auto !important;
    min-height:0 !important;
  }

  /* Give the Ellesmere preview a defined box shape instead of
     letting a wide screenshot stretch the whole card. */
  .wow-quickview .wow-ui-profile-image-link{
    width:100%;
    aspect-ratio:16 / 10;
    min-height:0 !important;
    max-height:none !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .wow-quickview .wow-ui-profile-image{
    width:100%;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  /* Keep Talent visually compact as well. */
  .wow-quickview .wow-dashboard-talents{
    padding-bottom:14px !important;
  }

  .wow-quickview .wow-dashboard-talents .wow-build-image{
    max-height:255px !important;
  }
}


/* =========================================================
   TALENTS + ELLESMERE UI — EXACT SAME CARD SIZE
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview .wow-dashboard-talents,
  .wow-quickview .wow-ui-profile-card{
    box-sizing:border-box !important;
    width:auto !important;
    height:430px !important;
    min-height:430px !important;
    max-height:430px !important;
    padding:14px !important;
    align-self:start !important;
    overflow:hidden;
  }

  .wow-quickview .wow-dashboard-talents{
    grid-column:1 / span 6 !important;
  }

  .wow-quickview .wow-ui-profile-card{
    grid-column:7 / -1 !important;
  }

  .wow-quickview .wow-ui-profile-image-wrap{
    height:315px;
    margin:0 !important;
  }

  .wow-quickview .wow-ui-profile-image-link{
    width:100%;
    height:276px !important;
    min-height:276px !important;
    max-height:276px !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview .wow-ui-profile-image{
    width:100%;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .wow-quickview .wow-dashboard-talents .wow-build-image{
    max-height:285px !important;
  }
}


/* =========================================================
   CORE ABILITIES + COOLDOWNS — MATCH ELLESMERE WIDTH
   Desktop: each section uses the same half-width footprint
   as the Ellesmere UI Profile card.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview .wow-dashboard-core{
    grid-column:1 / span 6 !important;
    width:auto !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-dashboard-cooldowns{
    grid-column:7 / -1 !important;
    width:auto !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   BLOOD DK — TIGHT TALENT + ELLESMERE IMAGE CARDS
   Let each card hug its uploaded image instead of keeping
   the previous fixed card/preview height.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-talents,
  .wow-quickview [data-wow-panel="blood"] .wow-ui-profile-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding-bottom:14px !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-ui-profile-image-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin-bottom:0 !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-ui-profile-image-link{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    line-height:0;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-ui-profile-image{
    display:block;
    width:100%;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin-bottom:0 !important;
    line-height:0;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image{
    display:block;
    width:100%;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   BLOOD DK TALENT IMAGE — TOP EDGE FIX
   Prevent the uploaded talent screenshot from being clipped.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-talents{
    overflow:visible !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image-wrap{
    overflow:visible !important;
    padding-top:2px;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image{
    display:block;
    width:100%;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    transform:none !important;
    margin-top:0 !important;
  }
}


/* =========================================================
   BLOOD DK TALENT — EXTRA TOP BREATHING ROOM
   Expand the talent card/preview so the full top of the
   uploaded talent screenshot is visible.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-talents{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding-top:18px !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding-top:8px !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    transform:scale(.985) !important;
    transform-origin:center top !important;
  }
}


/* =========================================================
   BLOOD DK TALENT — LARGER FULL IMAGE
   Give the Talent side a little more width and remove the
   slight scale-down so the full screenshot has more room.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-talents{
    grid-column:1 / span 7 !important;
    padding:18px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-ui-profile-card{
    grid-column:8 / -1 !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image-wrap{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:10px 0 0 !important;
    overflow:visible !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    transform:none !important;
    margin:0 !important;
  }
}


/* =========================================================
   BLOOD DK TALENT — REMOVE THE ACTUAL IMAGE CLIPPING
   The image itself was allowed to grow, but its clickable
   wrapper was still capped at 300px with overflow:hidden.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-build-image-link{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-dashboard-talents,
  .wow-quickview [data-wow-panel="blood"] .wow-build-image-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
}


/* =========================================================
   BLOOD DK TALENT — TINY LEFT-EDGE TRIM
   Clips only a few pixels from the left side of the uploaded
   screenshot without changing the source image.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-build-image-link{
    overflow:hidden !important;
  }

  .wow-quickview [data-wow-panel="blood"] .wow-build-image{
    width:calc(100% + 4px) !important;
    max-width:none !important;
    margin-left:-4px !important;
  }
}


/* =========================================================
   COMBINED TALENTS + ELLESMERE UI
   One compact card with a toggle. Existing screenshot links,
   image paths and copy actions are preserved.
   ========================================================= */
.wow-quickview .wow-tools-card{
  grid-column:1 / -1 !important;
  width:100%;
  min-width:0;
  padding:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(7,7,10,.94);
  overflow:hidden;
}

.wow-quickview .wow-tools-tabs{
  display:flex;
  align-items:center;
  gap:0;
  padding:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.22);
}

.wow-quickview .wow-tools-tabs button{
  flex:1 1 50%;
  min-height:40px;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,.68);
  font:inherit;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
}

.wow-quickview .wow-tools-tabs button:hover{
  color:#fff;
  background:rgba(139,92,246,.08);
}

.wow-quickview .wow-tools-tabs button.is-active{
  color:#fff;
  border-color:rgba(167,139,250,.34);
  background:rgba(139,92,246,.16);
  box-shadow:0 0 16px rgba(139,92,246,.08);
}

.wow-quickview .wow-tools-panel{
  display:none;
  padding:14px;
}

.wow-quickview .wow-tools-panel.is-active{
  display:block;
}

/* The original cards now live inside the shared toggle card.
   Remove their outer card sizing so only one container is visible. */
.wow-quickview .wow-tools-card .wow-dashboard-talents,
.wow-quickview .wow-tools-card .wow-ui-profile-card{
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Remove previous Blood-only width split now that both views occupy
   the same shared card. Keep the tiny left trim requested earlier. */
@media (min-width:1101px){
  .wow-quickview [data-wow-panel="blood"] .wow-tools-card .wow-dashboard-talents,
  .wow-quickview [data-wow-panel="blood"] .wow-tools-card .wow-ui-profile-card{
    grid-column:auto !important;
    width:100% !important;
  }

  .wow-quickview .wow-tools-card .wow-ui-profile-image-wrap,
  .wow-quickview .wow-tools-card .wow-ui-profile-image-link{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview .wow-tools-card .wow-ui-profile-image,
  .wow-quickview .wow-tools-card .wow-build-image{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}

@media (max-width:760px){
  .wow-quickview .wow-tools-panel{
    padding:10px;
  }

  .wow-quickview .wow-tools-tabs{
    padding:6px;
  }

  .wow-quickview .wow-tools-tabs button{
    padding:9px 8px;
    font-size:.72rem;
  }
}


/* =========================================================
   COMBINED TALENTS/UI — COMPACT TALENT VIEW
   Restore the smaller Talent presentation while keeping
   Ellesmere UI in the same toggle card.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"]{
    padding:10px 14px 12px !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-dashboard-talents{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-top{
    margin-bottom:6px !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image-wrap{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image-link{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:255px !important;
    overflow:hidden !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:255px !important;
    object-fit:contain !important;
    object-position:center top !important;
    margin:0 auto !important;
    transform:none !important;
  }

  /* Preserve the tiny Blood DK left-edge trim. */
  .wow-quickview [data-wow-panel="blood"]
  .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image{
    width:calc(100% + 4px) !important;
    max-width:none !important;
    margin-left:-4px !important;
    margin-right:0 !important;
  }
}


/* =========================================================
   COMBINED TALENTS/UI — RESTORE SQUARE TALENT CARD
   Keeps the Talents / Ellesmere toggle but returns the
   Talent view to a compact square footprint.
   ========================================================= */
@media (min-width:1101px){
  .wow-quickview .wow-tools-card{
    width:50% !important;
    max-width:560px !important;
    min-width:0 !important;
    justify-self:start !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"]{
    padding:12px 14px 14px !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-dashboard-talents{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image-wrap,
  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image-link{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:285px !important;
    object-fit:contain !important;
    object-position:center top !important;
  }

  /* Same compact square footprint when Ellesmere is toggled on. */
  .wow-quickview .wow-tools-panel[data-wow-tools-panel="ui-profile"]{
    padding:12px 14px 14px !important;
  }

  .wow-quickview .wow-tools-panel[data-wow-tools-panel="ui-profile"] .wow-ui-profile-image{
    max-height:285px !important;
    object-fit:contain !important;
  }

  /* Preserve the small Blood DK left-edge trim. */
  .wow-quickview [data-wow-panel="blood"]
  .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image{
    width:calc(100% + 4px) !important;
    max-width:none !important;
    margin-left:-4px !important;
  }
}

@media (max-width:1100px){
  .wow-quickview .wow-tools-card{
    width:100% !important;
    max-width:none !important;
  }
}


/* =========================================================
   SPEC REFERENCE ROW
   Left: larger square Talents / Ellesmere toggle
   Right: Core Abilities + Cooldowns
   Applied to Brewmaster, Blood DK, and Protection Paladin.
   ========================================================= */
@media (min-width:1201px){
  .wow-quickview .wow-reference-layout{
    display:grid;
    grid-template-columns:minmax(540px, 620px) minmax(0, 1fr);
    align-items:start;
    gap:18px;
    width:100%;
    min-width:0;
  }

  .wow-quickview .wow-reference-layout__left,
  .wow-quickview .wow-reference-layout__right{
    min-width:0;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:620px !important;
    aspect-ratio:1 / 1;
    min-height:0 !important;
    height:auto !important;
    justify-self:stretch !important;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-panel{
    flex:1 1 auto;
    min-height:0;
  }

  /* Keep both toggle views comfortably inside the larger square. */
  .wow-quickview .wow-reference-layout__left
  .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image,
  .wow-quickview .wow-reference-layout__left
  .wow-tools-panel[data-wow-tools-panel="ui-profile"] .wow-ui-profile-image{
    max-height:350px !important;
    object-fit:contain !important;
    object-position:center top !important;
  }

  .wow-quickview .wow-reference-layout__left
  .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image-link,
  .wow-quickview .wow-reference-layout__left
  .wow-tools-panel[data-wow-tools-panel="ui-profile"] .wow-ui-profile-image-link{
    max-height:350px !important;
    overflow:hidden !important;
  }

  /* Preserve the tiny Blood DK left-edge trim. */
  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__left
  .wow-tools-panel[data-wow-tools-panel="talents"] .wow-build-image{
    width:calc(100% + 4px) !important;
    max-width:none !important;
    margin-left:-4px !important;
  }

  /* Core Abilities + Cooldowns live immediately to the right. */
  .wow-quickview .wow-reference-layout__right{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:1200px){
  .wow-quickview .wow-reference-layout{
    display:block;
    width:100%;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:auto;
  }

  .wow-quickview .wow-reference-layout__right{
    margin-top:16px;
  }
}


/* =========================================================
   RIGHT COLUMN SPACING FIX
   Core Abilities + Cooldowns beside Talents/UI
   Give the cards breathing room instead of squeezing them.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout{
    grid-template-columns:minmax(560px, 620px) minmax(520px, 1fr) !important;
    gap:20px !important;
  }

  .wow-quickview .wow-reference-layout__right{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    min-width:0 !important;
  }

  /* CORE ABILITIES */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    padding:16px !important;
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    grid-column:1 / -1 !important;
    margin-bottom:2px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
    min-height:78px !important;
    padding:11px !important;
    border-radius:10px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    font-size:.78rem !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
  }

  /* COOLDOWNS */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    padding:16px !important;
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div{
    min-height:0 !important;
    padding:11px !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list p{
    font-size:.78rem !important;
    line-height:1.4 !important;
  }
}

/* At narrower desktop widths, stack the whole reference area
   before the right-side cards become cramped. */
@media (min-width:901px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout{
    display:block !important;
  }

  .wow-quickview .wow-reference-layout__right{
    margin-top:16px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }
}

@media (max-width:900px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   CORE ABILITIES + COOLDOWNS — FULL-WIDTH ROWS
   Keep Talents / Ellesmere as its own compact card, then let
   Core Abilities and Cooldowns span the full site width below.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout{
    display:block !important;
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__left{
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:620px !important;
    max-width:620px !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    margin-top:18px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    width:100% !important;
    max-width:none !important;
    grid-column:1 / -1 !important;
    box-sizing:border-box !important;
  }

  /* Core Abilities becomes one long full-width row. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:12px !important;
    padding:16px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    grid-column:1 / -1 !important;
  }

  /* Cooldowns fills the entire content width below it. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    padding:16px !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:12px !important;
  }
}

/* Reduce columns gradually before mobile so the rows stay readable. */
@media (min-width:901px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout{
    display:block !important;
  }

  .wow-quickview .wow-reference-layout__right{
    width:100% !important;
    margin-top:16px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   FINAL DESKTOP REFERENCE LAYOUT
   Left: Talents / Ellesmere square
   Right: Core Abilities + Cooldowns stacked and stretched
   across ALL remaining site width.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout{
    display:grid !important;
    grid-template-columns:620px minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:18px !important;
    width:100% !important;
  }

  /* LEFT — TALENTS / ELLESMERE */
  .wow-quickview .wow-reference-layout__left{
    width:620px !important;
    min-width:620px !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:620px !important;
    max-width:620px !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
  }

  /* RIGHT — USE ALL REMAINING PAGE WIDTH */
  .wow-quickview .wow-reference-layout__right{
    display:grid !important;
    grid-template-rows:auto 1fr auto !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    align-self:stretch !important;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    margin:0 !important;
  }

  /* CORE ABILITIES */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-width:0 !important;
    padding:16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    grid-column:1 / -1 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    width:100% !important;
    min-width:0 !important;
    min-height:78px !important;
    box-sizing:border-box !important;
  }

  /* COOLDOWNS */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding:16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:100% !important;
  }
}

/* Stack cleanly once there is no longer enough desktop width. */
@media (max-width:1200px){
  .wow-quickview .wow-reference-layout{
    display:block !important;
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__left{
    width:100% !important;
    min-width:0 !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview .wow-reference-layout__right{
    width:100% !important;
    margin-top:16px !important;
  }
}


/* =========================================================
   CLEAN RIGHT-SIDE LAYOUT
   Talents / Ellesmere stays on the left.
   Core Abilities + Cooldowns use the entire remaining width,
   but their CONTENT is displayed as long single-column rows
   so nothing gets compressed or smashed together.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout{
    display:grid !important;
    grid-template-columns:minmax(520px, 600px) minmax(0, 1fr) !important;
    gap:20px !important;
    align-items:start !important;
    width:100% !important;
  }

  /* LEFT */
  .wow-quickview .wow-reference-layout__left{
    width:100% !important;
    min-width:0 !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:600px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
  }

  /* RIGHT */
  .wow-quickview .wow-reference-layout__right{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    width:100% !important;
    margin:0 !important;
  }

  /* CORE ABILITIES CARD FILLS THE RIGHT SIDE */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    padding:16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  /* Each ability becomes a long horizontal row instead of
     multiple narrow cards squeezed beside one another. */
  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:grid !important;
    grid-template-columns:52px minmax(0, 1fr) !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:66px !important;
    padding:10px 12px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:48px !important;
    height:48px !important;
    flex:none !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4,
  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    min-width:0 !important;
    max-width:none !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /* COOLDOWNS CARD FILLS THE RIGHT SIDE */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    padding:16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > li{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:10px 12px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

/* Stack before the desktop columns become cramped. */
@media (max-width:1200px){
  .wow-quickview .wow-reference-layout{
    display:block !important;
  }

  .wow-quickview .wow-reference-layout__left,
  .wow-quickview .wow-reference-layout__right{
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview .wow-reference-layout__right{
    margin-top:16px !important;
  }
}


/* =========================================================
   REFERENCE AREA — ROOMY RIGHT COLUMN
   Keep Talents / Ellesmere on the left, but make it slightly
   narrower so Core Abilities + Cooldowns get the majority of
   the page width. Every ability/cooldown is a true long row.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout{
    display:grid !important;
    grid-template-columns:minmax(460px, 500px) minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__left{
    width:100% !important;
    min-width:0 !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:500px !important;
    aspect-ratio:1 / 1 !important;
  }

  .wow-quickview .wow-reference-layout__right{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* CORE ABILITIES — one wide row per ability */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    padding:16px !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    display:none !important;
    content:none !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:78px !important;
    padding:12px 14px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card > div:last-child{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    margin:0 0 4px !important;
    font-size:.92rem !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    margin:0 !important;
    font-size:.82rem !important;
    line-height:1.45 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    flex:0 0 52px !important;
  }

  /* COOLDOWNS — one wide row per cooldown */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    padding:16px !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-card{
    display:grid !important;
    grid-template-columns:34px 52px minmax(130px, auto) minmax(0, 1fr) !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:76px !important;
    padding:11px 14px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-number{
    position:static !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-card strong{
    margin:0 !important;
    white-space:normal !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-card p{
    margin:0 !important;
    min-width:0 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    line-height:1.45 !important;
  }
}

/* Stack earlier rather than squeezing the right column. */
@media (max-width:1200px){
  .wow-quickview .wow-reference-layout{
    display:block !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    max-width:none !important;
    width:100% !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview .wow-reference-layout__right{
    margin-top:18px !important;
  }
}


/* =========================================================
   REFERENCE LAYOUT — ACTUAL FULL-WIDTH FIX
   The reference wrapper is a direct child of the 12-column
   spec grid. It MUST span all 12 columns or the entire
   Talents/Core/Cooldowns layout gets squeezed into one cell.
   ========================================================= */
.wow-quickview .wow-spec-panel > .wow-reference-layout{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

@media (min-width:1201px){
  .wow-quickview .wow-spec-panel > .wow-reference-layout{
    display:grid !important;
    grid-template-columns:500px minmax(0, 1fr) !important;
    gap:22px !important;
    align-items:start !important;
  }

  /* LEFT: Talents / Ellesmere */
  .wow-quickview .wow-reference-layout__left{
    width:500px !important;
    min-width:0 !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:500px !important;
    max-width:500px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
  }

  /* RIGHT: fills every pixel remaining to the site's right edge */
  .wow-quickview .wow-reference-layout__right{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* CORE ABILITIES */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    grid-column:auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    padding:14px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    display:block !important;
    content:"CORE ABILITIES" !important;
    width:100% !important;
    margin:0 0 3px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:72px !important;
    padding:10px 12px !important;
    margin:0 !important;
    text-align:left !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card > div:last-child{
    min-width:0 !important;
  }

  /* Original dashboard CSS hides these descriptions.
     Restore them in this wide right-hand layout. */
  .wow-quickview .wow-reference-layout__right
  .wow-ability-card > div:last-child p{
    display:block !important;
    margin:3px 0 0 !important;
    max-width:none !important;
    font-size:.80rem !important;
    line-height:1.4 !important;
    white-space:normal !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    margin:0 !important;
    font-size:.90rem !important;
    text-align:left !important;
  }

  /* COOLDOWNS */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns{
    display:block !important;
    grid-column:auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    padding:14px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-card{
    display:grid !important;
    grid-template-columns:34px 52px minmax(135px,190px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:70px !important;
    padding:9px 12px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-cooldown-card p{
    display:block !important;
    margin:0 !important;
    min-width:0 !important;
    max-width:none !important;
    white-space:normal !important;
    font-size:.80rem !important;
    line-height:1.4 !important;
  }
}

/* Stack cleanly before the two-column layout becomes cramped. */
@media (max-width:1200px){
  .wow-quickview .wow-spec-panel > .wow-reference-layout{
    display:block !important;
  }

  .wow-quickview .wow-reference-layout__left,
  .wow-quickview .wow-reference-layout__right{
    width:100% !important;
    min-width:0 !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:auto !important;
  }

  .wow-quickview .wow-reference-layout__right{
    margin-top:16px !important;
  }
}


/* =========================================================
   CORE ABILITIES — SINGLE HORIZONTAL ROW
   All abilities sit beside each other, with the ability name
   and description directly underneath each icon.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    padding:14px !important;
    align-items:stretch !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    grid-column:1 / -1 !important;
    display:block !important;
    width:100% !important;
    margin:0 0 4px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:150px !important;
    padding:12px 10px !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    flex:0 0 54px !important;
    margin:0 auto !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card > div:last-child{
    width:100% !important;
    min-width:0 !important;
    text-align:center !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    margin:0 0 5px !important;
    font-size:.84rem !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    display:block !important;
    margin:0 !important;
    max-width:none !important;
    font-size:.75rem !important;
    line-height:1.4 !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
}

/* Keep abilities readable as the page gets narrower. */
@media (min-width:901px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
}

@media (max-width:900px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   CORE ABILITIES — FORCE ALL FIVE INTO ONE ROW
   Slightly shrink icon/text/card spacing so the fifth ability
   never wraps onto a second row on desktop.
   ========================================================= */
@media (min-width:1201px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:8px !important;
    padding:12px !important;
    overflow:visible !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    min-width:0 !important;
    min-height:138px !important;
    padding:10px 7px !important;
    gap:6px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    flex-basis:48px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    font-size:.76rem !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    font-size:.69rem !important;
    line-height:1.3 !important;
  }
}

/* Keep five across on common desktop/laptop widths too. */
@media (min-width:1001px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    min-width:0 !important;
    padding:9px 6px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    font-size:.72rem !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    font-size:.66rem !important;
  }
}


/* =========================================================
   CORE ABILITIES — SIX ABILITIES ON ONE ROW
   Each spec currently has 6 core abilities, not 5.
   Force all 6 into one horizontal row on desktop.
   ========================================================= */
@media (min-width:1201px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:7px !important;
    padding:12px !important;
    width:100% !important;
    max-width:none !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core::before{
    grid-column:1 / -1 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    min-height:142px !important;
    padding:9px 6px !important;
    gap:6px !important;
    text-align:center !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex:0 0 46px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    margin:0 0 4px !important;
    font-size:.72rem !important;
    line-height:1.2 !important;
    text-align:center !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    display:block !important;
    margin:0 !important;
    font-size:.64rem !important;
    line-height:1.3 !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }
}

@media (min-width:1001px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card{
    padding:8px 5px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4{
    font-size:.68rem !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p{
    font-size:.61rem !important;
  }
}


/* =========================================================
   COOLDOWNS + DEFENSIVES — SAME SIX-ACROSS STYLE AS CORE
   All cooldown/defensive cards stay on one horizontal row
   with icon, ability name, and text stacked vertically.
   ========================================================= */
@media (min-width:1201px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:7px !important;
    width:100% !important;
    max-width:none !important;
    padding:12px !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns::before,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives::before{
    grid-column:1 / -1 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > li{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:142px !important;
    padding:9px 6px !important;
    margin:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-number{
    position:static !important;
    width:28px !important;
    height:28px !important;
    margin:0 auto !important;
    flex:0 0 28px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex:0 0 46px !important;
    margin:0 auto !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card strong,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card strong,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > div strong,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > li strong{
    display:block !important;
    margin:0 0 4px !important;
    font-size:.72rem !important;
    line-height:1.2 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card p,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card p,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > div p,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > li p{
    display:block !important;
    margin:0 !important;
    font-size:.64rem !important;
    line-height:1.3 !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    max-width:none !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns .wow-priority-list,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives .wow-priority-list{
    display:contents !important;
  }
}

@media (min-width:1001px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > li{
    padding:8px 5px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card strong,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card strong,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > div strong,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > li strong{
    font-size:.68rem !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card p,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card p,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > div p,
  .wow-quickview .wow-reference-layout__right .wow-priority-list > li p{
    font-size:.61rem !important;
  }
}


/* =========================================================
   COOLDOWN / DEFENSIVE PRIORITY — TRUE SINGLE ROW FIX
   There are five priority cards per spec. Use five columns,
   keep the section heading on one line, and let each card use
   one equal share of the full right-side width.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:8px !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding:12px !important;
    box-sizing:border-box !important;
  }

  /* Keep "Cooldown / Defensive Priority" together on one line. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives > h3{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 0 4px !important;
    font-size:.88rem !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns .wow-priority-list,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives .wow-priority-list{
    display:contents !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list > div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    min-height:150px !important;
    padding:9px 6px !important;
    margin:0 !important;
    gap:5px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-number{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    flex:0 0 24px !important;
    font-size:.66rem !important;
    margin:0 auto !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    flex:0 0 44px !important;
    margin:0 auto !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card strong,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card strong{
    width:100% !important;
    margin:0 0 3px !important;
    font-size:.70rem !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-align:center !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card p,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card p{
    width:100% !important;
    margin:0 !important;
    font-size:.62rem !important;
    line-height:1.28 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-align:center !important;
  }
}

/* On smaller desktop widths, preserve one row and shrink slightly
   instead of letting the fifth priority card wrap. */
@media (min-width:1001px) and (max-width:1200px){
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives > h3{
    grid-column:1 / -1 !important;
    font-size:.82rem !important;
    white-space:nowrap !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card{
    padding:8px 4px !important;
  }
}


/* =========================================================
   SAFE CENTERING — NO SECTION RESTRUCTURE
   Blood DK now has 5 Core Abilities and 4 Cooldown cards.
   Center those rows without changing the surrounding layout.
   ========================================================= */

@media (min-width:1201px){

  /* Center section headings only. */
  .wow-quickview .wow-reference-layout__right > .wow-block-title,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3{
    text-align:center !important;
  }

  /* Blood DK Core Abilities: 5 cards, fill one centered row. */
  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  }

  /* Blood DK Cooldowns: 4 cards, fill one centered row. */
  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-cooldowns{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }

  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-cooldowns > h3{
    grid-column:1 / -1 !important;
    text-align:center !important;
  }
}

@media (min-width:1001px) and (max-width:1200px){

  .wow-quickview .wow-reference-layout__right > .wow-block-title,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3{
    text-align:center !important;
  }

  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-core{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  }

  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-cooldowns{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }

  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-cooldowns > h3{
    grid-column:1 / -1 !important;
    text-align:center !important;
  }
}


/* =========================================================
   SPEC OVERVIEW — TOP + FULL WEBSITE WIDTH
   The overview is now the first main content card beneath
   each spec hero/intro and spans the entire spec panel.
   ========================================================= */

.wow-quickview .wow-spec-panel > .wow-spec-overview-card{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 0 20px !important;
  box-sizing:border-box !important;
}

/* Keep the overview's internal copy + role/complexity layout spread
   across the full-width card instead of bunching into the center. */
.wow-quickview .wow-spec-overview-card{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:28px !important;
}

.wow-quickview .wow-spec-overview-copy{
  min-width:0 !important;
  width:100% !important;
}

.wow-quickview .wow-spec-overview-meta{
  width:auto !important;
  min-width:max-content !important;
  justify-self:end !important;
}

/* Everything following the overview starts directly underneath it. */
.wow-quickview .wow-spec-panel > .wow-spec-overview-card + .wow-reference-layout{
  margin-top:0 !important;
}

@media (max-width:900px){
  .wow-quickview .wow-spec-overview-card{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .wow-quickview .wow-spec-overview-meta{
    width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }
}


/* =========================================================
   TALENTS/UI + CORE ABILITIES/COOLDOWNS — MATCH HEIGHT
   Desktop: the complete right column is exactly the same
   height as the 500px Talents / UI square.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-spec-panel > .wow-reference-layout{
    grid-template-columns:500px minmax(0, 1fr) !important;
    align-items:stretch !important;
  }

  .wow-quickview .wow-reference-layout__left{
    height:500px !important;
    min-height:500px !important;
  }

  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    width:500px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    aspect-ratio:auto !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right{
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:10px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    margin:0 !important;
    padding:0 !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    align-content:stretch !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    align-content:stretch !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card{
    min-height:0 !important;
    height:100% !important;
    overflow:hidden !important;
  }

  /* Keep descriptions compact enough to remain inside the matched 500px height. */
  .wow-quickview .wow-reference-layout__right .wow-ability-card p,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card p,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card p{
    font-size:.61rem !important;
    line-height:1.22 !important;
  }
}


/* =========================================================
   RIGHT COLUMN OVERFLOW FIX
   Keep Core Abilities + Cooldowns/Defensives fully contained
   inside the same 500px height as the Talents / UI box.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right{
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:8px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:hidden !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    min-height:0 !important;
    height:100% !important;
    max-height:100% !important;
    overflow:hidden !important;
    padding:8px !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    align-items:stretch !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    align-items:stretch !important;
    align-content:stretch !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives > h3{
    margin:0 0 3px !important;
    padding:0 !important;
    line-height:1.05 !important;
    font-size:.78rem !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list > div{
    min-height:0 !important;
    height:100% !important;
    max-height:100% !important;
    padding:6px 5px !important;
    gap:4px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-spell-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    flex:0 0 40px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-number{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    flex:0 0 20px !important;
    font-size:.6rem !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card h4,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card strong,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card strong{
    margin:0 !important;
    font-size:.65rem !important;
    line-height:1.08 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card p,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card p,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card p{
    margin:0 !important;
    font-size:.56rem !important;
    line-height:1.15 !important;
    overflow-wrap:anywhere !important;
  }
}


/* =========================================================
   CORE + COOLDOWNS/DEFENSIVES = EXACT TALENT BOX HEIGHT
   The entire right column matches the 500px Talents/UI box.
   Core takes the top half, cooldowns/defensives the bottom half.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-spec-panel > .wow-reference-layout{
    align-items:stretch !important;
  }

  .wow-quickview .wow-reference-layout__left,
  .wow-quickview .wow-reference-layout__left .wow-tools-card{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }

  .wow-quickview .wow-reference-layout__right{
    display:grid !important;
    grid-template-rows:auto 1fr 1fr !important;
    gap:8px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1.1 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }

  /* Let each section use its full assigned half. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    align-self:stretch !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    align-self:stretch !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-ability-card,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card{
    min-height:0 !important;
    height:100% !important;
    max-height:100% !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   CORE ABILITIES + COOLDOWNS/DEFENSIVES — EQUAL HEIGHT
   Keep the combined right column at 500px, but give the
   cooldown/defensive section slightly more usable space so
   the two bordered sections appear equal in height.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right{
    grid-template-rows:auto minmax(0, 1fr) minmax(0, 1.12fr) !important;
    gap:8px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    width:100% !important;
    min-height:0 !important;
    height:100% !important;
    max-height:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}


/* =========================================================
   CORE + COOLDOWNS/DEFENSIVES — EXACT EQUAL BORDER HEIGHTS
   The Core heading sits above the Core box, so compensate for
   that heading when dividing the fixed 500px right column.
   This makes the two visible bordered boxes equal in height.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right{
    --wow-right-title-height:18px;
    --wow-right-gap:8px;
    display:grid !important;
    grid-template-rows:
      var(--wow-right-title-height)
      minmax(0, 1fr)
      minmax(0, 1fr) !important;
    gap:var(--wow-right-gap) !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:hidden !important;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    height:var(--wow-right-title-height) !important;
    min-height:var(--wow-right-title-height) !important;
    max-height:var(--wow-right-title-height) !important;
    line-height:var(--wow-right-title-height) !important;
    margin:0 !important;
    padding:0 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
  }

  /* Give the cooldown/defensive content the full equal-height box. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    padding:8px !important;
  }
}


/* =========================================================
   FIX: RESTORE COOLDOWNS / DEFENSIVES + KEEP EQUAL BOX HEIGHT
   The previous rule forced the cooldown cards themselves to
   100% height inside a section that also contains its heading,
   which caused the section content to be clipped.
   ========================================================= */
@media (min-width:1201px){

  /* 18px title + two 233px boxes + two 8px gaps = 500px */
  .wow-quickview .wow-reference-layout__right{
    display:grid !important;
    grid-template-rows:18px 233px 233px !important;
    gap:8px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    line-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  /* Core Abilities visible bordered box */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    height:233px !important;
    min-height:233px !important;
    max-height:233px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    margin:0 !important;
    align-self:stretch !important;
  }

  /* Cooldowns / Defensives visible bordered box */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) !important;
    height:233px !important;
    min-height:233px !important;
    max-height:233px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:8px !important;
    align-self:stretch !important;
  }

  /* Preserve each spec's horizontal cooldown-card columns. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    column-gap:8px !important;
    row-gap:4px !important;
  }

  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-defensives{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives > h3{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 3px !important;
    padding:0 !important;
    line-height:1.1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* The priority wrapper must not consume an extra grid row. */
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list{
    display:contents !important;
  }

  /* Cards fill the second row, not the entire section. */
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list > div{
    grid-row:2 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   FINAL RIGHT COLUMN STRUCTURE — NO OVERLAP / NO STACKING
   Use flexbox for the outer right column so Core Abilities
   and Cooldowns/Defensives are two separate equal-height boxes.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* Separate Core Abilities heading above the two equal boxes. */
  .wow-quickview .wow-reference-layout__right > .wow-block-title{
    flex:0 0 18px !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    line-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  /* The two bordered areas each consume exactly half of
     the remaining height after title + gaps. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    flex:1 1 0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    position:relative !important;
  }

  /* Core Abilities remains a normal horizontal card grid. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-core{
    display:grid !important;
    align-content:stretch !important;
  }

  /* Cooldowns / Defensives has its own heading row and card row. */
  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives{
    display:grid !important;
    grid-template-rows:auto minmax(0, 1fr) !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    column-gap:8px !important;
    row-gap:4px !important;
    padding:8px !important;
    align-content:stretch !important;
  }

  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-cooldowns,
  .wow-quickview [data-wow-panel="blood"]
  .wow-reference-layout__right .wow-dashboard-defensives{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-dashboard-cooldowns > h3,
  .wow-quickview .wow-reference-layout__right .wow-dashboard-defensives > h3{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    position:static !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 3px !important;
    padding:0 !important;
    line-height:1.1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list{
    display:contents !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list > div{
    grid-row:2 !important;
    position:static !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   COOLDOWNS / DEFENSIVES — SQUARE ICONS, CENTERED CONTENT,
   TEXT BELOW, PRIORITY NUMBERS RESTORED
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list > div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:5px !important;
    padding:7px 6px !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  /* Restore and center the 1 / 2 / 3 / 4 priority labels. */
  .wow-quickview .wow-reference-layout__right .wow-cooldown-number,
  .wow-quickview .wow-reference-layout__right .wow-defensive-number{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    flex:0 0 22px !important;
    margin:0 auto 1px !important;
    padding:0 !important;
    line-height:1 !important;
    text-align:center !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  /* Force every cooldown / defensive icon into a true square.
     The image itself also fills the square without stretching. */
  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    flex:0 0 44px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon img,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon img,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon a,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon a,
  .wow-quickview .wow-reference-layout__right .wow-cooldown-icon a img,
  .wow-quickview .wow-reference-layout__right .wow-defensive-icon a img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Keep the cooldown name and description directly underneath
     the square icon and centered in each card. */
  .wow-quickview .wow-reference-layout__right .wow-cooldown-card strong,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card strong{
    display:block !important;
    width:100% !important;
    margin:1px 0 0 !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1.12 !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card p,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card p{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}


/* =========================================================
   COOLDOWNS / DEFENSIVES — PRIORITY NUMBER TOP-LEFT
   Restore the 1 / 2 / 3 / 4 badge to the upper-left corner
   of each cooldown/defensive card.
   ========================================================= */
@media (min-width:1201px){

  .wow-quickview .wow-reference-layout__right .wow-cooldown-card,
  .wow-quickview .wow-reference-layout__right .wow-defensive-card,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-cooldowns .wow-priority-list > div,
  .wow-quickview .wow-reference-layout__right
  .wow-dashboard-defensives .wow-priority-list > div{
    position:relative !important;
  }

  .wow-quickview .wow-reference-layout__right .wow-cooldown-number,
  .wow-quickview .wow-reference-layout__right .wow-defensive-number{
    display:flex !important;
    position:absolute !important;
    top:7px !important;
    left:7px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:3 !important;

    align-items:center !important;
    justify-content:center !important;

    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;

    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   TIER SET GAMEPLAY — TRUE HORIZONTAL CENTER
   The tier wrapper uses display:contents on desktop, so the
   second card itself must be centered on the 12-column grid.
   ========================================================= */
@media (min-width:1251px){
  .wow-quickview .wow-dashboard-tier > .wow-data-card:nth-child(2){
    grid-column:3 / span 8 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .wow-quickview .wow-dashboard-tier > .wow-data-card:nth-child(2) > h3{
    text-align:center !important;
  }
}


/* =========================================================
   TALENT + UI SCREENSHOTS — DISPLAY ONLY, NOT CLICKABLE
   Keep the original anchor markup because the existing card
   styling and talent image-switching JS depend on it.
   ========================================================= */
.wow-quickview .wow-build-image-link,
.wow-quickview .wow-ui-profile-image-link{
  pointer-events:none !important;
  cursor:default !important;
  user-select:none !important;
}

/* Keep screenshot images visually unchanged. */
.wow-quickview .wow-build-image-link img,
.wow-quickview .wow-ui-profile-image-link img{
  pointer-events:none !important;
  cursor:default !important;
}


/* =========================================================
   UI PROFILE — REMOVE LEFT RED/PINK VERTICAL BORDER
   This is the UI panel/container accent, not the screenshot.
   ========================================================= */
.wow-quickview .wow-tools-panel[data-wow-tools-panel="ui"],
.wow-quickview .wow-ui-profile-card,
.wow-quickview .wow-ui-profile-preview,
.wow-quickview .wow-ui-profile-image-link{
  border-left:0 !important;
  box-shadow:none !important;
}

/* Remove any decorative left-edge pseudo element used by the UI panel. */
.wow-quickview .wow-tools-panel[data-wow-tools-panel="ui"]::before,
.wow-quickview .wow-tools-panel[data-wow-tools-panel="ui"]::after,
.wow-quickview .wow-ui-profile-card::before,
.wow-quickview .wow-ui-profile-card::after,
.wow-quickview .wow-ui-profile-preview::before,
.wow-quickview .wow-ui-profile-preview::after{
  border-left:0 !important;
  box-shadow:none !important;
}

/* Protection Paladin's pink accent was the most visible instance.
   Keep the normal spec accent elsewhere, but suppress it on this edge. */
.wow-quickview [data-wow-panel="protection-paladin"]
.wow-tools-panel[data-wow-tools-panel="ui"]{
  border-left-color:transparent !important;
}


/* =========================================================
   UI PROFILE — REMOVE THE ACTUAL SPEC-COLORED LEFT STRIPE
   The stripe is created by .wow-ui-profile-card::before.
   ========================================================= */
.wow-quickview .wow-tools-card .wow-ui-profile-card::before,
.wow-quickview .wow-ui-profile-card::before{
  content:none !important;
  display:none !important;
  width:0 !important;
  background:none !important;
  opacity:0 !important;
}