/* GFY vB6 theme customizations.
   Shipped in the image at upload/images/gfy/custom.css (served /images/gfy/custom.css)
   and linked from header_code by scripts/post-upgrade.php. All overrides; reversible
   by clearing header_code + removing this file. Bump the ?v= in the <link> on change. */

/* --- Strip default vB6 chrome (top channel nav + secondary nav + What's Going On) --- */
#channel-tabbar,
#channel-subtabbar,
.wol-widget { display: none !important; }

/* --- Logo: hidden for now (no logo) --- */
.site-logo { display: none !important; }

/* --- Tiled GFY background, like the classic gfy.com --- */
body {
  background-image: url(/images/gfy/bg_org.gif) !important;
  background-repeat: repeat !important;
}

/* --- Header: transparent so the page background shows through --- */
#header { background: transparent !important; }

/* --- Primary color -> GFY gold (softened from the original neon #cba14a to a more
       subtle antique gold #cba14a; still clearly gold, less harsh on the dark bg) --- */
input[type="text"]:hover, input[type="text"]:active, input[type="password"]:hover, input[type="password"]:active, textarea:hover, textarea:active,
.online-status.online,
.qtip-default .qtip-titlebar .qtip-close,
#channel-tabbar .channel-tabbar-list li.current a, #channel-tabbar .channel-tabbar-list li.current a:hover, .edit-mode #channel-tabbar .channel-tabbar-list li.current a:hover,
#channel-subtabbar .channel-subtabbar-list li a,
#channel-subtabbar .channel-subtabbar-list li a:hover,
#footer-tabbar,
#footer-tabbar ul.nav-list li a,
#footer-copyright a, #footer-copyright a:visited, #footer-copyright .b-link,
.conversation-content-widget .list-container .list-item .author a,
.pollresults-data .pollvoter-cell .voter-icon .voters .note,
.module-title,
.module-title h1,
.wol-location,
.condense_control,
.linkcontainer .urlinfo .title,
.linkviewcontainer .urlinfo .url,
.widget-tabs .topic-list-container .topic-list .topic-item a, .widget-tabs .topic-list-container .topic-list .topic-item a:active, .widget-tabs .topic-list-container .topic-list .topic-item a:visited,
.topic-title,
.widget-content .forum-list-container .forum-item a, .widget-content .forum-list-container .forum-item a:active, .widget-content .forum-list-container .forum-item a:visited, .widget-content .forum-list-container .subforum-list a, .widget-content .forum-list-container .subforum-list a:active, .widget-content .forum-list-container .subforum-list a:visited, .widget-content .blogmember-list .list-container .list-item a, .widget-content .blogmember-list .list-container .list-item a:active, .widget-content .blogmember-list .list-container .list-item a:visited, .widget-content .sg-groups-list .sg-groups-list-container .list-item a, .widget-content .sg-groups-list .sg-groups-list-container .list-item a:active, .widget-content .sg-groups-list .sg-groups-list-container .list-item a:visited,
.forum-list-container .icon.unread,
a, a:active, a:visited, .b-link, .ui-widget-content a,
.b-button, .cke_dialog_body .cke_dialog_contents .b-button,
.b-button:link, .b-button:visited, .cke_dialog_body .cke_dialog_contents .b-button:link, .cke_dialog_body .cke_dialog_contents .b-button:visited,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button, .profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:visited, .sb-dialog.ui-dialog-content.ui-widget-content a.b-button, .sb-dialog.ui-dialog-content.ui-widget-content a.b-button:visited, .ui-state-default a.b-button, .ui-state-default a.b-button:link, .ui-state-default a.b-button:visited, a.b-button, a.b-button:link, a.b-button:visited,
.b-button--secondary, .b-button--secondary:link, .b-button--secondary:visited, .cke_dialog_body .cke_dialog_contents .b-button--secondary, .cke_dialog_body .cke_dialog_contents .b-button--secondary:link, .cke_dialog_body .cke_dialog_contents .b-button--secondary:visited,
.cke_dialog_body .cke_dialog_contents .b-button--secondary span,
.b-button.b-button--pressed:hover,
.b-button.b-button--close-btn:hover,
.b-button.b-button--close-btn:active,
.b-button.b-button--transparent:active,
.b-namecard__bottom,
.b-post.pinned-answer,
.b-post .answer-label,
.b-post-control__icon.isanswer,
.b-bbcode__url--preview .urlinfo .url { color: #ffffff !important; }

.b-post.pinned-answer,
.b-post .answer-label { background-color: #cba14a !important; }

.pollresults .pollvote-count,
.b-link__facebook-connect:hover, .b-link__facebook-connect:focus, .b-link__facebook-connect:link, .b-link__facebook-connect:visited,
.b-button, .cke_dialog_body .cke_dialog_contents .b-button,
.b-button--secondary, .b-button--secondary:link, .b-button--secondary:visited, .cke_dialog_body .cke_dialog_contents .b-button--secondary, .cke_dialog_body .cke_dialog_contents .b-button--secondary:link, .cke_dialog_body .cke_dialog_contents .b-button--secondary:visited,
.l-xsmall .b-namecard__button-on-xsmall,
.b-comp-menu-dropdown__content-item--button-group > a, .b-comp-menu-dropdown__content-item--button-group > a:active, .b-comp-menu-dropdown__content-item--button-group > a:visited { border-color: #7f7f7f !important; }

/* --- Forum status icons -> classic GFY gifs (forum_new = unread, forum_old = read) --- */
.icon.b-icon-fa--forumicon {
  display: inline-block !important;
  width: 37px !important;
  height: 20px !important;
  background: url(/images/gfy/forum_old.gif) no-repeat left center !important;
}
.icon.b-icon-fa--forumicon::before { content: none !important; }
.icon.b-icon-fa--forumicon.unread { background-image: url(/images/gfy/forum_new.gif) !important; }
/* nudge the forum icon left to align with the wider GFY status gifs */
.forum-list-container .forum-item .cell-forum .icon { margin-left: -20px; }

/* --- Footer copyright: hide the timezone / generated-time line (the vBulletin version
       is trimmed by the footer JS in post-upgrade.php) --- */
#footer-current-datetime { display: none !important; }

/* --- Legibility tuning (test6 review) --- */
/* Selected-answer header bar: dark, readable text (was gold-on-gold = invisible) */
.b-post .answer-label,
.b-post .answer-label * { color: #1c1305 !important; }

/* Post user info (Join Date / Posts / title): lift off the dark background */
.b-userinfo,
.b-userinfo .b-userinfo__stats,
.b-userinfo .b-userinfo__stats *,
.b-userinfo .usertitle,
.b-userinfo__rank { color: #ffffff !important; }

/* Lift the very-dark surfaces a touch (warm charcoal, not pure black) */
body { background-color: #2f2c24 !important; }

/* Base text colour -> white (core body was #9A9999) */
body { color: #ffffff !important; }
.b-post .b-post__grid-container { background-color: #333333 !important; }
.b-post__grid-container .b-post__userinfo-wrapper { background-color: #505050 !important; }

/* Post body: white text, classic verdana 10pt stack */
.b-post__content { color: #ffffff !important; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important; }
.widget-content, .post-content { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important; color: #ffffff; }
.h-wordwrap { line-height: 20px !important; }

/* Homepage: remove the right sidebar (Latest Topics / Tag Cloud / Trending) and
   expand the primary column to the full container width. Scoped to the homepage
   canvas layout (#canvas-layout-wide-narrow) so other pages keep their sidebars. */
#canvas-layout-wide-narrow .js-sectiontype-secondary.l-narrow-column { display: none !important; }
#canvas-layout-wide-narrow .js-sectiontype-primary.l-wide-column {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
}
/* Drop the inner content gutter that reserved the (now-hidden) sidebar's width,
   so the forums list fills the row. Scoped to the homepage — the generic
   .l-row__fixed--right grid rule is left intact for every other page. */
#canvas-layout-wide-narrow .l-col__flex-6.l-col--flex-first > .l-col__flex-content { margin-right: 0 !important; }

/* Header: GFY logo to the RIGHT of the ad (desktop); ABOVE + centered on mobile.
   The footer injector appends .gfy-header-extra into .gfy-header-ad and adds
   .gfy-header-ad--row. DOM order is [ad][logo]; column-reverse floats the logo
   on top for mobile. */
.gfy-header-ad--row {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.gfy-header-ad--row .gfy-header-extra {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  max-height: 110px;
  max-width: 46%;
}
@media only screen and (max-width: 767px) {
  .gfy-header-ad--row { flex-direction: column-reverse; gap: 12px; justify-content: center; }
  .gfy-header-ad--row .gfy-header-extra { max-height: 120px; max-width: 92%; }
}

/* Mobile forum-row stats/last-post text: lighter grey */
@media only screen and (max-width: 480px) {
  .forum-list-container:not(.cards) .forum-item .cell-forum .rx-forum-stats,
  .forum-list-container:not(.cards) .forum-item .cell-forum .rx-lastpost-info { color: #bebebe !important; }
}

/* Mobile button groups: lay out horizontally instead of stacked */
.l-xsmall .b-button-group { flex-direction: row !important; }

/* Mobile: slightly smaller buttons with tighter padding (phone layout = .l-xsmall) */
.l-xsmall .b-button {
  font-size: 1.3rem !important;
  line-height: 1.8rem !important;
  padding: 0.5rem 1.1rem !important;
  min-height: 36px !important;
  min-width: 40px !important;
}

/* Last-post date legibility (was a dim secondary colour that blended into the bg) */
.go-to-last-post-container .post-date,
.post-date { color: #bdb7aa !important; }

/* Shorter thread rows: tighter cell padding, compact the stacked count stats, smaller last-post avatar */
tr.topic-item > td { padding-top: 7px !important; padding-bottom: 7px !important; }
.cell-count .posts-count,
.cell-count .views-count,
.cell-count .votes-count { line-height: 1.3 !important; font-size: 1.15rem !important; margin: 0 !important; }
.cell-lastpost .avatar img,
.topic-item .cell-lastpost .avatar img { width: 32px !important; height: 32px !important; }

/* Square avatars — show the full image instead of a circular crop.
   Post user-info, the member-profile photo, and generic .avatar img. */
.b-userinfo .b-avatar,
.b-userinfo .b-avatar > img,
.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
.avatar img { border-radius: 0 !important; }

/* All pure-black (#000000 / black-gradient) backgrounds lifted to #333333 */
#blog-subscribers-list .subscriber,.blogAdminLeft,.b-button,.cke_dialog_body .cke_dialog_contents .b-button,.b-button--secondary,.b-button--secondary:link,.b-button--secondary:visited,.cke_dialog_body .cke_dialog_contents .b-button--secondary,.cke_dialog_body .cke_dialog_contents .b-button--secondary:link,.cke_dialog_body .cke_dialog_contents .b-button--secondary:visited,.b-comment--blog,.b-comment--article,.b-comments--blog .b-comments__header,.b-comments--blog .b-comments__footer,.b-comments--article .b-comments__header,.b-comments--article .b-comments__footer,.b-comp-menu-dropdown__trigger--solid,.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger:hover,.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger,.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger,.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger.b-comp-menu-dropdown__trigger--toolbar,.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger.b-comp-menu-dropdown__trigger--toolbar:hover,.b-comp-menu-dropdown--open #lnkLoginSignupMenu,.b-comp-menu-dropdown__content,.b-comp-menu-dropdown--direction-up .b-comp-menu-dropdown__content,.b-content-slider__slide-caption-background,.b-form-select__select,.b-form-select__select:focus,.b-form-select__select.selectBox,.b-form-select__select .selectBox-label,.b-form-select__select-selectBox-dropdown-menu,.b-groupgrid__item-icon-link,.b-icon__wrapper--demo,.b-modal-banner__banner,.b-pmchat__content-wrapper,.b-pmchat__thread-placeholder,.b-pmchat__thread-container,.b-pmchat__participants,.b-pmchat__content-entry,.l-xsmall .b-pmchat__content-entry-inner,.b-post--pmchat,.b-post__body,.b-post-control__bubble-flyout,.b-pseudowidget.canvas-widget,.b-sharing-menu__item-link,.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--twitter,.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--twitter:visited,.b-tabbed-pane__pane.b-tabbed-pane__pane--selected,.b-tabbed-pane__tabs--standard,.b-toggle-slider.b-toggle-slider--no,.b-toggle-slider__handle.b-toggle-slider__handle--yes,.flatpickr-calendar,.forum-list-container .forum-item,.forum-list-container .subforum-list,.blogmember-list .list-container .list-item,.sg-groups-list .sg-groups-list-container .list-item,.fc-state-default,.fc-day-grid-event.fc-selected:after,.fc-button.fc-state-default,.canvas-layout-container .canvas-widget,#channel-tabbar .channel-tabbar-list li.current a,#channel-tabbar .channel-tabbar-list li.current a:hover,.edit-mode #channel-tabbar .channel-tabbar-list li.current a:hover,#footer,#content,#breadcrumbs,.conversation-content-widget .list-container .list-item .list-item-body-wrapper,.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter,.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter .list-item-body-wrapper,.dialog-container,.ckeditor-dialog,.ckeditor-dialog .cke_dialog_body,.ckeditor-dialog .cke_dialog_title,.ckeditor-dialog .cke_dialog_contents,.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_html,.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_html *,.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_labeled_label,.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_labeled_label *,.ckeditor-dialog .cke_dialog_contents label,.ckeditor-dialog .cke_dialog_contents div,.ckeditor-dialog .cke_dialog_contents span,.ckeditor-dialog .cke_dialog_footer,.ckeditor-dialog a.cke_dialog_tab,.ckeditor-dialog a.cke_dialog_tab:hover,.ckeditor-dialog a.cke_dialog_tab:focus,.ckeditor-dialog a.cke_dialog_tab:active,.pollresults-option-row .bar-container,.pollresults-option-row .percentage,.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter .filter-wrapper.selected,.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter .filter-wrapper.selected,.conversation-toolbar-wrapper .toolbar-filter-overlay,.toolbar-wrapper .toolbar-filter-overlay,.bbcode_container .bbcode_code,.urlvideo_container .videocontainer,.gallery-wrapper .photo-display .photo-item .photo-caption .caption-box,.ui-widget-content.dialog-container,.widget-tabs,.view-mode .widget-tabs .widget-tabs-nav-background,.view-mode .widget-tabs .widget-tabs-nav .module-title,.conversation-list.stream-view .list-item,.conversation-empty,.list-footer,.topic-list-container .topic-list,.notices,#debug-information,#mediaList .item-album,.forum_disabled_wrapper,.faqs .faq-search,.faqs .faq-groups,.faqs .rx-help-menu,.faqs .faq-group a.faq-group-title,.faqs .faq-search-title,.faqs .faq-group .sub-faqs a.faq-group-title,.faqs .faq-groups a,.faqs .faq-search-results a,.faq-content,.imgareaselect-outer,.qtip-default,.qtip-default .qtip-titlebar .qtip-close,.qtip-signature,.selectBox-dropdown .selectBox-label,.selectBox-options,.memberlist-widget .message-list .list-item-member,.private-message-widget .nav-pane,.custom-folder .edit-box-wrapper,.private-message-widget .message-list .message-item,.message-empty,.profile-sidebar-widget .profile-menulist .profile-menulist-item > a > .subscriptions-count,.profile-sidebar-widget .profile-menulist .profile-menulist-item .subscriptions-count,.profile_sidebar_content,.profileTabs.widget-tabs,.subscribeTabs.widget-tabs,#profileTabs.profileTabs,#profileTabs.profileTabs .conversation-list.stream-view .list-item,#profileTabs.profileTabs .widget-content,#profileTabs.profileTabs .post-content,.profileTabs .conversation-toolbar .b-button.b-button--secondary,.profileTabs .conversation-toolbar .b-button.b-button--secondary:hover,.profileNavTabs,.profileNavTabs ul,.profileNavTabs li,.profileNavTabs .active,.profileNavTabs .active a,.profileNavTabs .active ul,.profileNavTabs .active li,.profile_custom_edit .profileEditContent > ul.profileNavOuter > li.ui-tabs-active a,.profile_custom_edit .profileEditContent > div .ui-widget-content,.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary,.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary:hover,.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary,.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary:visited,code,#privateMessageContainer .toolset.h-left{background:none 0 0,#333333 !important;}
/* Tab-container background: the var is DEFINED on .widget-tabs (not :root), so a
   :root override loses the cascade. Redefine it at the source + override the two
   rules that consume it via var() so the tab-nav strip goes #333 instead of #000. */
.widget-tabs { --tab-container-background: none 0 0,#333333 !important; }
.view-mode .widget-tabs .widget-tabs-nav,
.widget-tabs .widget-tabs-nav .ui-tabs-nav { background: none 0 0,#333333 !important; }

/* Forum category header/footer -> #19181B (was none 0 0,#363433) */
.forum-list-container .category-header,
.forum-list-container .category-footer { background: none 0 0,#19181B !important; }

/* Remove the core button font (css_b_button.css set: bold 1.4rem/1.5 poppinsregular,
   Helvetica,Arial,sans-serif). Both core rules are non-!important, so this override
   neutralizes the bold-poppins font — buttons inherit the base font instead. */
.b-button, .ui-widget .b-button, .cke_dialog_body .cke_dialog_contents .b-button { font: inherit !important; }

/* Dark textbox input text -> #eaeaea; keep the sitebuilder white-bg textbox dark (readable) */
.textbox { color: #eaeaea !important; }
body.edit-mode .sb-dialog .textbox { color: #000000 !important; }

/* Active tab background -> #7f7f7f. --tab-background--active is defined on .widget-tabs and
   .profileTabs/.subscribeTabs; override at source + on the rule that consumes it. */
.widget-tabs,
.profileTabs.widget-tabs,
.subscribeTabs.widget-tabs { --tab-background--active: none 0 0,#7f7f7f !important; }
.widget-tabs .widget-tabs-nav li.ui-tabs-active { background: none 0 0,#7f7f7f !important; }


/* ===== Unread thread titles: gold tint (bit different from read) ===== */
/* unread must out-specify the .widget-tabs ... .topic-item a white rule (spec 401) */
.widget-tabs .topic-list-container .topic-list .topic-item.unread a,
.widget-tabs .topic-list-container .topic-list .topic-item:not(.read) a,
.topic-item.unread .topic-title,
.topic-item.unread a.topic-title,
.topic-item:not(.read) .topic-title { color: #d9d9d9 !important; font-weight: 700 !important; }

/* ===== Global back-to-top button (element injected by footer_code) ===== */
#gfy-btt {
  position: fixed; right: 16px; bottom: 16px; z-index: 9999;
  width: 40px; height: 40px; padding: 0; border: none; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  background: #AD936E; color: #ffffff; font-size: 18px; line-height: 1;
  box-shadow: 0 2px 10px rgba(0,0,0,0.45);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease;
}
#gfy-btt.gfy-show { opacity: 0.92; visibility: visible; transform: none; }
#gfy-btt:hover { background: #c8a97d; opacity: 1; }
@media only screen and (max-width: 767px) {
  #gfy-btt { right: 12px; bottom: 12px; width: 38px; height: 38px; font-size: 17px; }
}