/* EV Purple (phpBB 3.3) - prosilver child theme
   This file imports prosilver and then applies purple/dark overrides.
*/

@import url("../../prosilver/theme/stylesheet.css");

/* ---------- Purple system ---------- */
:root{
  --ev-bg:        #050507;
  --ev-panel:     #0b0b0f;
  --ev-panel2:    #111116;
  --ev-border:    #1f1f26;

  --ev-accent:    #8a2a5c;   /* main magenta */
  --ev-accent2:   #b0447a;   /* highlight magenta */
  --ev-bar:       #6a1f46;   /* category bars */
  --ev-barGlow:   rgba(176, 68, 122, 0.45);

  --ev-text:      #e6e6ea;
  --ev-muted:     #b5b5c0;
  --ev-link:      #c04a82;
  --ev-linkHover: #d571a2;
  
    --ev-radius: 6px;
  --ev-accentText: #d46aa2;
  
}


/* ---------- Global ---------- */
html, body{
  background: radial-gradient(circle at top, #671e44, var(--ev-bg) 60%) !important;
  color: var(--ev-text);
}

a{ color: var(--ev-link); }
a:hover{ color: var(--ev-linkHover); }

/* Main boxes/panels */
.wrap,
.forabg, .forumbg,
.panel,
.post,
.bg1, .bg2{
  border-radius: var(--ev-radius);
}

.wrap, .forabg, .forumbg, .panel{
  background: var(--ev-panel);
  border: 1px solid var(--ev-border);
}

/* Alternating forum/topic rows */
ul.forums li.row, ul.topics li.row{
  background: var(--ev-panel);
}
ul.forums li.row:nth-child(even),
ul.topics li.row:nth-child(even){
  background: var(--ev-panel2);
}


/* Category bars */
.forabg .header, .forumbg .header{
  background: linear-gradient(90deg, var(--ev-bar), rgba(0,0,0,0));
  box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 0 20px var(--ev-barGlow);
}
.forabg .header a, .forumbg .header a,
.forabg .header, .forumbg .header{
  color: var(--ev-text);
  letter-spacing: .2px;
}

/* Buttons */
.button, .button1, .button2,
input.button1, input.button2{
  background: linear-gradient(180deg, rgba(122,44,255,0.35), rgba(0,0,0,0));
  border: 1px solid rgba(122,44,255,0.40);
  color: var(--ev-text);
  border-radius: var(--ev-radius);
}
.button:hover, .button1:hover, .button2:hover,
input.button1:hover, input.button2:hover{
  border-color: rgba(209,107,255,0.75);
  box-shadow: 0 0 18px rgba(177,85,255,0.35);
}

/* Header banner background for prosilver header area */
#site-description{
  position: relative;
  background: url("./images/ev-header.jpg") center/cover no-repeat;
  min-height: 180px;
  border-radius: var(--ev-radius);
  overflow: hidden;
}
#site-description::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,
    rgba(10, 10, 18, 0.70),
    rgba(10, 10, 18, 0.35),
    rgba(10, 10, 18, 0.70)
  );
  z-index: 1;
}
#logo, #site-description h1, #site-description p{
  position: relative;
  z-index: 2;
}

/* Subtle purple accents */
.navbar, .headerbar{
  border-radius: var(--ev-radius);
}
.headerbar{
  background: linear-gradient(180deg, rgba(122,44,255,0.18), rgba(0,0,0,0));
  border: 1px solid rgba(122,44,255,0.22);
}

/* Reduce harsh table borders */
table.table1 thead th{
  border-bottom: 1px solid rgba(255,255,255,0.08);
}


/* Force squared corners even if parent CSS changes */
.wrap,
.forabg, .forumbg,
.panel,
.post,
.navbar, .headerbar,
#site-description,
.button, .button1, .button2,
input.button1, input.button2{
  border-radius: var(--ev-radius) !important;
}



/* =====================================================================
 
   - Remove remaining light-blue bars (navbar/footer)
   - Dark post view containers
   - Disable forum table hover + lock row colors
   - Add optional header image under title text
   ===================================================================== */

/* --- Replace default blue bars with EV magenta --- */
.navbar,
.breadcrumbs,
.breadcrumbs .crumb {
  background: linear-gradient(180deg, #6a1f46, #3a1026) !important;
  border: 1px solid #8a2a5c !important;
  color: #e6e6ea !important;
}
.navbar a,
.breadcrumbs a {
  color: #f0b3d1 !important;
}
.navbar a:hover,
.breadcrumbs a:hover {
  color: #ffffff !important;
}
.footerbar {
  background: linear-gradient(180deg, #6a1f46, #2b0c1c) !important;
  border-top: 1px solid #8a2a5c !important;
  color: #e6e6ea !important;
}
.footerbar a { color: #f0b3d1 !important; }
.footerbar a:hover { color: #ffffff !important; }

/* --- Optional header image under title text --- */
/* Place your image here:
   styles/evpurple/theme/images/header-divider.png
*/
#site-description::after{
  content: "";
  display: block;
  width: 140px;
  height: 140px;
  margin: 16px auto 0 auto;
  background: url("./images/header-divider.png") center / contain no-repeat;
  opacity: 0.9;
  filter: drop-shadow(0 0 12px rgba(176,68,122,0.45));
}
/* Uncomment to center-align header text */
/*
#site-description h1,
#site-description p{
  text-align: center;
}
*/

/* --- Post view: remove light-blue and match EV magenta/dark --- */
.post,
.post.bg1, .post.bg2,
.bg1, .bg2{
  background: #0b0b0f !important;
  border: 1px solid #1f1f26 !important;
  color: #e6e6ea !important;
}
.postbody,
.content{ color: #e6e6ea !important; }

blockquote{
  background: #111116 !important;
  border-left: 4px solid #6a1f46 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.postprofile{
  background: #0b0b0f !important;
  border-left: 1px solid rgba(255,255,255,0.06) !important;
}
.postprofile strong,
.postprofile dt,
.postprofile dd{
  color: #e6e6ea !important;
}

.post .author,
.post .author a,
.post .post-details,
.post .post-details a{
  color: #f0b3d1 !important;
}
.post .author a:hover,
.post .post-details a:hover{
  color: #ffffff !important;
}

.postbody a,
.content a{ color: #c04a82 !important; }
.postbody a:hover,
.content a:hover{ color: #ffffff !important; }

.action-bar,
.action-bar.bar-top,
.action-bar.bar-bottom{
  background: linear-gradient(180deg, #6a1f46, #2b0c1c) !important;
  border: 1px solid #8a2a5c !important;
  color: #e6e6ea !important;
}

input.inputbox,
textarea.inputbox,
select{
  background: #111116 !important;
  border: 1px solid #1f1f26 !important;
  color: #e6e6ea !important;
}


/* --- Lock forum rows to dark theme (no blue/bright highlight) --- */
ul.forums li.row,
ul.topics li.row{
  background: #0b0b0f !important;
  border-color: rgba(255,255,255,0.08) !important;
}
ul.forums li.row:nth-child(even),
ul.topics li.row:nth-child(even){
  background: #111116 !important;
}
li.row.announcement,
li.row.global-announce{
  background: #0b0b0f !important;
}



/* =====================================================================
   V2 tweaks
   - Use hosted header image
   - Remove borders around breadcrumb/board-index pills
   - Kill remaining forum-row hover highlight (strong override)
   ===================================================================== */

/* Use hosted header image (no need to upload banner file) */
#site-description{
  background: url("https://www.amyleefans.com/wp-content/uploads/2026/02/headerforum.jpg") center/cover no-repeat !important;
}

/* Remove the "boxed" borders around breadcrumbs/board index items */
.breadcrumbs,
.breadcrumbs .crumb,
.breadcrumbs .crumb a,
.breadcrumbs .crumb:before,
.breadcrumbs .crumb:after{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.breadcrumbs .crumb strong,
.breadcrumbs .crumb a{
  background: transparent !important;
}

/* Board index button in footer/top (remove outline box) */
a.headerlink,
a.headerlink:link,
a.headerlink:visited,
a.headerlink:hover,
a.headerlink:active{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Also remove small bordered "pills" inside navbar */
.navbar a,
.navbar .linklist > li > a{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}




/* =====================================================================
   V3: Darken UCP/PM/Posting areas (remove remaining white)
       + remove breadcrumb "boxed" look more aggressively
   ===================================================================== */

/* Breadcrumbs: remove boxes/pills everywhere */
.breadcrumbs, .breadcrumb, .breadcrumb .crumb,
.breadcrumbs li, .breadcrumb li,
.breadcrumbs li a, .breadcrumb li a,
.breadcrumbs li span, .breadcrumb li span,
.breadcrumbs li.crumb, .breadcrumb li.crumb,
.breadcrumbs li.crumb strong, .breadcrumb li.crumb strong{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* UCP/MCP main containers */
.ucp-main, .mcp-main, .cp-main,
.panel-container, .panel-container .panel,
#cp-main, #cp-menu{
  background: #0b0b0f !important;
  border: 1px solid #1f1f26 !important;
  color: #e6e6ea !important;
}

/* Left menu in UCP */
#cp-menu, #cp-menu .inner, #cp-menu ol, #cp-menu li,
#cp-menu a, #cp-menu strong{
  background: #0b0b0f !important;
  color: #e6e6ea !important;
  border-color: rgba(255,255,255,0.08) !important;
}
#cp-menu a:hover{
  color: #ffffff !important;
}

/* UCP tabs (Overview/Profile/Private messages...) */
.tabs, .tabs .tab, .tabs .tab > a, .tabs .tab > a span{
  background: #111116 !important;
  border: 1px solid #1f1f26 !important;
  color: #e6e6ea !important;
  box-shadow: none !important;
}
.tabs .tab.activetab > a,
.tabs .tab.activetab > a span{
  background: linear-gradient(180deg, #6a1f46, #2b0c1c) !important;
  border-color: #8a2a5c !important;
  color: #ffffff !important;
}

/* Tables in control panel */
.ucp-main table, .mcp-main table, .cp-main table,
.ucp-main thead th, .mcp-main thead th, .cp-main thead th,
.ucp-main tbody td, .mcp-main tbody td, .cp-main tbody td{
  background: #0b0b0f !important;
  color: #e6e6ea !important;
  border-color: rgba(255,255,255,0.08) !important;
}
.ucp-main thead th, .mcp-main thead th, .cp-main thead th{
  background: #111116 !important;
}

/* Posting/PM compose boxes */
.postingbox, .message-box, .message-box textarea,
#message-box, #message-box textarea,
#format-buttons, .format-buttons,
.smilies, .smiley-box, .smiley-box .inner,
#postingbox, #preview, #review, .panel.bg3{
  background: #0b0b0f !important;
  color: #e6e6ea !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Form fieldsets/legend that show as white */
fieldset, fieldset dl, fieldset dt, fieldset dd, legend{
  background: transparent !important;
  color: #e6e6ea !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Any remaining "white panel" classes */
.bg3, .bg4, .bg5,
.rounded, .corners-top, .corners-bottom,
#cp-main .panel, #cp-main .panel .inner{
  background: #0b0b0f !important;
  color: #e6e6ea !important;
}

/* Buttons in UCP/PM */
.ucp-main .button, .ucp-main .button1, .ucp-main .button2,
.mcp-main .button, .mcp-main .button1, .mcp-main .button2,
.cp-main .button, .cp-main .button1, .cp-main .button2{
  background: linear-gradient(180deg, rgba(122,44,255,0.25), rgba(0,0,0,0)) !important;
  border: 1px solid rgba(176,68,122,0.55) !important;
  color: #e6e6ea !important;
}


/* =====================================================================
   V4: Header image scaling fix + stronger forum hover kill
   Reason: prosilver splits header into #site-description (left) + #search-box (right).
   Putting the background on #site-description only covers the left area.
   ===================================================================== */

/* --- HEADER: apply background to the full headerbar (covers search area too) --- */
.headerbar{
  position: relative;
  min-height: 320px !important;      /* adjust if you want taller */
  background-image: url("https://www.amyleefans.com/wp-content/uploads/2026/02/headerforum.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;

  /* Show the whole image (no cropping). If you prefer filling the area, change to 'cover'. */
  background-size: contain !important;

  /* Fill unused space around the image */
  background-color: #050507 !important;
}

/* Make sure the left and right header blocks stay transparent so image shows through */
#site-description, #logo, #search-box{
  background: transparent !important;
}

/* Keep overlay subtle (don’t dim image too much) */
#site-description::before{
  background: linear-gradient(to bottom, rgba(10,10,18,0.15), rgba(10,10,18,0.35)) !important;
}

/* Ensure header text + search sit above the background */
#site-description h1, #site-description p, #logo, #search-box{
  position: relative;
  z-index: 5;
}

/* --- FORUM TABLE: stronger hover + base background overrides --- */
.forabg ul.topiclist li.row,
.forumbg ul.topiclist li.row,
ul.topiclist li.row{
  background: #0b0b0f !important;
}
.forabg ul.topiclist li.row:nth-child(even),
.forumbg ul.topiclist li.row:nth-child(even),
ul.topiclist li.row:nth-child(even){
  background: #111116 !important;
}

/* prosilver often sets backgrounds on dl.icon/dt/dd; force them dark */
ul.topiclist dl,
ul.topiclist dl.icon,
ul.topiclist dt,
ul.topiclist dd{
  background-color: transparent !important;
}


/* Also remove any hover background images/gradients */
ul.topiclist li.row:hover *{
  box-shadow: none !important;
}

/* Make sure borders stay subtle */
ul.topiclist li.row,
ul.topiclist li.row:hover{
  border-color: rgba(255,255,255,0.08) !important;
}


/* =====================================================================
   V5: Header fit + remove extra header overlay image + restore forum icons
   - Header: use cover so it fills the full header width/height cleanly
   - Remove the header "::after" placeholder ring overlay
   - Restore forum icons by NOT nuking background-image on dt (use background-color)
   ===================================================================== */

/* --- Header: fill area nicely (no letterboxing) --- */
.headerbar{
  min-height: 320px !important;
  background-image: url("https://forum.evlinks.net/styles/MagentaMourning/Header2.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;          /* CHANGED: fill header */
  background-color: #050507 !important;
}

/* remove any extra decorative image we added under the title */
#site-description::after{
  content: none !important;
  display: none !important;
}

/* --- Forum icons: DO NOT wipe background-image from prosilver --- */
/* Replace any 'background: transparent' we applied with 'background-color' overrides */
ul.topiclist dl,
ul.topiclist dl.icon,
ul.topiclist dt,
ul.topiclist dd{
  background-color: transparent !important;   /* keeps the icon background-image */
}




/* =====================================================================
   V6: Remove header overlay/shadow + hide phpBB logo + keep forum icons on hover
   ===================================================================== */

/* --- Remove any dark overlay/box-shadow sitting over the header image --- */
.headerbar{
  box-shadow: none !important;
}
.headerbar::before,
.headerbar::after{
  content: none !important;
}
#site-description::before{
  background: transparent !important;   /* remove gradient overlay */
}

/* --- Hide phpBB logo block in header --- */
#logo, .logo, a#logo{
  display: none !important;
}

/* Make sure the board title doesn't leave a big empty gap after hiding logo */
#site-description{
  margin-left: 0 !important;
  padding-left: 18px !important;
}

/* --- Forum icons disappearing on hover fix ---
   Ensure we never set background-image to none on icon dt, and don't overwrite 'background' shorthand.
*/

/* On hover, only change row background-color; never touch background-image */
ul.topiclist li.row:hover dt,
ul.topiclist li.row:hover dl.icon dt{
  background-color: transparent !important;  /* keep icon visible */
  background-image: revert !important;
}


/* Override: keep icon area transparent on hover so images stay visible */
ul.topiclist li.row:hover dt,
ul.topiclist li.row:hover dl.icon dt{
  background-color: transparent !important;
}





/* =====================================================================
   V9: Requested tweaks
   1) Darken user dropdown menu (top-right)
   2) Add padding to section header titles + "Mark forums read"
   ===================================================================== */

/* =========================
   USER MENU (top-right dropdown)
   ========================= */
.dropdown .dropdown-contents,
.dropdown-contents {
  background: linear-gradient(180deg, #2b0c1c, #0b0b0f) !important;
  border: 1px solid #8a2a5c !important;
  box-shadow: 0 0 18px rgba(176,68,122,0.35) !important;
}

.dropdown-contents li,
.dropdown-contents li a {
  background: transparent !important;
  color: #f0b3d1 !important;
}

.dropdown-contents li:hover,
.dropdown-contents li a:hover {
  background: rgba(176,68,122,0.18) !important;
  color: #ffffff !important;
}

.dropdown-contents .icon,
.dropdown-contents i {
  color: #f0b3d1 !important;
}

/* =========================
   SECTION HEADER PADDING
   ========================= */
.forabg .header,
.forumbg .header,
.forabg h2,
.forumbg h2 {
  padding: 8px 14px !important;
}

/* Padding for 'Mark forums read' */
a.mark-read,
a.mark-read span {
  padding: 6px 12px !important;
  display: inline-block;
}

/* =====================================================================
   V21: Memberlist/Profile + MCP headings & links (remove remaining blue)
   ===================================================================== */

/* Headings in UCP/MCP/memberlist panels should be magenta and readable */
body.section-memberlist .panel h3,
body.section-mcp .panel h3,
body.section-memberlist .panel h3 a,
body.section-mcp .panel h3 a {
  color: rgba(212,106,162,1) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  border-bottom-color: rgba(0,0,0,0.65) !important;
}

/* Privacy/Terms pages: kill remaining default blue heading/link colors */
body.section-privacy h1,
body.section-privacy h2,
body.section-privacy h3,
body.section-terms h1,
body.section-terms h2,
body.section-terms h3 {
  color: rgba(212,106,162,1) !important;
}

body.section-privacy a:not(.username-coloured),
body.section-terms a:not(.username-coloured) {
  color: rgba(212,106,162,1) !important;
}

/* Make definition lists in profile/UCP readable */
body.section-memberlist dl.details dt,
body.section-memberlist dl.details dd,
body.section-mcp dl.details dt,
body.section-mcp dl.details dd {
  color: rgba(235,235,235,0.92) !important;
}
body.section-memberlist dl.details dt,
body.section-mcp dl.details dt {
  font-weight: 700 !important;
}

/* Links in these areas should follow theme accent (but keep role-colored usernames) */
body.section-memberlist a:not(.username-coloured):not(.button1):not(.button2),
body.section-mcp a:not(.username-coloured):not(.button1):not(.button2) {
  color: rgba(212,106,162,1) !important;
}
body.section-memberlist a:not(.username-coloured):not(.button1):not(.button2):hover,
body.section-mcp a:not(.username-coloured):not(.button1):not(.button2):hover {
  color: rgba(235,158,205,1) !important;
  text-decoration: underline;
}

/* Topiclist separators: remove bright white divider lines */
.topiclist dt,
.topiclist dd,
.topiclist dd.posts,
.topiclist dd.topics,
.topiclist dd.views,
.topiclist dd.lastpost {
  border-left-color: rgba(0,0,0,0.65) !important;
}
.topiclist li.row {
  border-top-color: rgba(0,0,0,0.55) !important;
}






/* Title color tweaks */
h2.sitename-title,
.sitename-title,
h2.faq-title,
.faq-title {
  color: #c0007a !important;
  font-weight: 700;
}

/* Search focus/hover glow - force magenta, remove blue */
#search-box input.search,
#search-box input.inputbox {
  box-shadow: none !important;
  outline: none !important;
}
#search-box input.search:focus,
#search-box input.inputbox:focus {
  box-shadow: 0 0 0 1px #c0007a !important;
}


/* =====================================================================
   V20: Kill remaining blue glow on header search + darken table separators
   ===================================================================== */

/* Some browsers/prosilver rules add a blue-ish inner glow/shadow. Force remove. */
#search-box,
#search-box *{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#search-box input.inputbox,
#search-box input[type="search"],
#search-box input[type="text"]{
  background: rgba(0,0,0,0.45) !important;
  border: 1px solid rgba(212,106,162,0.75) !important;
  color: var(--ev-text) !important;
}

#search-box input.inputbox:focus,
#search-box input[type="search"]:focus,
#search-box input[type="text"]:focus{
  outline: none !important;
  border-color: rgba(212,106,162,1) !important;
  box-shadow: 0 0 0 2px rgba(212,106,162,0.35) !important;
}

#search-box .button2,
#search-box .button1,
#search-box a.button2,
#search-box a.button1,
#search-box button{
  border-color: rgba(212,106,162,0.75) !important;
  box-shadow: none !important;
}

#search-box .button2:hover,
#search-box .button1:hover,
#search-box a.button2:hover,
#search-box a.button1:hover,
#search-box button:hover{
  border-color: rgba(212,106,162,1) !important;
}

/* ---------- UCP: kill remaining prosilver blues / unreadable dark text ---------- */
body.section-ucp #cp-main h2,
body.section-ucp #cp-main h3,
#ucp #cp-main h2,
#ucp #cp-main h3{
  color: var(--ev-accentText) !important;
  text-shadow: none !important;
}

body.section-ucp #cp-main a:not(.username-coloured),
#ucp #cp-main a:not(.username-coloured){
  color: var(--ev-link) !important;
}
body.section-ucp #cp-main a:not(.username-coloured):hover,
#ucp #cp-main a:not(.username-coloured):hover{
  color: var(--ev-linkHover) !important;
}

/* Make UCP "details" rows readable */
body.section-ucp #cp-main dl.details dt,
body.section-ucp #cp-main dl.details dd,
#ucp #cp-main dl.details dt,
#ucp #cp-main dl.details dd{
  color: #cfd3d7 !important;
}

body.section-ucp #cp-main .panel,
#ucp #cp-main .panel{
  background: linear-gradient(180deg, rgba(17,17,22,0.88), rgba(9,9,12,0.88)) !important;
  border-color: var(--ev-border) !important;
}

/* ================================
   UCP: Fix remaining blue/black text
   (do NOT override username-coloured)
   ================================ */

/* Headings/labels inside UCP panels (e.g. "YOUR ACTIVITY") */
#ucp .panel h3,
#ucp .panel h3 a,
#ucp .panel h4,
#ucp .panel legend,
#ucp .panel dl.details dt,
#ucp .panel dl.details dt strong,
#ucp .panel .content h3,
#ucp .panel .content h4 {
  color: #d46aa2 !important;
}

/* Readability for UCP content text (dates, descriptions, counts) */
#ucp .panel .inner,
#ucp .panel .inner p,
#ucp .panel .inner li,
#ucp .panel .inner dt,
#ucp .panel .inner dd,
#ucp .panel .inner span,
#ucp .panel .inner label,
#ucp .panel .inner .content,
#ucp .panel .inner .content p {
  color: #d9d9e3 !important;
}

/* UCP links (keep role colours) */
#ucp .panel .inner a:not(.username-coloured),
#ucp .panel .inner a:not(.username-coloured):visited {
  color: #d46aa2 !important;
}
#ucp .panel .inner a:not(.username-coloured):hover {
  color: #ffffff !important;
}

/* Explicitly preserve group/role colours anywhere in UCP */
#ucp a.username-coloured,
#ucp a.username-coloured:hover,
#ucp a.username-coloured:visited {
  color: inherit !important;
}


/* Stat blocks headings (e.g. BIRTHDAYS / STATISTICS) */
.stat-block h3,
.stat-block h3 a,
.forabg .header a,
.forumbg .header a {
  color: #d46aa2 !important;
}

/* Registration page main title */
#page-body h2 {
    color: #e91e63;
    border-bottom-color: #e91e63;
}

/* Confirmation of registration title */
.captcha-title,
#confirm h3 {
    color: #e91e63;
}

#site-description .site-title a,
#site-description .site-desc a{
  color: inherit;
  text-decoration: none;
}

#site-description .site-title a:hover,
#site-description .site-desc a:hover{
  text-decoration: underline;
}

/* Keep prosilver forum/topic icons from disappearing on hover */
ul.topiclist dl.icon dt{
  background-color: transparent !important;
  background-image: revert !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}

/* On hover: DO NOT overwrite the icon background-image */
ul.topiclist li.row:hover dl.icon dt{
  background-color: transparent !important;
  background-image: revert !important;
}

.panel-title a,
.panel-title a:link,
.panel-title a:visited,
.panel-title a:hover,
.panel-title a:active {
  color: inherit !important;
}

/* Normal (non-hover) "New Topic" button — match Jump to */
.action-bar a.button,
.action-bar a.button1,
.topic-actions a.button,
.topic-actions a.button1,
a.postlink{
  background: linear-gradient(180deg, #8a2a5c, #6a1f46) !important;
  border: 1px solid #b0447a !important;
  color: #ffffff !important;

  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.08),
    0 0 10px rgba(176,68,122,0.35) !important;
}

/* Posting page: "Post a new topic" heading */
.section-posting #postingbox h3,
.section-posting .postingbox h3,
.section-posting .panel h3{
  color: #d46aa2 !important;             /* match your magenta headings */
  border-bottom-color: rgba(0,0,0,0.65) !important;
}

/* Darker hover for "Post a new topic" button */
.action-bar a.button:hover,
.action-bar a.button1:hover,
.topic-actions a.button:hover,
.topic-actions a.button1:hover {
  background: linear-gradient(
    180deg,
    #3a1026,
    #160610
  ) !important;
  border-color: #b0447a !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.45),
              0 0 12px rgba(176,68,122,0.35) !important;
  color: #ffffff !important;
}

/* =========================
   "Jump to" button + dropdown
   Light normal / dark hover
   ========================= */

/* NORMAL (lighter) */
.jumpbox .button,
.jumpbox .button2,
.jumpbox input[type="submit"]{
  background: linear-gradient(180deg, #8a2a5c, #6a1f46) !important;
  border: 1px solid #b0447a !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08),
              0 0 10px rgba(176,68,122,0.35) !important;
}

/* HOVER (darker) */
.jumpbox .button:hover,
.jumpbox .button2:hover,
.jumpbox input[type="submit"]:hover{
  background: linear-gradient(180deg, #3a1026, #050507) !important;
  border-color: #d46aa2 !important;

  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.55),
              0 0 12px rgba(176,68,122,0.45) !important;
}

/* Dropdown select (lighter) */
.jumpbox select{
  background: #111116 !important;
  border: 1px solid #b0447a !important;
  color: #ffffff !important;
}

/* Dropdown hover/focus */
.jumpbox select:hover,
.jumpbox select:focus{
  background: #0b0b0f !important;
  border-color: #d46aa2 !important;
  box-shadow: 0 0 0 1px rgba(176,68,122,0.45) !important;
  outline: none !important;
}

/* Fix "Jump to" text shifting on hover */
.jumpbox .button,
.jumpbox .button2,
.jumpbox input[type="submit"],
.jumpbox .button:hover,
.jumpbox .button2:hover,
.jumpbox input[type="submit"]:hover{
  font-weight: 600 !important;        /* lock weight */
  letter-spacing: 0 !important;       /* prevent spacing jump */
  text-shadow: none !important;       /* kill hover shadow text blur */
  line-height: normal !important;
}

/* =========================================
   Fix button text looking weird on hover
   (locks font metrics so it doesn't shift)
   ========================================= */

.action-bar a.button,
.action-bar a.button1,
.action-bar a.button2,
.topic-actions a.button,
.topic-actions a.button1,
.topic-actions a.button2,
a.postlink,
a.postlink.button,
a.postlink.button1,
a.postlink.button2{
  font-weight: 600 !important;        /* keep same weight always */
  letter-spacing: 0 !important;
  text-shadow: none !important;       /* prevent “blur” hover look */
  transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Apply the SAME on hover too (prevents prosilver hover rules changing it) */
.action-bar a.button:hover,
.action-bar a.button1:hover,
.action-bar a.button2:hover,
.topic-actions a.button:hover,
.topic-actions a.button1:hover,
.topic-actions a.button2:hover,
a.postlink:hover{
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  transform: none !important;
}

/* =====================================================================
   EV Purple: HEADERS ONLY (NO links, NO usernames)
   Paste at VERY bottom of style.css
   ===================================================================== */

/* Headings */
h1 { color: #ffffff !important; }

h2,
.content h2,
.panel h2,
.panel-container h2 {
  color: #d46aa2 !important;
  border-bottom-color: rgba(0,0,0,0.65) !important;
}

h3,
.panel h3,
.content h3,
.stat-block h3,
#cp-main h3,
#confirm h3 {
  color: #d46aa2 !important;
  border-bottom-color: rgba(0,0,0,0.65) !important;
}

/* Forum/category header strips (containers only) */
.forabg .header,
.forumbg .header,
li.header {
  background: linear-gradient(90deg, #6a1f46, rgba(0,0,0,0)) !important;
  border-top: 1px solid rgba(0,0,0,0.65) !important;
  border-bottom: 1px solid rgba(0,0,0,0.65) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.05),
              0 0 18px rgba(176,68,122,0.35) !important;
}

/* Column header text (not links) */
li.header dt,
li.header dd,
.forabg .header,
.forumbg .header {
  color: #e6e6ea !important;
}

/* Table header row */
table.table1 thead th {
  background: linear-gradient(180deg, #2b0c1c, #0b0b0f) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
  color: #f0b3d1 !important;
}

/* =========================================================
   FIX: FAQ page using wrong outer background
   (does NOT affect usernames or links)
   ========================================================= */

/* Force the same site background everywhere */
html{
  background: radial-gradient(circle at top, #671e44, var(--ev-bg) 60%) !important;
  background-color: var(--ev-bg) !important;
  min-height: 100%;
}

body{
  background: transparent !important; /* let html paint the background */
  min-height: 100vh;
}

/* phpBB section-specific override (FAQ page) */
body.section-faq{
  background: transparent !important; /* prevents the navy override */
}

/* If your FAQ is still showing a solid color, this catches wrapper-level overrides */
body.section-faq #wrap,
body.section-faq .wrap,
body.section-faq #page-body{
  background: transparent !important;
}

/* =========================================================
   FIX: FAQ outer background "repeating/striping"
   (NO username/link changes)
   ========================================================= */

html, body{
  height: 100% !important;
  background-color: var(--ev-bg) !important;

  /* One consistent backdrop everywhere */
  background-image: radial-gradient(circle at top, #141433, var(--ev-bg) 60%) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* Stop section pages (FAQ) from injecting their own background */
body.section-faq{
  background: none !important;
}

/* Make sure no wrapper is painting the *outer* background */
#wrap, .wrap, #page-body{
  background-color: transparent;
  background-image: none;
}

/* =========================================================
   FINAL OVERRIDES (paste at VERY bottom)
   Keeps EV dark rows + preserves prosilver icons
   ========================================================= */

/* Force forum/topic rows dark */
ul.forums li.row,
ul.topics li.row,
ul.topiclist li.row,
.forabg ul.topiclist li.row,
.forumbg ul.topiclist li.row{
  background: #0b0b0f !important;
  border-color: rgba(255,255,255,0.08) !important;
}

ul.forums li.row:nth-child(even),
ul.topics li.row:nth-child(even),
ul.topiclist li.row:nth-child(even),
.forabg ul.topiclist li.row:nth-child(even),
.forumbg ul.topiclist li.row:nth-child(even){
  background: #111116 !important;
}

/* IMPORTANT: do NOT wipe the icon background-image (use background-color only) */
ul.topiclist dl,
ul.topiclist dt,
ul.topiclist dd{
  background-color: transparent !important;
}



/* Keep icon visible always */
ul.topiclist dl.icon dt{
  background-color: transparent !important;
  background-image: revert !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}

/* Keep icon visible on hover */
ul.topiclist li.row:hover dl.icon dt{
  background-color: transparent !important;
  background-image: revert !important;
}

/* Fix dropdown turning white */
.dropdown .dropdown-contents,
.dropdown-contents{
  background: linear-gradient(180deg, #2b0c1c, #0b0b0f) !important;
  border: 1px solid #8a2a5c !important;
  box-shadow: 0 0 18px rgba(176,68,122,0.35) !important;
}
.dropdown-contents li,
.dropdown-contents li a{
  background: transparent !important;
  color: #f0b3d1 !important;
}
.dropdown-contents li:hover,
.dropdown-contents li a:hover{
  background: rgba(176,68,122,0.18) !important;
  color: #ffffff !important;
}

/* ONLINE ribbon — smaller, clipped to the postprofile corner, EV colors */
.post { position: relative; }

/* Keep the ribbon inside the profile panel */
.post.online .postprofile{
  position: relative;
  overflow: hidden;              /* important: keeps it inside the box */
}

/* Smaller ribbon */
.post.online .postprofile::after{
  content: "ONLINE";
  position: absolute;
  top: 10px;
  right: -26px;                  /* less spill */
  width: 96px;                   /* smaller */
  padding: 3px 0;                /* smaller height */
  text-align: center;
  font-size: 10px;               /* smaller text */
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  transform: rotate(45deg);
  z-index: 6;
  pointer-events: none;

  /* EV magenta gradient */
  background: linear-gradient(180deg, #b0447a, #6a1f46);
  color: #ffffff;

  /* subtle glow like your bars */
  box-shadow: 0 0 0 1px rgba(0,0,0,.55),
              0 0 10px rgba(176,68,122,.35);
}


/* === mChat: dark chat + dark input (EV Purple) =================== */

/* The message list box */
.forabg.mchat-wrapper #mchat-messages{
  background: var(--ev-panel) !important;
  border: 1px solid var(--ev-border) !important;
}

/* “No messages” row + static rows so they don’t look bright */
.forabg.mchat-wrapper .mchat-static{
  background: transparent !important;
  color: var(--ev-muted) !important;
}

/* The panel that holds the input/buttons */
.forabg.mchat-wrapper #mchat-panel{
  background: var(--ev-panel2) !important;
  border: 1px solid var(--ev-border) !important;
}

/* Input container */
.forabg.mchat-wrapper .mchat-input-container{
  background: var(--ev-bg) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: 6px;
}

/* The textarea itself */
.forabg.mchat-wrapper #mchat-input{
  background: transparent !important;
  color: var(--ev-text) !important;
}

/* Placeholder text (when empty) */
.forabg.mchat-wrapper #mchat-input::placeholder{
  color: var(--ev-muted) !important;
}

/* Send icon color on dark */
.forabg.mchat-wrapper .mchat-input-control .icon{
  color: var(--ev-muted) !important;
}
.forabg.mchat-wrapper .mchat-input-control button:hover .icon{
  color: var(--ev-link) !important;
}


/* Clean hover fix — row only */
ul.topiclist li.row:hover {
    background-color: #18171e !important;
}

/* Never repaint inner cells */
ul.topiclist li.row:hover dl,
ul.topiclist li.row:hover dt,
ul.topiclist li.row:hover dd {
  background-color: transparent !important;
}

/* Keep prosilver icon intact */
ul.topiclist dl.icon dt,
ul.topiclist li.row:hover dl.icon dt {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: 5px 50% !important;
}

/* =========================================
   EV Site Title + Description Styling
   ========================================= */

/* Main Site Title */
.site-title,
.site-title a {
    color: #FFA3D2 !important;              /* EV magenta */
    text-shadow:
        0 0 6px rgba(176,68,122,0.65),
        0 0 16px rgba(176,68,122,0.35),
        0 2px 4px rgba(0,0,0,0.85);          /* depth */
    letter-spacing: 1px;
}

/* Hover effect */
.site-title a:hover {
    color: #d571a2 !important;
    text-shadow:
        0 0 10px rgba(176,68,122,0.85),
        0 0 22px rgba(176,68,122,0.55),
        0 2px 6px rgba(0,0,0,0.95);
}

/* Site Description */
.site-desc {
    color: #e6e6ea !important;
    text-shadow:
        0 1px 3px rgba(0,0,0,0.85);
    letter-spacing: 0.5px;
}

/* Add spacing inside the topic action bar */
.action-bar {
    padding: 5px 8px !important;
}

/* Force extra space at the very bottom of the page (outside the forum container) */
body::after{
  content: "";
  display: block;
  height: 50px;           /* change this number for more/less space */
}

/* =========================================================
   MEMBER PROFILE: show ONLINE badge in top-right corner
   Works because your template adds: .panel.bg1.online
   ========================================================= */

body.section-memberlist #viewprofile .panel.bg1{
  position: relative; /* anchor the badge */
}

/* Only when the user is online */
body.section-memberlist #viewprofile .panel.bg1.online::after{
  content: "ONLINE";
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;

  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;

  color: #fff !important;
  background: linear-gradient(180deg, #b0447a, #6a1f46) !important;
  border: 1px solid rgba(0,0,0,.65) !important;
  border-radius: 6px;

  box-shadow: 0 0 0 1px rgba(255,255,255,.06),
              0 0 12px rgba(176,68,122,.35) !important;
}

/* ===============================
   Improved Rank Badge (Readable)
   =============================== */

.postprofile dd.profile-rank{
  display: inline-block;
  margin-top: 8px;

  --rank-bg: #b88ad6; /* fallback */

  background: var(--rank-bg);
  color: #ffffff !important;

  padding: 8px 16px;
  border: 1px solid rgba(0,0,0,.65);
  border-radius: 6px;

  font-weight: 800;
  letter-spacing: .4px;
  text-align: center;

  /* Better readability */
  text-shadow:
    0 1px 2px rgba(0,0,0,.75),   /* sharp shadow */
    0 0 4px rgba(0,0,0,.35);     /* soft depth */

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 3px 10px rgba(0,0,0,.45);
}

/* === Per-group colors (replace the numbers with YOUR group IDs) === */
.post.group-5 .postprofile dd.profile-rank{ --rank-bg: #2e5dff; }  /* Administrators */
.post.group-4  .postprofile dd.profile-rank{ --rank-bg: #6a1f46; }  /* Global moderators */
.post.group-2  .postprofile dd.profile-rank{ --rank-bg: #3d2a72; }  /* Registered users */
.post.group-2  .postprofile dd.profile-rank{ --rank-bg: #5c4a7d; }  /* Newly Registered users */

/* --- Fix leftover prosilver-blue links (keep username-coloured intact) --- */

/* Common link types in forum index + topic lists */
a.topictitle:not(.username-coloured),
a.forumtitle:not(.username-coloured),
a.lastsubject:not(.username-coloured),
a.subforum:not(.username-coloured),
.topiclist a:not(.username-coloured),
.lastpost a:not(.username-coloured) {
  color: var(--ev-link);
}

a.topictitle:not(.username-coloured):hover,
a.forumtitle:not(.username-coloured):hover,
a.lastsubject:not(.username-coloured):hover,
a.subforum:not(.username-coloured):hover,
.topiclist a:not(.username-coloured):hover,
.lastpost a:not(.username-coloured):hover {
  color: var(--ev-linkHover);
}

/* Visited state (some browsers/pages still show default-ish blues) */
a.topictitle:not(.username-coloured):visited,
a.forumtitle:not(.username-coloured):visited,
a.lastsubject:not(.username-coloured):visited,
a.subforum:not(.username-coloured):visited,
.topiclist a:not(.username-coloured):visited,
.lastpost a:not(.username-coloured):visited {
  color: var(--ev-link);
}




/* ===== Affiliates styled like a forum block ===== */
.affiliates-block{
	margin: 15px 0 20px;
	border: 1px solid var(--ev-border);
	border-radius: 6px;
	overflow: hidden;
	background: var(--ev-panel);
}

/* Header bar like category headers */
.affiliates-block h3{
	margin: 0;
	padding: 10px 14px;
	background: var(--ev-bar);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

/* Row body like forum rows */
.affiliates-block p{
	margin: 0;
	padding: 12px 14px;
	background: var(--ev-panel2);
}

/* Links like forum titles */
.affiliates-block a{
	color: var(--ev-accent2);
	font-weight: 600;
	text-decoration: none;
}

.affiliates-block a:hover{
	color: #fff;
	text-decoration: none;
}

/* ===== FORCE Affiliates block styling (wins over other rules) ===== */
.affiliates-block{
  display: block !important;
  margin: 15px 0 20px !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  overflow: hidden !important;
  background: var(--ev-panel) !important;
}

/* Header strip like your category bars */
.affiliates-block > h3{
  margin: 0 !important;
  padding: 8px 14px !important;
  background: linear-gradient(90deg, var(--ev-bar), rgba(0,0,0,0)) !important;
  color: var(--ev-text) !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  border: 0 !important;
}

/* Body row */
.affiliates-block > p{
  margin: 0 !important;
  padding: 12px 14px !important;
  background: var(--ev-panel2) !important;
  border-top: 1px solid rgba(0,0,0,0.55) !important;
}

/* Link look */
.affiliates-block a{
  color: var(--ev-accent2) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.affiliates-block a:hover{
  color: #fff !important;
}

/* Put the Affiliates box inside the same container width as forum blocks */
.affiliates-block{
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* If it’s stretching wider than .wrap, force it to behave like forabg */
#page-body .affiliates-block{
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* If your theme is using .wrap as the main width container, ensure affiliates follows it */
.wrap .affiliates-block{
  width: auto !important;
}

/* Affiliates: keep forum-block look but remove empty columns */
.affiliates-forabg dd.topics,
.affiliates-forabg dd.posts,
.affiliates-forabg dd.lastpost{
  display: none !important;
}
.affiliates-forabg dl.row-item dt{
  width: 100% !important;
}

/* ===== Affiliates forum block spacing cleanup ===== */

/* Remove extra internal spacing */
.affiliates-forabg {
    margin: 0 !important;
}

/* Remove default forumlist bottom margin that causes the gap */
.forabg + .affiliates-forabg {
    margin-top: 0 !important;
}

/* Add clean spacing BEFORE and AFTER the block */
.affiliates-forabg {
    margin-top: 20px !important;   /* space above */
    margin-bottom: 25px !important; /* space below */
}

/* Tighten inner padding slightly */
.affiliates-forabg .list-inner {
    padding: 10px 14px !important;
}

/* ===== Add space ABOVE Affiliates block ===== */

.affiliates-forabg {
    margin-top: 25px !important;  /* increase if you want more space */
}

/* ==============================
   Affiliates block: spacing + header height fix
   ============================== */

/* Space above and below the whole box */
.affiliates-forabg{
  margin: 18px 0 18px !important;   /* top / bottom */
}

/* Make the header bar the same height as other forum headers */
.affiliates-forabg ul.topiclist > li.header{
  padding: 0 !important;            /* remove extra padding causing tall bar */
}

.affiliates-forabg ul.topiclist > li.header dl{
  padding: 0 !important;
}

.affiliates-forabg ul.topiclist > li.header .list-inner{
  padding: 8px 14px !important;     /* match your category/header padding */
  line-height: 1.2 !important;
}

/* (Optional) If the text looks vertically off, this locks it */
.affiliates-forabg ul.topiclist > li.header dt{
  line-height: normal !important;
}

/* ===================================
   FORCE space above Affiliates block
   =================================== */

/* Add space above affiliates even when stacked after another .forabg */
.forabg + .affiliates-forabg{
    margin-top: 10px !important;
}

/* Also ensure space below it */
.affiliates-forabg{
    margin-bottom: 10px !important;
}

/* =========================================
   10px spacing between ALL forum blocks
   (no space above the first one)
   ========================================= */

.forabg + .forabg,
.forabg + .forumbg,
.forumbg + .forabg,
.forumbg + .forumbg{
    margin-top: 10px !important;
}

/* =========================================
   10px spacing above ALL forum blocks
   ========================================= */

.forabg,
.forumbg{
    margin-top: 10px !important;
}

/* =========================================
   Adsense Placement
   ========================================= */

/* Hide the slot until we know it's filled */
.ev-ad-slot{
  display: none;
  text-align: center;
  margin: 12px 0;
  padding: 0;
}

/* When filled, we show it */
.ev-ad-slot.is-filled{
  display: block;
}

.ev-social-icons{
    text-align: center;
    padding: 5px 0;
}

.ev-social-icons a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 6px;
    border: none;              /* removes border */
    background: transparent;   /* no box background */
    color: var(--ev-link);
    font-size: 20px;
    transition: all 0.25s ease;
}

.ev-social-icons a:hover{
    color: var(--ev-accent2);
    transform: translateY(-2px);
}

/* Footer social icons only (won’t touch phpBB core icons) */
.ev-social-icons .fab { font-family: "Font Awesome 5 Brands" !important; font-weight: 400 !important; }
.ev-social-icons .fas { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; }
.ev-social-icons .far { font-family: "Font Awesome 5 Free" !important; font-weight: 400 !important; }

/* ================================
   EV Purple - phpBB Alert Modal
   ================================ */

.phpbb_alert {
  background: #0b0b0f !important;           /* dark panel */
  border: 1px solid #6a1f46 !important;     /* category bar color */
  box-shadow: 0 0 25px rgba(176,68,122,.35) !important;
  border-radius: 6px !important;
  color: #e6e6ea !important;
}

.phpbb_alert h3 {
  background: #6a1f46 !important;           /* header bar */
  color: #ffffff !important;
  border-bottom: 1px solid #8a2a5c !important;
}

.phpbb_alert .alert_text {
  color: #e6e6ea !important;
}

.phpbb_alert .alert_close {
  color: #ffffff !important;
  background: #8a2a5c !important;
  border-radius: 50%;
}

.phpbb_alert .alert_close:hover {
  background: #b0447a !important;
}

/* Buttons inside modal */
.phpbb_alert input.button1,
.phpbb_alert input.button2 {
  background: linear-gradient(180deg, #3a1026, #160610) !important;
  border: 1px solid #8a2a5c !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(176,68,122,.25) !important;
}

.phpbb_alert input.button1:hover,
.phpbb_alert input.button2:hover {
  background: linear-gradient(180deg, #5c163b, #2a0c1b) !important;
  border-color: #b0447a !important;
}

/* Fix Subforum label */
li.row strong {
  color: #b5b5c0 !important;   /* light muted grey */
  font-weight: 600 !important;
}

/* Fix Subforum link */
li.row a.subforum {
  color: #b0447a !important;   /* magenta */
  font-weight: 700 !important;
  text-decoration: none !important;
}

li.row a.subforum:hover {
  color: #d46aa2 !important;
}

/* Override prosilver notice box inside Thanks extension */
#list_thanks .notice,
#div_post_reput .notice {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--ev-accent, #b0447a) !important;
  border-bottom: 1px solid var(--ev-accent, #b0447a) !important;
  border-radius: 0 !important;
}

/* Remove dotted border from Thanks extension post-buttons */
#list_thanks .post-buttons,
#div_post_reput .post-buttons {
    border: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Add clean EV solid divider instead */
#list_thanks .notice,
#div_post_reput .notice {
    border: 0 !important;
    border-top: 1px solid var(--ev-accent, #b0447a) !important;
    border-bottom: 1px solid var(--ev-accent, #b0447a) !important;
    background: transparent !important;
}

/* =========================================
   FIX: Remove glow/blur from notification header
   ========================================= */

.dropdown-extended .header,
.dropdown-extended .header a,
.dropdown-extended .header h3,
.dropdown-extended .header strong{
  text-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Ensure crisp white text */
.dropdown-extended .header{
  color: #ffffff !important;
}

/* =========================================================
   FIX: Lighter post profile text (right side user panel)
   ========================================================= */

/* Make all profile labels + values readable */
.postprofile,
.postprofile dt,
.postprofile dd,
.postprofile span,
.postprofile strong{
  color: #d9d9e3 !important;   /* soft light grey */
}

/* Slightly brighter numbers (Posts, Joined, etc) */
.postprofile dd strong,
.postprofile dd b{
  color: #f0b3d1 !important;   /* soft magenta accent */
}

/* Keep username colored by group (don't override it) */
.postprofile a.username-coloured,
.postprofile a.username-coloured:hover{
  color: inherit !important;
}

/* If any lines are still too dark (like Gender, Location labels) */
.postprofile dt{
  color: #cfcfe6 !important;
}

/* ==============================
   DARK ATTACHMENTS TABLE
   ============================== */

/* Attachment table container */
.attachments,
#attach-panel,
.panel {
    background-color: #0b0b0f !important;
    border: 1px solid #1f1f26 !important;
}

/* Table header (FILENAME | FILE COMMENT | SIZE | STATUS) */
#attach-panel table thead th,
.attachments table thead th {
    background: linear-gradient(to bottom, #6a1f46, #3d0f28) !important;
    color: #ffffff !important;
    border-color: #1f1f26 !important;
}

/* Table rows */
#attach-panel table tbody tr,
.attachments table tbody tr {
    background-color: #111116 !important;
    color: #e6e6ea !important;
}

/* Alternate row shading */
#attach-panel table tbody tr:nth-child(even),
.attachments table tbody tr:nth-child(even) {
    background-color: #0d0d13 !important;
}

/* File input + comment field */
#attach-panel input,
#attach-panel textarea {
    background-color: #050507 !important;
    color: #e6e6ea !important;
    border: 1px solid #1f1f26 !important;
}

/* Buttons (Add files, Delete file, Place inline) */
#attach-panel .button,
#attach-panel input.button1,
#attach-panel input.button2 {
    background: #8a2a5c !important;
    color: #ffffff !important;
    border: none !important;
}

#attach-panel .button:hover,
#attach-panel input.button1:hover,
#attach-panel input.button2:hover {
    background: #b0447a !important;
}

/* Space above bottom action area */
.forumbg + .action-bar,
.topiclist + .action-bar {
    margin-top: 8px;
}

/* MCP/ACP mini-tabs: fix invisible text */
#minitabs .tab > a,
#minitabs .tab > a:link,
#minitabs .tab > a:visited {
  color: #ffffff !important;
}

/* Hover / focus */
#minitabs .tab > a:hover,
#minitabs .tab > a:focus {
  color: #ffffff !important;
}

/* Active tab (selected) */
#minitabs .tab.activetab > a,
#minitabs .tab.activetab > a:link,
#minitabs .tab.activetab > a:visited {
  color: #ffffff !important;
}

/* Mention color to match theme */
.mention {
    color: #d571a2 !important; /* replace with your exact theme pink */
    font-style: normal; /* optional if you don't want italics */
}

/* Force editor background color */
#postingbox textarea,
form#qr_postform textarea,
textarea#message,
textarea.inputbox {
    background-color: #15151d !important;
    color: #e6e6e6 !important;
    border: 1px solid #2a2a35 !important;
}

/* Focus state */
#postingbox textarea:focus,
form#qr_postform textarea:focus {
    background-color: #1b1b25 !important;
    border-color: #9c4dff !important; /* optional accent */
}