/* =========================================================
   FURRYCRAFT GLASS v7 — FULL OVERRIDE
   Cleaner design system, better buttons, bug fixes, glow
   ========================================================= */

:root{
  --bg:#0a0f14;
  --panel:rgba(14,20,28,.88);
  --panel-2:rgba(10,16,22,.96);
  --text:#eff8ff;
  --muted:#9bb4c4;
  --blue:#31c8ff;
  --blue2:#1190d4;
  --blue-glow:rgba(49,200,255,.18);
  --green:#4ed67c;
  --green2:#2db356;
  --green-glow:rgba(78,214,124,.15);
  --red:#e05270;
  --red-glow:rgba(224,82,112,.18);
  --shadow:0 24px 56px rgba(0,0,0,.36);
  --shadow-sm:0 8px 24px rgba(0,0,0,.22);
  --radius:20px;
  --radius-sm:14px;
  --radius-pill:999px;
  --line:rgba(255,255,255,.07);
  --line-bright:rgba(255,255,255,.13);
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  color:var(--text)!important;
  background:
    linear-gradient(160deg,rgba(8,13,19,.82) 0%,rgba(10,16,22,.92) 100%),
    url(../../../images/furrycraft/page-bg.png) center/cover fixed no-repeat!important;
}

a{text-decoration:none}
img{max-width:100%}

#container,#content,#panel,#header,.forum,.side,.upper,.lower,
#copyright,.forumdisplay_searchforum,.forumdisplay_threadsearch{
  background:transparent!important
}

.wrapper,.container{
  width:min(calc(100% - 32px),1200px)!important;
  margin:0 auto!important
}

/* hide legacy nav elements */
.haut,#header_block,nav.headerlist,.scrollToTop,.scrollToDown,
.logo_mobile,#nav_mobile,.menu_portal,.menu_list,.lower ul.menu{
  display:none!important
}

/* =========================
   NAVBAR
   ========================= */
.topbar{
  position:sticky;top:0;z-index:200;
  background:rgba(7,11,16,.82);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  box-shadow:0 4px 32px rgba(0,0,0,.28)
}
.topbar-inner{
  min-height:82px;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:18px
}
.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.brand-logo-link{display:inline-flex;align-items:center}
.brand-logo-img{height:42px;width:auto;display:block}
.brand-copy{display:flex;flex-direction:column;gap:2px;white-space:nowrap;pointer-events:none}
.brand-copy strong{
  font-size:15px;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;font-weight:900
}
.brand-copy span{font-size:11px;color:var(--muted);letter-spacing:.03em}

/* Nav links */
.nav{
  display:flex;align-items:center;justify-content:center;
  gap:2px;flex-wrap:nowrap;min-width:0
}
.nav a{
  padding:9px 11px;border-radius:var(--radius-pill);
  color:rgba(232,245,255,.82)!important;font-weight:700;
  font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
  white-space:nowrap;transition:all .2s ease;
  border:1px solid transparent
}
.nav a:hover,.nav a:focus{
  background:rgba(49,200,255,.10);
  border-color:rgba(49,200,255,.18);
  color:#fff!important;
  transform:translateY(-1px)
}

/* Nav actions */
.nav-actions{
  display:flex;align-items:center;gap:8px;
  min-width:max-content;flex-wrap:nowrap
}

/* =========================
   GLOBAL BUTTON SYSTEM
   All buttons unified — pill shape, glass style, subtle glow
   ========================= */
.btn,
a.button,
input.button,
button,
input[type=submit],
.button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:40px!important;
  padding:0 18px!important;
  border-radius:var(--radius-pill)!important;
  border:1px solid var(--line-bright)!important;
  font-weight:800!important;
  font-size:13px!important;
  letter-spacing:.03em!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:all .22s ease!important;
  background:rgba(255,255,255,.07)!important;
  color:#e8f5ff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  position:relative!important;
  overflow:hidden!important;
}

.btn:hover,
a.button:hover,
input.button:hover,
button:hover,
input[type=submit]:hover,
.button:hover {
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}

/* Primary / blue action buttons */
.btn-blue,
#new_thread_button,
#new_reply_button,
.new_thread,
.new_reply,
input[name=submit][value*="Post"],
input[name=submit][value*="Reply"],
input[name=submit][value*="Senden"],
input[name=regsubmit] {
  background:linear-gradient(135deg,var(--blue),var(--blue2))!important;
  border-color:rgba(49,200,255,.35)!important;
  color:#fff!important;
  box-shadow:0 0 0 0 var(--blue-glow)!important;
}

.btn-blue:hover,
#new_thread_button:hover,
#new_reply_button:hover,
.new_thread:hover,
.new_reply:hover,
input[name=submit]:hover {
  background:linear-gradient(135deg,#4dd4ff,var(--blue))!important;
  box-shadow:0 0 18px var(--blue-glow),0 8px 22px rgba(0,0,0,.28)!important;
  transform:translateY(-2px)!important;
}

/* Green accent buttons (mark read, subscribe, etc.) */
a[href*='action=markread'],
a[href*='action=subscribe'],
a[href*='action=addsubscription'] {
  background:linear-gradient(135deg,var(--green),var(--green2))!important;
  border-color:rgba(78,214,124,.3)!important;
  color:#fff!important;
  font-size:0!important;
}
a[href*='action=markread']::after{content:'Mark as read';font-size:13px!important}
a[href*='action=subscribe']::after{content:'Subscribe';font-size:13px!important}
a[href*='action=markread']:hover,
a[href*='action=subscribe']:hover {
  box-shadow:0 0 16px var(--green-glow)!important;
  transform:translateY(-2px)!important;
}

/* Post action buttons (quote, reply etc) */
.postbit_buttons a,
.post_controls a,
.post_management_buttons a {
  background:rgba(255,255,255,.06)!important;
  border:1px solid var(--line-bright)!important;
  border-radius:var(--radius-pill)!important;
  padding:0 13px!important;
  min-height:36px!important;
  color:#e4f3ff!important;
  font-size:12.5px!important;
  font-weight:700!important;
  transition:all .18s ease!important;
}
.postbit_buttons a:hover,
.post_controls a:hover,
.post_management_buttons a:hover {
  background:rgba(49,200,255,.12)!important;
  border-color:rgba(49,200,255,.28)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

/* Quick reply / floating new thread+reply */
.float_right .button,.float_left .button,.new_thread,.new_reply,
#new_thread_button,#new_reply_button{
  position:relative!important;top:auto!important;margin:0!important
}
.new_reply,.new_thread,#new_thread_button,#new_reply_button{
  min-height:40px!important;padding:0 16px!important;font-size:13px!important
}
.ratings,.thread_rating,.thread_tools,.float_right{display:flex;align-items:center;gap:8px}
.ratings img,.thread_rating img{vertical-align:middle}
.tborder .float_right{padding:8px 12px 0 0}

/* =========================
   PROFILE DROPDOWN
   ========================= */
.fc-profile{position:relative}
.fc-profile-trigger{
  display:inline-flex;align-items:center;gap:10px;
  padding:0 14px;border-radius:var(--radius-pill)!important
}
.fc-avatar{
  width:30px;height:30px;border-radius:50%;
  object-fit:cover;border:2px solid var(--line-bright)
}
.fc-profile-bridge{
  display:none;position:absolute;left:0;right:0;height:16px;top:100%
}
.fc-profile:hover .fc-profile-bridge,
.fc-profile:focus-within .fc-profile-bridge{display:block}
.fc-profile:hover .fc-profile-menu,
.fc-profile:focus-within .fc-profile-menu{display:block}
.fc-profile-menu{
  display:none;list-style:none;margin:10px 0 0;padding:10px;
  position:absolute;right:0;top:100%;min-width:230px;
  background:rgba(10,16,23,.97);
  border:1px solid var(--line-bright);
  border-radius:18px;box-shadow:var(--shadow);z-index:300
}
.fc-profile-menu li{margin:0;padding:0}
.fc-profile-menu a{
  display:block;color:#eff8ff!important;
  padding:10px 14px;border-radius:12px;font-weight:700;font-size:13px
}
.fc-profile-menu a:hover{
  background:rgba(49,200,255,.09);color:#fff!important
}

a:hover{text-decoration:none!important;border-bottom:none!important;box-shadow:none!important}

/* =========================
   HERO SECTION
   ========================= */
.hero{padding:20px 0 16px}
.hero-card.compact{
  border-radius:26px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(120deg,rgba(12,20,29,.94) 15%,rgba(12,20,29,.62) 56%,rgba(12,20,29,.22) 100%),
    url(../../../images/furrycraft/template.png) center/cover no-repeat;
  box-shadow:var(--shadow);overflow:hidden
}
.hero-strip{
  display:grid;grid-template-columns:1fr auto;
  gap:20px;align-items:center;padding:20px 24px
}
.eyebrow{
  display:inline-flex;padding:5px 11px;border-radius:var(--radius-pill);
  background:rgba(49,200,255,.10);border:1px solid rgba(49,200,255,.20);
  color:#a8e8ff;font-size:10.5px;font-weight:900;
  text-transform:uppercase;letter-spacing:.10em;margin-bottom:10px
}
.hero-mini-copy h1{
  margin:0;font-size:clamp(22px,3vw,36px);
  line-height:1.0;color:#fff;font-weight:900;letter-spacing:-.01em
}
.server-address-wrap{display:grid;gap:8px;justify-items:center}
.server-address-label{
  font-size:10.5px;font-weight:900;letter-spacing:.10em;
  text-transform:uppercase;color:#9fd8f0;text-align:center
}
.server-inline{
  display:flex;align-items:center;gap:10px;padding:10px 14px;
  border-radius:var(--radius-sm);background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:900;
  font-size:15px;letter-spacing:.04em
}
.copy-ip{
  min-height:34px!important;padding:0 14px!important;font-size:12.5px!important;
  background:linear-gradient(135deg,var(--blue),var(--blue2))!important;
  border-color:rgba(49,200,255,.3)!important;color:#fff!important
}
.copy-ip:hover{box-shadow:0 0 16px var(--blue-glow)!important}

/* =========================
   PAGE LAYOUT
   ========================= */
.fc-page-shell{padding:12px 0 38px}
.fc-page-shell>.container{display:block}
.fc-main{min-width:0}

/* =========================
   PANELS / TABLES
   ========================= */
.navigation,.tborder,.pm_alert,.red_alert,.popup_menu,
.modal,.modal_1,.modal_2,.ui-dialog,.ui-dialog-content,
.post_container,.post{
  border-radius:var(--radius)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important
}
.navigation{
  background:rgba(14,20,28,.85)!important;color:#eaf6ff!important;margin:0 0 18px!important
}
.navigation a,.navigation .active{color:#fff!important;font-weight:700}
.tborder{background:var(--panel)!important;overflow:hidden}
table.tborder.tfixed.clear{
  border-radius:var(--radius)!important;overflow:hidden!important;
  border-top:none!important;background:var(--panel)!important
}
table.tborder.tfixed.clear > tbody > tr:first-child > td{border-top:none!important}
.thead{
  background:linear-gradient(180deg,rgba(15,24,33,.96),rgba(10,18,26,.96))!important;
  color:#fff!important;border-bottom:1px solid var(--line)!important
}
.thread-header .thead,.thread-header{
  background:rgba(15,24,33,.96)!important;border-radius:var(--radius)!important
}
.thread-header .thead a,.thread-header a{color:#fff!important}
.tcat{
  background:linear-gradient(135deg,var(--blue) 0%,var(--blue2) 100%)!important;
  color:#fff!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)
}
.tcat a,.thead a,.tfoot a,.tfoot,.tfoot td{color:#fff!important}

.trow1,.trow2,.trow_shaded,.forum_status,.subforumicon{
  background:rgba(255,255,255,.025)!important;
  color:#eff8ff!important;
  border-top:1px solid var(--line)!important
}
.smalltext,.smalltext a,.lastpost small,.forumdesc,
.author_information,.post_date,.tfoot,.tfoot a,
.post_body a,.post_meta,.post_head{color:#a8c0ce!important}
.post_body{color:#dceef7!important}
.subject_new a,.subject_old a,.thread_subject a,
.forum_title a,.showteam a,.memberlist a{color:#ceeeff!important}
.subject_new a:hover,.subject_old a:hover,.thread_subject a:hover,
.forum_title a:hover,.showteam a:hover,.memberlist a:hover{
  color:#fff!important;text-decoration:none!important
}

/* =========================
   FORUM INDEX CLEANUP
   ========================= */
.fc-rail,.fc-sidecard,.fc-side-title,.fc-side-stat,
.fc-online-placeholder,.fc-online-note{display:none!important}
.forum_status img,.thread_status img,.pm_status img,.small_status img,
.pm_legend img,.legend img,.navigation img{display:none!important}

/* =========================
   POST CONTROLS CLEANUP
   ========================= */
tfoot,tfoot tr,tfoot td,.tfoot,.tfoot td,
.inline_row,.inline_row td,.inline_selected,.inline_selected td,
.selectall,.inline_checkcell,.moderation_tools,
.post_container,.post_controls,.post_control,
.post_controls ul,.post_controls li,
.postbit_buttons,.post.classic .post_controls,
fieldset,.fieldset,.pm_alert,.red_alert,.error,.validation_error,
.editor,.editor_toolbar,.sceditor-container,.sceditor-toolbar,.sceditor-group{
  background:rgba(14,20,28,.90)!important;
  color:#eff8ff!important;
  border-color:var(--line)!important
}
.post_container{border-radius:var(--radius)!important;overflow:hidden!important}
.post_controls,.postbit_buttons{border-top:1px solid var(--line)!important}

/* =========================
   THREAD/POST STYLING
   ========================= */
.post,.post.classic,.post_content{
  background:rgba(11,17,24,.90)!important;color:#eff8ff!important
}
.post_body{padding:16px 18px;color:#dceef7!important}
.post.classic .post_author,.post_author,td.post_author{
  background:linear-gradient(180deg,rgba(28,40,54,.94),rgba(20,30,42,.94))!important;
  color:#eff8ff!important;border-right:1px solid var(--line)!important
}
.post.classic .post_author img,.post_author img{
  border-radius:18px!important;object-fit:cover;
  box-shadow:0 8px 24px rgba(0,0,0,.28)
}
.post_head,.post_meta{background:transparent!important}
table.tborder.tfixed.clear .thead{border-radius:var(--radius) var(--radius) 0 0!important}
table.tborder.tfixed.clear .post.classic,
table.tborder.tfixed.clear .post{border-radius:0 0 var(--radius) var(--radius)!important}
table.tborder.tfixed.clear .post_container{border-radius:0 0 var(--radius) var(--radius)!important}
table.tborder.tfixed.clear::before{content:'';display:block;height:0}
.white,.postbit_white,.postbit_border,.postbit_top,.postbit_bottom{
  background:transparent!important;border-color:var(--line)!important
}
.trow_deleted,.post.deleted_post,tr.trow_deleted td{
  background:rgba(207,63,82,.16)!important;color:#ffeef1!important;
  border-color:rgba(255,107,107,.15)!important
}
.trow_deleted a,.post.deleted_post a{color:#ffd8df!important}

/* =========================
   PROFILE
   ========================= */
.profile .trow1,.profile .trow2,
.member_profile .trow1,.member_profile .trow2{background:rgba(11,17,24,.86)!important}
.profile .smalltext,.member_profile .smalltext{color:var(--muted)!important}
.profile a,.member_profile a{color:#7fe3ff!important}
.profile td,.member_profile td{padding:14px 16px!important}
.profile td small,.member_profile td small{display:none!important}

/* =========================
   FORMS / INPUTS
   ========================= */
select,input.textbox,textarea,
input[type=text],input[type=password],input[type=email] {
  background:rgba(14,20,28,.92)!important;
  color:#eff8ff!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:var(--radius-sm)!important;
  padding:10px 13px!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
select:focus,input.textbox:focus,textarea:focus,
input[type=text]:focus,input[type=password]:focus{
  border-color:rgba(49,200,255,.35)!important;
  box-shadow:0 0 0 3px rgba(49,200,255,.10)!important;
  outline:none!important;
}
option{background:#0e1520!important;color:#eff8ff!important}
.error,.validation_error{
  background:rgba(207,63,82,.18)!important;color:#ffeef1!important;
  border:1px solid rgba(255,107,107,.22)!important;
  padding:16px 18px!important;border-radius:18px!important
}
.error p,.validation_error p,.error li,.validation_error li{color:#ffeef1!important}
.red_alert{background:rgba(207,63,82,.16)!important;color:#ffeef1!important}

/* Editor */
.sceditor-container,.sceditor-container iframe,
.sceditor-container textarea,.sceditor-main,.sceditor-toolbar{
  background:rgba(14,20,28,.94)!important;color:#eff8ff!important
}
.sceditor-toolbar{border-bottom:1px solid var(--line)!important}
.sceditor-group{border-radius:10px!important}

/* Search */
.search_page fieldset,.search_page .tborder,
.search_page .trow1,.search_page .trow2{background:rgba(11,17,24,.85)!important;color:#eff8ff!important}
.search_page label,.search_page legend,.search_page .smalltext{color:#eff8ff!important}
.search_page select,.search_page input[type=text]{min-width:220px}

/* =========================
   TEAM / MEMBERS
   ========================= */
.fc-team-avatar{
  width:66px;height:66px;border-radius:18px;object-fit:cover;
  background:rgba(255,255,255,.04);border:1px solid var(--line)
}
.fc-team-cell,.fc-team-pm{text-align:center}
.showteam_email,.showteam td:nth-child(4),.showteam th:nth-child(4){display:none!important}
.showteam .button,.showteam a.button{
  width:42px;min-width:42px;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important
}
.showteam .button img,.showteam a.button img{display:block!important}
.showteam td,.showteam th{vertical-align:middle!important}
.avatar img,.member_profile .avatar img,.smallavatar img,
.pm_avatar img,.author_avatar img{
  width:64px!important;height:64px!important;
  border-radius:18px!important;object-fit:cover
}
.memberlist td:first-child img{
  width:68px!important;height:68px!important;
  object-fit:cover;border-radius:18px!important;display:block
}
.memberlist td{vertical-align:middle!important}
.memberlist td:first-child{width:100px!important;padding:14px 18px!important}
.memberlist .avatar,.memberlist .avatar img{aspect-ratio:1/1}

/* =========================
   USER CP / ACCOUNT
   ========================= */
.usercp_nav,.usercp_nav .trow1,.usercp_nav .trow2,
.usercp_nav_item,.usercp_nav_stats,
#account_summary,.account_summary,.ucp_summary{
  background:rgba(11,17,24,.86)!important;color:#eff8ff!important;
  border:1px solid var(--line)!important;border-radius:var(--radius)!important
}
#account_summary,#account_summary *,.account_summary,.account_summary *{color:#eff8ff!important}
#account_summary a,.account_summary a,.ucp_summary a{color:#7fe3ff!important}
.pm_folder td:first-child img,.pm_folder a img,.usercp_nav a img{display:none!important}

/* =========================
   HIDE NOISE
   ========================= */
.memberlist th:last-child,.memberlist td:last-child{display:none!important}
.forumbit .threads,.forumbit td:nth-child(3),.forumbit th:nth-child(3){display:none!important}

/* =========================
   BOARD STATS
   ========================= */
#boardstats_e,.stats,.online,.forum_stats{
  background:rgba(11,17,24,.86)!important;color:#eff8ff!important;
  border:1px solid var(--line)!important;border-radius:var(--radius)!important
}
#boardstats_e strong,#boardstats_e b{color:#fff!important}
#boardstats_e a{color:var(--green)!important;font-weight:800}

/* =========================
   FOOTER
   ========================= */
.footer{padding:22px 0 28px;clear:both}
.footer-card{
  display:flex;justify-content:space-between;gap:20px;
  align-items:center;padding:22px 26px;border-radius:24px;
  background:rgba(7,11,16,.78);border:1px solid var(--line);
  box-shadow:var(--shadow)
}
.footer-card p{color:var(--muted);font-size:14px;margin:6px 0 0}
.footer-links{
  display:flex;gap:14px;flex-wrap:wrap;color:#ceeeff;
  font-weight:800;text-transform:uppercase;font-size:11.5px;letter-spacing:.06em
}
.footer-links a,.footer-legal a{color:#ceeeff!important;transition:color .18s}
.footer-links a:hover,.footer-legal a:hover{color:#fff!important}
.footer-legal{
  display:flex;justify-content:center;align-items:center;
  gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px 20px;
  border-radius:18px;background:rgba(7,11,16,.54);
  border:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:13px
}

/* hide MyBB ads */
img[src*='i.ibb.co/CWr6vgL/Banner-Bigger.png'],
a[href*='community.mybb.com/thread-224006']{display:none!important}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width:1100px){
  .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:72px}
  .brand-copy strong{font-size:13px}
  .brand-copy span{font-size:10.5px}
  .nav a{padding:7px 8px;font-size:10.5px}
  .btn,.fc-profile-trigger,.discord-btn{min-height:38px;padding:0 12px}
}
@media (max-width:900px){
  .topbar-inner{grid-template-columns:1fr;justify-items:center}
  .nav{flex-wrap:wrap;justify-content:center}
  .nav-actions{min-width:0}
  .hero-strip{grid-template-columns:1fr}
  .server-address-wrap{justify-items:center}
}
@media (max-width:600px){
  .footer-card{flex-direction:column;text-align:center}
  .footer-links{justify-content:center}
}