/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			DriftTengoku (based on prosilver)
	Based on style:		prosilver (the default phpBB 3.3.x 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=a9741ba1");
@import url("links.css?hash=cbeb92cc");
@import url("content.css?hash=56f9e623");
@import url("buttons.css?hash=5856472d");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=b64464fb");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=87b53e08");
@import url("modern-enhancements.css");

/* DriftTengoku Base Styles */
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #e5e5e5;
  color: #333333;
}

/* Wrapper */
.wrap {
  background-color: #e5e5e5;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Logo styling */
.logo {
  font-family: "Arial", sans-serif;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

/* Breadcrumbs styling */
.breadcrumbs {
  color: #666666;
  margin-bottom: 1rem;
}

.breadcrumbs a {
  color: #7b2d8e;
}

.breadcrumbs a:hover {
  color: #9b4dae;
}

/* Fix for broken elements */
.inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Ensure proper spacing */
.headerspace {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Fix for responsive issues */
@media (max-width: 768px) {
  .wrap {
    padding: 0 0.5rem;
  }

  .inner {
    padding: 0 0.5rem;
  }
}

/* Fix for table layouts */
table {
  width: 100%;
  border-collapse: collapse;
}

/* Fix for form layouts */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* Fix for list layouts */
ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/* Fix for image layouts */
img {
  max-width: 100%;
  height: auto;
}

/* Fix for broken float layouts */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* Ensure proper text alignment */
.rightside {
  float: right;
}

.leftside {
  float: left;
}

/* Fix for responsive center alignment */
.responsive-center {
  text-align: center;
}

@media (max-width: 768px) {
  .responsive-center {
    text-align: center;
  }

  .rightside,
  .leftside {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 0.5rem;
  }
}