/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			ProLight
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Ian Bradley ( http://phpbbstyles.iansvivarium.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=1.1.11");
@import url("base.css?v=1.1.11");
@import url("utilities.css?v=1.1.11");
@import url("common.css?v=1.1.11");
@import url("links.css?v=1.1.11");
@import url("content.css?v=1.1.11");
@import url("buttons.css?v=1.1.11");
@import url("cp.css?v=1.1.11");
@import url("forms.css?v=1.1.11");
@import url("icons.css?v=1.1.11");
@import url("colours.css?v=1.1.11");
@import url("responsive.css?v=1.1.11");
@import url("prolight.css?v=1.1.11");

/* =========================
   Equivera Forum (phpBB) CSS
   Inter + Libre Baskerville
   ========================= */

/* Fonts (only if you are NOT linking in header)
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Libre+Baskerville:wght@400;700&display=swap');
*/

/* --- Variables (safe defaults if your vars already exist) --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Libre+Baskerville:wght@400;700&display=swap');
:root{
  --linen: #F7F2EA;
  --cream: #FBF8F3;
  --ink: #2A2A2A;

  /* If you already define --border elsewhere, this will be overridden */
  --border: rgba(34, 34, 34, .10);

  --card: rgba(255,255,255,.92);
  --card-solid: #fff;

  --shadow-side: 0 10px 20px rgba(0,0,0,0.10);
  --shadow-soft: 0 12px 30px rgba(27,27,27,.10);

  --radius: 14px;
  --radius-lg: 18px;

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 20px;
}

/* --- Page background --- */
html{
  background: radial-gradient(900px 600px at 20% -10%, #ffffff 0%, var(--linen) 55%, var(--cream) 100%);
}

body{
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: inherit;
}



/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family: "Libre Baskerville", Georgia, serif;
}

/* -------------------------
   Main forum container card
   ------------------------- */
.wrap{
  background: var(--card-solid);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
margin-top: 8px;
  /* sides + bottom shadow (no top) */
  box-shadow:
    -6px 0 16px rgba(0,0,0,0.08),
     6px 0 16px rgba(0,0,0,0.08),
     0 10px 20px rgba(0,0,0,0.10);

  overflow: hidden; /* keeps inner corners clean */
}

/* Give the inside a little breathing room */
#page-body{
  padding: 10px 10px 10px;
}

/* -------------------------
   Polished “card forums” TRICK
   ------------------------- */
.forabg,
.forumbg{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  margin: 0 0 var(--space-3) 0;
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.forabg,
.forumbg{
    transition: transform .15s ease, box-shadow .15s ease;
}

.forabg:hover,
.forumbg:hover{
    transform: translateY(-2px);
}

a.forumtitle,
a.topictitle{
    transition: color .15s ease;
}

a.forumtitle:hover,
a.topictitle:hover{
    color: #7a8c7a; /* adjust to your brand color */
}
/* Subtle hover lift */
.forabg:hover,
.forumbg:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.10);
  border-color: rgba(34,34,34,.14);
}

/* Remove harsh default gradients in headers */
.forabg .header,
.forumbg .header{
  background: transparent !important;
  border: 0 !important;
  padding: 12px 14px;
}

/* Softer section titles */
.forabg .header a,
.forumbg .header a{
  font-family: "Libre Baskerville", Georgia, serif;
  letter-spacing: .01em;
}

/* Clean row separators (instead of heavy table borders) */
.forabg li.row,
.forumbg li.row{
  border-top: 1px solid rgba(34,34,34,.08);
}

/* Gentle hover on rows */
li.row:hover{
  background: rgba(255,255,255,.55);
}

.forabg li.row,
.forumbg li.row{
    padding: 12px 14px;
}

.forabg .header,
.forumbg .header{
    font-size: 14px;
    letter-spacing: .03em;
    text-transform: uppercase;
    opacity: .85;
}

/* -------------------------
   Typography tweaks
   ------------------------- */
.content,
.postprofile,
a.lastsubject{
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 12px !important;
}

a.forumtitle,
a.topictitle{
    transition: color .15s ease;
}

a.forumtitle:hover,
a.topictitle:hover{
    color: #7a8c7a; /* adjust to your brand color */
}

a.topictitle{
  font-size: 15px;
}

/* Make post text easier to read (optional)
.postbody{
  font-size: 14px;
  line-height: 1.55;
}
*/

/* -------------------------
   Header layout: logo + search
   ------------------------- */
.eq-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 20px;
}

.lightsearch{ margin-left:auto; }

/* Fix the search control heights so borders align */
#search-box fieldset{
  display:flex;
  align-items:stretch;
  gap: 0;
}

#search-box input{
  height: 40px;
}

#search-box button,
#search-box a.button-search-end{
  height: 40px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Icon alignment in header */
.eq-header .icon{
  font-size:16px;
  line-height: 1;
}

.eq-header .header-avatar,
.eq-header .header-avatar span:after{
  line-height: 1;
}

ul.linklist  {
    line-height: 2.5em;
}

.icon{
    opacity: .75;
}

li.row:hover .icon{
    opacity: 1;
}

.postbody{
    font-size:14px;
    line-height:1.6;
}
/* -------------------------
   Footer card: shadow sides + bottom (NO TOP)
   ------------------------- */
/* Keep page-footer clean; style the visible footerwrap card */
#page-footer{
  background: transparent;
  border: 0;
  box-shadow: none;
}

.footerwrap{
  background: var(--card-solid);
  border: 1px solid var(--border);
  border-top: 0;
  border-radius: var(--radius-lg);

  /* sides + bottom shadow only */
  box-shadow:
    -6px 0 16px rgba(0,0,0,0.08),
     6px 0 16px rgba(0,0,0,0.08),
     0 10px 20px rgba(0,0,0,0.10);

  max-width: 1152px;
  min-width: 625px;
  padding: 15px;
  margin: 12px auto 0;
}



/* Optional: soften footer link look */
#page-footer a{
  text-decoration: none;
}
#page-footer a:hover{
  text-decoration: underline;
}

/* =========================
   Font Awesome forum/topic icons
   (hide old bg icons, use ::before)
   ========================= */

/* The icon cell/box where phpBB puts the background image */
.forum-image,
.topic-icon,
dl.row-item dt .list-inner:before,
dl.row-item dt:before {
  background: none !important;
}

/* Hide the default background icons (prosilver/prolight patterns) */
dl.row-item dt {
  background-image: none !important;
}

/* Make space for a new icon */
dl.row-item dt {
  position: relative;
  padding-left: 44px; /* room for icon */
}

/* Base icon */
dl.row-item dt::before{
  content: "\f07b"; /* folder (read) */
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  speak: none;

  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 18px;
  line-height: 1;
  opacity: 0.85;
}

/* ---- Forums ---- */
dl.row-item.forum_read dt::before{
  content: "\f07b";  /* folder-o / folder */
  opacity: 0.55;
}
dl.row-item.forum_unread dt::before{
  content: "\f07c";  /* folder-open */
  opacity: 0.95;
}
dl.row-item.forum_read_locked dt::before,
dl.row-item.forum_unread_locked dt::before{
  content: "\f023";  /* lock */
  opacity: 0.85;
}

/* ---- Topics ---- */
dl.row-item.topic_read dt::before{
  content: "\f15c";  /* file-text */
  opacity: 0.55;
}
dl.row-item.topic_unread dt::before{
  content: "\f15c";  /* file-text */
  opacity: 0.95;
}
dl.row-item.topic_read_hot dt::before{
  content: "\f06d";  /* fire */
  opacity: 0.70;
}
dl.row-item.topic_unread_hot dt::before{
  content: "\f06d";  /* fire */
  opacity: 0.95;
}
dl.row-item.topic_read_locked dt::before,
dl.row-item.topic_unread_locked dt::before{
  content: "\f023";  /* lock */
  opacity: 0.85;
}
dl.row-item.topic_read_mine dt::before,
dl.row-item.topic_unread_mine dt::before{
  content: "\f005";  /* star */
  opacity: 0.85;
}

/* ---- Announcements / stickies ---- */
dl.row-item.announce_read dt::before,
dl.row-item.announce_unread dt::before{
  content: "\f0a1";  /* bullhorn */
  opacity: 0.90;
}
dl.row-item.sticky_read dt::before,
dl.row-item.sticky_unread dt::before{
  content: "\f08d";  /* thumb-tack */
  opacity: 0.90;
}

/* Optional: slightly larger on forum index */
.forabg dl.row-item dt::before{
  font-size: 19px;
}

/* Unread emphasis */
dl.row-item.forum_unread dt::before,
dl.row-item.topic_unread dt::before,
dl.row-item.topic_unread_hot dt::before,
dl.row-item.announce_unread dt::before,
dl.row-item.sticky_unread dt::before{
  color: #3c6e91; /* tweak */
}

/* Remove default phpBB forum icons */
dl.row-item dt {
    background-image: none !important;
}

/* Hide any remaining icon containers */
.forum-image,
.topic-icon {
    display: none !important;
}

/* Make room for new Font Awesome icon */
dl.row-item dt {
    padding-left: 42px;
}

/* Font Awesome forum icon */
dl.row-item dt::before{
    content: "\f07b"; /* folder icon */
    font-family: "FontAwesome";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.8;
}

/* =========================
   Kill ProLight/prosilver default forum/topic icon bubbles
   ========================= */

/* 1) Remove any built-in background icons on the row itself */
dl.row-item,
dl.row-item dt,
dl.row-item dt .list-inner{
  background-image: none !important;
}

/* 2) ProLight often draws the “bubble/circle” using pseudo elements */
dl.row-item dt:before,
dl.row-item dt:after,
dl.row-item dt .list-inner:before,
dl.row-item dt .list-inner:after{
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) If there is a dedicated icon container, hide it */
dl.row-item .forum-image,
dl.row-item .topic-icon,
dl.row-item .row-icon,
dl.row-item .icon,
dl.row-item .icon.icon-folder,
dl.row-item .icon.icon-topic{
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* If ProLight uses a background “disc” element, this removes it */
dl.row-item .row-icon,
dl.row-item .forum-image,
dl.row-item .topic-icon{
  display: none !important;
}

/* 4) Ensure we can position our new icon */
dl.row-item dt{
  position: relative;
  padding-left: 44px !important;
}

/* 5) Our Font Awesome icon (single source of truth) */
dl.row-item dt::before{
  content: "\f07b"; /* folder */
  font-family: "FontAwesome";
  font-weight: normal;

  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 18px;
  line-height: 1;
  opacity: 0.8;
}

/* =========================
   Fix header spacing/stacking (ProLight)
   ========================= */

/* Make the header inner area a true row */
.headerwrap.lightheader .headerbar .inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

/* Keep logo block from shrinking weirdly */
#site-description{
  flex: 0 0 auto;
}

/* Right side (search + icons) in one row */
.lightsearch{
  flex: 1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 14px;
}

/* Search box should not drop under icons */
#search-box{
  flex: 0 0 auto;
  margin: 0 !important;
}

/* Icons row */
#nav-main{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  gap: 8px;
  margin: 0 !important;
}

/* =========================
   Fix forum list column layout (Topics/Posts/Last post)
   ========================= */

/* Ensure forum rows behave like columns again */
.forabg ul.topiclist li.row dl.row-item,
.forumbg ul.topiclist li.row dl.row-item{
  display:flex;
  align-items:center;
}

/* Main title/description column */
.forabg dl.row-item dt,
.forumbg dl.row-item dt{
  flex: 1 1 auto;
  min-width: 360px; /* prevents squish that causes stacking */
}

/* Right-side columns */
.forabg dl.row-item dd,
.forumbg dl.row-item dd{
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Match classic widths so they line up cleanly */
.forabg dl.row-item dd.topics,
.forumbg dl.row-item dd.topics{
  width: 90px;
  text-align: center;
}

.forabg dl.row-item dd.posts,
.forumbg dl.row-item dd.posts{
  width: 90px;
  text-align: center;
}

.forabg dl.row-item dd.lastpost,
.forumbg dl.row-item dd.lastpost{
  width: 260px;
}

/* Keep the header row aligned too */
.forabg ul.topiclist li.header dl,
.forumbg ul.topiclist li.header dl{
  display:flex;
  align-items:center;
}

/* Responsive: stack columns neatly on small screens */
@media (max-width: 900px){
  .forabg dl.row-item dd.lastpost,
  .forumbg dl.row-item dd.lastpost{
    display:none;
  }
}

@media (max-width: 650px){
  .forabg dl.row-item dd.topics,
  .forabg dl.row-item dd.posts,
  .forumbg dl.row-item dd.topics,
  .forumbg dl.row-item dd.posts{
    display:none;
  }

  .forabg dl.row-item dt,
  .forumbg dl.row-item dt{
    min-width: 0;
  }
}

/* Move forum title + description closer to icon */

.forabg dl.row-item dt,
.forumbg dl.row-item dt{
    padding-left: 36px !important; /* reduce space reserved for icon */
}

.forabg dl.row-item dt .list-inner,
.forumbg dl.row-item dt .list-inner{
    margin-left: 6px !important; /* reduce gap between icon and text */
}
/* Move forum title + description closer to icon */

.forabg dl.row-item dt,
.forumbg dl.row-item dt{
    padding-left: 36px !important; /* reduce space reserved for icon */
}

.forabg dl.row-item dt .list-inner,
.forumbg dl.row-item dt .list-inner{
    margin-left: 6px !important; /* reduce gap between icon and text */
}
dl.row-item dt::before{
    left: 8px;   /* move icon closer to text */
}