/**
 * DickFlixxx shared design tokens + restrained premium refinements.
 * Additive only — does not change URLs, titles, or heading hierarchy.
 */
:root {
  --dfx-bg: #15161b;
  --dfx-bg-deep: #101115;
  --dfx-surface: rgba(45, 46, 56, 0.72);
  --dfx-surface-solid: #2d2e38;
  --dfx-surface-hover: #363844;
  --dfx-border: rgba(255, 255, 255, 0.08);
  --dfx-border-bright: rgba(255, 255, 255, 0.14);
  --dfx-pink: #f2185b;
  --dfx-pink-bright: #ff3d78;
  --dfx-pink-glow: rgba(242, 24, 91, 0.28);
  --dfx-text: #f7f7fa;
  --dfx-muted: #9ca0ae;
  --dfx-success: #47c88b;
  --dfx-warning: #f2bd54;
  --dfx-radius: 12px;
  --dfx-glass-blur: blur(16px) saturate(125%);
}

/* Page depth — keep structure, lift contrast slightly */
body {
  background-color: var(--dfx-bg) !important;
  color: var(--dfx-text);
}

/* Navigation / sidebar stay solid charcoal (not glassy) */
.header,
.top-menu,
.main-menu,
.sidebar,
.left-col,
.nav,
#header {
  background-color: var(--dfx-bg-deep) !important;
}

.header a,
.top-menu a,
.main-menu a,
.sidebar a {
  color: var(--dfx-text);
}

.header a:hover,
.top-menu a:hover,
.main-menu a:hover,
.main-menu .selected a,
.top-menu .selected a,
.header .selected a {
  color: var(--dfx-pink-bright) !important;
}

.main-menu .selected a,
.top-menu .selected a,
.header .selected a {
  box-shadow: inset 0 -2px 0 0 var(--dfx-pink);
  text-shadow: 0 0 18px var(--dfx-pink-glow);
}

/* Muted metadata — slightly brighter than legacy dim gray */
.video-item .item-info,
.video-item .duration,
.thumb-item .title + *,
.list-videos .item-info,
.model-item .item-info,
.member-item .item-info,
.pagination,
.breadcrumbs,
.footer,
.footer a {
  color: var(--dfx-muted) !important;
}

/* Content cards: solid dark, media-first — no glass wash */
.thumb,
.item,
.video-item,
.list-videos .item,
.list-albums .item,
.member-item,
.model-item {
  background-color: var(--dfx-surface-solid) !important;
  border: 1px solid var(--dfx-border);
  border-radius: var(--dfx-radius);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.thumb:hover,
.item:hover,
.video-item:hover,
.list-videos .item:hover,
.list-albums .item:hover {
  transform: translateY(-3px);
  border-color: var(--dfx-border-bright);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.thumb:hover img,
.video-item:hover img,
.list-videos .item:hover img {
  transform: scale(1.03);
}

.thumb img,
.video-item img,
.list-videos .item img {
  transition: transform 0.22s ease;
}

/* Section breathing room */
.list-header,
.headline,
.block-header,
.section-title,
h1.title,
h2.title {
  margin-top: 1.35em !important;
  margin-bottom: 0.85em !important;
  color: var(--dfx-text) !important;
}

.list-videos,
.list-albums,
.list-members,
.list-models {
  row-gap: 1.1rem;
}

/* Primary CTAs — pink with soft ambient glow only on active controls */
.button,
.btn,
.submit,
button.button,
a.button,
.button-group .item.selected,
.pagination .selected {
  background-color: var(--dfx-pink) !important;
  border-color: var(--dfx-pink) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(242, 24, 91, 0.15), 0 8px 18px rgba(16, 2, 8, 0.35);
}

.button:hover,
.btn:hover,
.submit:hover,
a.button:hover {
  background-color: var(--dfx-pink-bright) !important;
  border-color: var(--dfx-pink-bright) !important;
  box-shadow: 0 0 22px var(--dfx-pink-glow);
}

/* True glass ONLY on floating surfaces */
.search-holder form,
.search-block,
.filter-block,
.dropdown-menu,
.autocomplete-suggestions,
.popup,
.modal,
.fancybox-skin,
.fancybox-outer,
.list-selector-popup,
.member-menu,
.user-panel {
  background: var(--dfx-surface) !important;
  border: 1px solid var(--dfx-border) !important;
  border-top-color: rgba(255, 255, 255, 0.14) !important;
  -webkit-backdrop-filter: var(--dfx-glass-blur);
  backdrop-filter: var(--dfx-glass-blur);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  border-radius: var(--dfx-radius);
}

.fancybox-skin,
.popup {
  outline: none;
}

.fancybox-close,
.popup .close {
  color: var(--dfx-text) !important;
  opacity: 0.85;
}

input:focus,
textarea:focus,
select:focus,
.fancybox-inner input:focus,
.fancybox-inner textarea:focus {
  border-color: var(--dfx-pink) !important;
  box-shadow: 0 0 0 2px var(--dfx-pink-glow) !important;
  outline: none;
}

/* Thin pink progress accents (site-wide utility) */
.dfx-progress-line {
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.dfx-progress-line > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--dfx-pink), var(--dfx-pink-bright));
}

.dfx-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--dfx-border);
  border-radius: 999px;
  background: var(--dfx-surface);
  color: var(--dfx-text);
  font-size: 11px;
  font-weight: 700;
  -webkit-backdrop-filter: var(--dfx-glass-blur);
  backdrop-filter: var(--dfx-glass-blur);
}

.dfx-chip-ok {
  border-color: rgba(71, 200, 139, 0.35);
  color: var(--dfx-success);
}

.dfx-chip-warn {
  border-color: rgba(242, 189, 84, 0.35);
  color: var(--dfx-warning);
}

.dfx-chip-hot {
  border-color: rgba(242, 24, 91, 0.4);
  color: var(--dfx-pink-bright);
  box-shadow: 0 0 16px var(--dfx-pink-glow);
}