/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");
.headerbar, .page-header, .search-box, .search-header { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; }
/* keep original width but hide content visually */
.headerbar,
.page-header,
.search-box,
.search-header,
.site-footer,
footer,
.copyright,
.footer-links,
.poweredby {
  visibility: hidden !important;    /* hides content but retains layout box */
  background: transparent !important;
  color: transparent !important;
  pointer-events: none !important;
}

/* if you want zero height removed but keep container width for layout, set height explicitly */
.headerbar, .page-header, .search-header {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

/* Prevent shifts to main content: add same top/bottom spacing to main container if needed */
#page-body, .page-body, .content {
  margin-top: var(--header-height, 0px);   /* set --header-height to original header height if you need spacing */
}

/* --- Hide unwanted header links & blocks --- */
/* Top nav groups */
.navlinks,
.quick-links,
.navbar .navlinks,
.navbar .quick-links,
.navbar li.icon-home,
.navbar li.icon-faq,
.navbar li.icon-quicklinks,
.navbar a[href*="faq.php"] {
  display: none !important;
}

/* WHO IS ONLINE, BIRTHDAYS, STATISTICS blocks */
#whois_online,
#birthdays,
#site-statistics,
.block-online,
.block-birthdays,
.site-statistics,
.stat-block,
.forum-stats,
.board-stats {
  display: none !important;
}

/* Remove gaps/visuals left by hidden panels */
.column-right,
.panel,
.stat-block {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 none !important;
  overflow: hidden !important;
}

/* --- Ensure login/logout/register remain visible --- */
/* Common auth link selectors in prosilver: adjust if your style uses different selectors */
a[href*="ucp.php?mode=login"],
a[href*="ucp.php?mode=logout"],
a[href*="ucp.php?mode=register"],
.login, .logout, .register,
.navbar .header-profile, .navbar .header-auth {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  color: inherit !important;
}

/* If auth links are inside hidden containers, force them visible */
.navbar a[href*="ucp.php?mode=login"],
.navbar a[href*="ucp.php?mode=logout"],
.navbar a[href*="ucp.php?mode=register"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Safety: prevent generic hide rules from affecting auth links */
a[href*="ucp.php?mode=login"]:not(.hidden),
a[href*="ucp.php?mode=logout"]:not(.hidden),
a[href*="ucp.php?mode=register"]:not(.hidden) {
  display: inline-block !important;
}

/* Hide FAQ link and its icon in the navbar/header */
.navbar a[href*="/app.php/help/faq"],
.navbar li.icon-faq,
a[href*="/app.php/help/faq"] .icon,
.icon-faq,
a.icon-faq {
  display: none !important;
}

/* If FAQ is inside .navlinks or .quick-links ensure it's removed */
.navlinks a[href*="/app.php/help/faq?style=9"],
.quick-links a[href*="/app.php/help/faq?style=9"] {
  display: none !important;
}

/* hide FAQ for logged-in users */
body.S_USER_LOGGED_IN .navbar a[href*="/app.php/help/faq?style=9"],
body.S_USER_LOGGED_IN .navbar li.icon-fa-question-circle,
body.S_USER_LOGGED_IN a[href*="/app.php/help/faq?style=9"].icon,
body.S_USER_LOGGED_IN .icon-fa-question-circle {
  display: none !important;
}

/* Hide Terms of use and Privacy policy links (exact hrefs) */
a[href="./ucp.php?mode=terms"],
a[href="./ucp.php?mode=privacy"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* ===== UCP login page: consistent horizontal padding ===== */
#page-body .content {
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box;
}

/* Add horizontal padding for UCP login/register content */
body#phpbb .content.ucp-login,
body#phpbb .content.ucp-register,
.content.login-ucp,
.content.register-ucp,
.content[data-ucp="login"],
.content[data-ucp="register"] {
padding-left: 10px !important;
padding-right: 10px !important;
}

/* Fallback: target ucp pages by form or fieldset structure */
#page-body .content > fieldset.fields1,
#page-body .content > h3,
#page-body .content > .button2 {
padding-left: 10px !important;
padding-right: 10px !important;
}

/* If those selectors don't apply, add this simple catch-all (last resort) */

#page-body .content {
padding-left: 10px !important;
padding-right: 10px !important;
}

/* Hide terms/privacy links and any separator between them on UCP login page */
#page-body .content p strong,
#page-body .content p strong a,
#page-body .content p strong::before,
#page-body .content p strong::after {
  display: none !important;
  visibility: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Fallback: hide the entire paragraph if present */
#page-body .content p:has(> strong > a[href*="mode=terms"], > strong > a[href*="mode=privacy"]) {
  display: none !important;
}

/* keep site container width unchanged (adjusted to 1164) */
.wrap, .site, .container, .header, .content, .submit-buttons, .captcha-title {
  width: 1164px !important;
  max-width: inherit !important;
}

/* Force exact navbar and nav-main widths and center them (adjusted to 1164) */
div.navbar, .content, .submit-buttons, .captcha-title {
  box-sizing: border-box !important;
  width: 1164px !important;
  max-width: 1164px !important;
  margin: 0 auto !important;
  padding: 0 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* Make the main nav list slightly narrower inside the navbar */
ul#nav-main.nav-main.linklist {
  box-sizing: border-box !important;
  width: 1164px !important;
  max-width: 1164px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Ensure navbar children don't override widths */
div.navbar > * {
  max-width: inherit !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Constrain page-body to match site width and center it (adjusted) */
#page-body, .page-body {
  box-sizing: border-box !important;
  max-width: 1164px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make footer rows use same constrained width and center */
p.footer-row,
.footer-row,
.site-footer,
#page-footer {
  box-sizing: border-box !important;
  max-width: 1164px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

p.footer-row > *,
.footer-row > * {
  max-width: inherit !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.headerbar, .site-footer {
  display: block !important;
  visibility: hidden !important;
  min-height: 0 !important;
}

/* Final override to ensure content/inner containers are 1164px */
html body #wrap #page-body div.content,
html body #wrap #page-body .content,
html body #wrap #page-body div.inner,
html body #wrap #page-body .inner {
  box-sizing: border-box !important;
  width: 1164px !important;
  max-width: 1164px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Add 10px left and right padding in Registration Form */
#register h2,
#register dl,
#register div.inner {
  padding-left: 10px !important;  
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

/* target right-side nav items more specifically */
#nav-main.nav-main.linklist > li.rightside,
#nav-main.nav-main.linklist > li.right-side,
#nav-main.nav-main.linklist > li.header-menu,
#nav-main.nav-main.linklist > li.account,
#nav-main.nav-main.linklist > li:last-child {
  padding-right: 10px !important;
}

/* if the link text is inside a span */
#nav-main.nav-main.linklist > li > a > span,
#nav-main.nav-main.linklist > li > span {
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

/* hide checkbox by ID */
#viewonline { display: none !important; }

/* safe fallback: hide any label whose for attribute matches viewonline */
label[for="viewonline"] { display: none !important; }



/* ===== HARD RESPONSIVE OVERRIDES FOR CLIENT LOGIN / REGISTRATION ===== */
/* Keep desktop alignment, but make UCP pages fluid on tablets/phones and narrow viewports. */
@media screen and (max-width: 1024px) {
  html,
  body,
  #wrap,
  #page-body,
  .page-body,
  #register,
  #register .panel,
  #register .inner,
  #register .content,
  #register fieldset,
  #register .fields2,
  .content,
  .inner,
  .panel,
  .submit-buttons,
  .captcha-title,
  div.navbar,
  ul#nav-main.nav-main.linklist,
  html body #wrap #page-body div.content,
  html body #wrap #page-body .content,
  html body #wrap #page-body div.inner,
  html body #wrap #page-body .inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html, body {
    overflow-x: hidden !important;
  }

  #wrap,
  #page-body,
  .page-body,
  .content,
  .inner,
  .panel,
  #register .inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* stack classic phpBB rows cleanly */
  #register fieldset dl,
  #register fieldset dt,
  #register fieldset dd,
  fieldset.fields2 dl,
  fieldset.fields2 dt,
  fieldset.fields2 dd {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #register fieldset dd,
  fieldset.fields2 dd {
    margin-top: 6px !important;
  }

  #register input,
  #register select,
  #register textarea,
  #register .inputbox,
  input.inputbox,
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  select,
  textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  #register textarea,
  textarea {
    min-height: 120px !important;
  }

  /* make long explanatory text wrap instead of forcing width */
  #register dt span,
  #register dd,
  #register dl,
  .content,
  .panel,
  .inner {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* ensure submit area is visible and reachable */
  .submit-buttons,
  fieldset.submit-buttons,
  #register .submit-buttons,
  #register fieldset.submit-buttons {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 70px !important;
    margin-bottom: 90px !important;
    box-sizing: border-box !important;
  }

  #submit,
  .submit-buttons input,
  input.button1,
  input.button2,
  .button1,
  .button2,
  input.button1.default-submit-action {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 180px !important;
    min-height: 48px !important;
    padding: 12px 24px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    border-radius: 4px !important;
    margin: 0 0 50px 0 !important;
    position: relative !important;
    z-index: 5 !important;
  }
}



/* ===== DESKTOP TIDY-UP FOR EMBEDDED LOGIN/REGISTER PANEL ===== */
#page-body,
.page-body,
.panel,
.panel .inner,
.content {
  box-sizing: border-box !important;
}

.ucp-main .panel,
#register .panel,
#login .panel,
.panel {
  width: 100% !important;
  max-width: 100% !important;
}

.panel .inner,
#register .inner,
#page-body .content,
.content {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}




/* ===== DESKTOP FORM SPACING TWEAKS FOR EMBEDDED CLIENT PAGES ===== */
@media screen and (min-width: 1025px) {
  /* reduce empty space above the first visible panel */
  #page-body,
  .page-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #page-body > .panel:first-child,
  .page-body > .panel:first-child,
  .panel:first-child {
    margin-top: 0 !important;
  }

  /* give action buttons breathing room at the bottom */
  .submit-buttons,
  fieldset.submit-buttons,
  #register .submit-buttons,
  #register fieldset.submit-buttons {
    padding-bottom: 28px !important;
    margin-bottom: 28px !important;
  }

  #submit,
  .submit-buttons input,
  input.button1,
  input.button2,
  .button1,
  .button2,
  input.button1.default-submit-action {
    margin-bottom: 18px !important;
  }

  /* extra room below agreement buttons on terms page */
  .panel .inner > p:last-child,
  .panel .inner > fieldset:last-child {
    margin-bottom: 24px !important;
  }
}