.wcui-library { margin: 16px 0; }
.wcui-library__row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.wcui-library__search { flex:1; min-width:220px; padding:10px 12px; }
.wcui-library__select { padding:10px 12px; min-width:200px; }
.wcui-library__button { padding:10px 14px; cursor:pointer; }

.wcui-library__grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:14px; margin-top:14px; }
.wcui-card { border:1px solid rgba(0,0,0,.12); border-radius:12px; overflow:hidden; text-decoration:none; display:block; }
.wcui-card__thumb { height:140px; background-size:cover; background-position:center; }
.wcui-card__body { padding:12px; }
.wcui-card__title { font-weight:700; margin-bottom:6px; }
.wcui-card__summary { opacity:.85; margin-bottom:10px; }
.wcui-card__meta { font-size:12px; opacity:.7; }

.wcui-pagination { margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
.wcui-pagination__link { padding:6px 10px; border:1px solid rgba(0,0,0,.18); border-radius:10px; text-decoration:none; }
.wcui-pagination__link.is-active { font-weight:700; }

.wcui-single__wrap { max-width: 980px; margin: 0 auto; padding: 18px 14px; }
.wcui-single__title { margin: 0 0 12px; }
.wcui-single__thumb img { border-radius: 14px; }
.wcui-single__tax { margin: 10px 0 18px; opacity: .85; }

.wcui-codeblack { border:1px solid rgba(0,0,0,.14); border-radius:14px; overflow:hidden; }
.wcui-codeblack__toolbar { display:flex; gap:10px; padding:10px; border-bottom:1px solid rgba(0,0,0,.10); }
.wcui-btn { display:inline-block; padding:8px 12px; border:1px solid rgba(0,0,0,.20); border-radius:12px; text-decoration:none; background:transparent; cursor:pointer; }
.wcui-codeblack__pre { margin:0; padding:14px; overflow:auto; }
.wcui-codeblack__pre code { white-space:pre; }

/* shortcode for category */

.wcui-chips { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 0; }
.wcui-chip { padding:6px 10px; border:1px solid rgba(0,0,0,.18); border-radius:999px; text-decoration:none; }

/* shortcode item snippet */

.wcui-item--snippet { margin: 16px 0; }
.wcui-item__title { margin: 0 0 8px; }
.wcui-item__desc { margin: 0 0 12px; opacity: .85; }

.wcui-currency {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
}

.wcui-currency__icon {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  object-fit: cover;
  flex: 0 0 auto;
}

.wcui-currency__label {
  line-height: 1.2;
}

.wcui-currency__id {
  font-size: 12px;
  opacity: .7;
}

a.wcui-wowhead-link,
a.wcui-spell-link {
  color: #ffd979;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted rgba(231, 198, 117, 0.6);
  padding-bottom: 1px;
  transition: color 0.15s ease, border-color 0.15s ease;
}

a.wcui-wowhead-link:hover,
a.wcui-wowhead-link:focus,
a.wcui-spell-link:hover,
a.wcui-spell-link:focus {
  color: #fff2c1;
  border-bottom-color: rgba(255, 242, 193, 0.95);
}

#ez-toc-container.ez-toc-custom {
  margin: 2.5rem 0;
  padding: 1.5rem 1.5rem 1.25rem;
  background:
    radial-gradient(circle at top left, rgba(231, 198, 117, 0.12), transparent 55%),
    #0c1c2c;
  border-radius: 12px;
  border: 1px solid rgba(231, 198, 117, 0.4);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
  color: #f5e7c8;
  font-size: 0.95rem;
}

#ez-toc-container.ez-toc-custom .ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(231, 198, 117, 0.24);
}

#ez-toc-container.ez-toc-custom .ez-toc-title {
  margin: 0;
  padding: 0;
  font-family: "Cinzel", "Georgia", serif;
  font-size: 0.95rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f5e7c8;
}

#ez-toc-container.ez-toc-custom .ez-toc-title::before {
  content: "W";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-right: 0.55rem;
  border-radius: 50%;
  background: #e7c675;
  color: #0c1c2c;
  font-family: "Cinzel", "Georgia", serif;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

#ez-toc-container.ez-toc-custom .ez-toc-title-toggle .ez-toc-btn {
  background: transparent;
  border: 1px solid rgba(231, 198, 117, 0.4);
  border-radius: 999px;
  padding: 0.1rem 0.4rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}

#ez-toc-container.ez-toc-custom .ez-toc-title-toggle .ez-toc-btn:hover,
#ez-toc-container.ez-toc-custom .ez-toc-title-toggle .ez-toc-btn:focus {
  border-color: rgba(255, 217, 121, 0.9);
}

#ez-toc-container.ez-toc-custom .ez-toc-title-toggle svg {
  fill: #f5e7c8 !important;
  color: #f5e7c8 !important;
}

#ez-toc-container.ez-toc-custom nav {
  margin: 0.4rem 0 0;
}

#ez-toc-container.ez-toc-custom .ez-toc-list.ez-toc-list-level-1 {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#ez-toc-container.ez-toc-custom .ez-toc-list-level-1 > li {
  margin: 0.15rem 0;
  padding: 0.05rem 0;
}

#ez-toc-container.ez-toc-custom .ez-toc-list-level-1 > li > .ez-toc-link {
  display: block;
  font-weight: 600;
}

#ez-toc-container.ez-toc-custom .ez-toc-list-level-3 {
  list-style: none;
  margin: 0.15rem 0 0.4rem 1.25rem;
  padding-left: 0;
}

#ez-toc-container.ez-toc-custom .ez-toc-list-level-3 li {
  position: relative;
  margin: 0.08rem 0 0.08rem 1.1rem;
}

#ez-toc-container.ez-toc-custom .ez-toc-list-level-3 li::before {
  content: "";
  position: absolute;
  left: -1.1rem;
  top: 0.55em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffe19a 0%, #e7c675 45%, #b88b32 100%);
  box-shadow: 0 0 6px rgba(231, 198, 117, 0.7);
}

#ez-toc-container.ez-toc-custom a.ez-toc-link {
  color: #e8dbc0;
  text-decoration: none;
  border-bottom: 1px dotted transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

#ez-toc-container.ez-toc-custom a.ez-toc-link:hover,
#ez-toc-container.ez-toc-custom a.ez-toc-link:focus {
  color: #ffd979;
  border-bottom-color: rgba(255, 217, 121, 0.85);
}

#ez-toc-container.ez-toc-custom a.ez-toc-link:visited {
  color: #cbb88e;
}