/* Island — child of prosilver */

@import url("https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Cinzel:wght@600;700&display=swap");
@import url("../../prosilver/theme/normalize.css");
@import url("../../prosilver/theme/base.css");
@import url("../../prosilver/theme/utilities.css");
@import url("../../prosilver/theme/common.css");
@import url("../../prosilver/theme/links.css");
@import url("../../prosilver/theme/content.css");
@import url("../../prosilver/theme/buttons.css");
@import url("../../prosilver/theme/cp.css");
@import url("../../prosilver/theme/forms.css");
@import url("../../prosilver/theme/icons.css");
@import url("../../prosilver/theme/colours.css");
@import url("../../prosilver/theme/responsive.css");

/* === Island shell (inlined to bust @import cache) === */
/* Island dark theme — colours aligned with l2island.fun (fange) */

:root {
  --island-bg: #0a0806;
  --island-bg2: #14100c;
  --island-panel: #1a1510;
  --island-panel2: #221c16;
  --island-border: rgba(139, 90, 43, 0.45);
  --island-border-soft: rgba(80, 50, 30, 0.45);
  --island-gold: #f5c878;
  --island-gold-soft: #e8d2b9;
  --island-text: #e1d7cb;
  --island-muted: #b8a898;
  --island-dim: #7f7162;
  --island-link: #f5c878;
  --island-link-hover: #fff1e6;
  --island-ok: #5dff7a;
  --island-err: #ff6b6b;
  --island-pvp: #4b64ce;
  --island-pk: #d93d3a;
}

/* Same shell as l2island.fun: repeat sides + full header/content/footer art @1920 */
html {
  min-height: 100%;
}

html, body {
  background-color: #000000 !important;
  background-image: url("./images/bg-repeat.jpg") !important;
  background-position: 50% 0 !important;
  background-repeat: repeat-y !important;
  color: var(--island-text) !important;
  min-width: 1000px;
  min-height: 100%;
}

body {
  font-family: 'Myriad Pro', MyriadProRegular, Arial, Helvetica, sans-serif;
  margin: 0;
}

#wrap {
  width: 100% !important;
  max-width: 1920px !important;
  margin: 0 auto !important;
  padding: 0 0 220px !important;
  background: url("./images/bg-footer2.jpg") 50% bottom no-repeat !important;
  position: relative;
  box-sizing: border-box;
}

/* Exact same header canvas as the site (#header { height:700px }) */
#page-header {
  position: relative;
  height: 700px;
  min-height: 700px;
  padding: 0 !important;
  margin: 0 !important;
  background: url("./images/bg-header2.jpg") 50% 0 no-repeat !important;
  background-size: 1920px 700px !important;
  box-sizing: border-box;
  overflow: hidden;
}

/* Title block sits where the site logo/brand sits */
#page-header > .headerbar {
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  max-width: calc(100% - 24px);
  margin: 0 !important;
  padding: 12px 16px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center;
}

/* Hide default phpBB logo — site art already carries the brand frame */
#logo,
#logo .site_logo,
.logo,
.site_logo,
#page-header .headerbar .logo,
#page-header .headerbar img.logo,
#page-header .site_logo,
.headerbar .logo {
  display: none !important;
  background: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#page-header .site-description {
  float: none !important;
  width: auto !important;
  margin: 0 auto !important;
}

#page-header .site-description h1 {
  font-size: 2em !important;
  color: #fff1e6 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 18px rgba(80, 180, 220, 0.35);
}

#page-header .site-description p {
  color: #e1d7cb !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

#page-header .search-header {
  position: absolute;
  top: 16px;
  right: 0;
  float: none !important;
}

/* phpBB nav over the ornate bar baked into bg-header2 (site nav ~455px) */
#page-header > .navbar {
  position: absolute;
  top: 455px;
  left: 50%;
  transform: translateX(-50%);
  width: 1000px;
  max-width: calc(100% - 24px);
  margin: 0 !important;
  padding: 8px 12px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

#page-header > .navbar a,
#page-header > .navbar .breadcrumbs,
#page-header > .navbar .linklist {
  color: #e1d7cb !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}

#page-body,
#page-footer .copyright {
  width: 1000px;
  max-width: calc(100% - 24px);
  margin-left: auto;
  margin-right: auto;
}

#page-body {
  position: relative;
  z-index: 1;
  padding-top: 12px;
  padding-bottom: 24px;
  min-height: 520px;
  background: transparent !important;
}

/* Content art continues under the forum column, same as #content-wrapper */
#wrap::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 700px;
  height: 735px;
  background: url("./images/bg-content2.jpg") 50% 0 no-repeat;
  background-size: 1920px auto;
  pointer-events: none;
  z-index: 0;
}

#page-body,
#page-footer {
  position: relative;
  z-index: 1;
}

h1, h2, h3 {
  color: var(--island-gold-soft) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

h1 a, h2 a, h3 a {
  color: var(--island-gold) !important;
}

.site-description h1 {
  color: var(--island-gold) !important;
  font-size: 1.6em;
  letter-spacing: 0.02em;
}

.site-description p {
  color: var(--island-muted) !important;
}

a, a:link, a:visited {
  color: var(--island-link) !important;
}

a:hover, a:active {
  color: var(--island-link-hover) !important;
}

.navigation,
#page-header .navbar,
.forabg,
.forumbg,
.panel,
.post,
.cp-mini,
.stat-block,
.rules,
.well,
#tabs .tab > a,
#navigation a,
.tabs .tab > a {
  background-color: var(--island-panel) !important;
  background-image: none !important;
  border-color: var(--island-border) !important;
  color: var(--island-text) !important;
}

.headerbar {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

.navbar {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Forum blocks: dark glass so site art remains visible around them */
.forabg, .forumbg {
  background: rgba(12, 10, 8, 0.72) !important;
  background-image: none !important;
  border: 1px solid rgba(245, 200, 120, 0.22);
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

.panel, .post, .cp-mini, .stat-block, .rules {
  background: rgba(18, 14, 10, 0.78) !important;
  background-image: none !important;
  border: 1px solid var(--island-border-soft);
}

.forabg, .forumbg {
  background: linear-gradient(180deg, #241c14 0%, #16110c 100%) !important;
  border: 1px solid var(--island-border);
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

ul.topiclist li {
  color: var(--island-text) !important;
}

ul.topiclist dd,
ul.topiclist dt {
  border-color: var(--island-border-soft) !important;
  color: var(--island-text) !important;
}

li.header dt, li.header dd {
  color: var(--island-gold) !important;
  border-bottom: 1px solid var(--island-border) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

li.row {
  background-color: transparent !important;
  border-top-color: var(--island-border-soft) !important;
  border-bottom-color: transparent !important;
}

li.row:hover {
  background-color: rgba(245, 200, 120, 0.06) !important;
}

li.row strong {
  color: var(--island-gold-soft) !important;
}

.bg1, .bg2, .bg3 {
  background-color: var(--island-panel) !important;
  background-image: none !important;
}

.bg1 { background-color: #1a1510 !important; }
.bg2 { background-color: #1f1913 !important; }
.bg3 { background-color: #241e17 !important; }

.postprofile, .postbody {
  color: var(--island-text) !important;
  border-color: var(--island-border-soft) !important;
}

.postprofile strong, .postprofile b {
  color: var(--island-gold-soft) !important;
}

.content, .content h2, .signature, .notice {
  color: var(--island-text) !important;
}

.content h2 {
  color: var(--island-gold) !important;
  border-bottom-color: var(--island-border) !important;
}

.panel-container .panel, .cp-main .panel {
  background: var(--island-panel2) !important;
}

.panel h3, .panel h2 {
  color: var(--island-gold) !important;
  border-bottom-color: var(--island-border) !important;
}

label, .label, dt label {
  color: var(--island-muted) !important;
}

input, textarea, select, .inputbox {
  background: #100c09 !important;
  color: var(--island-text) !important;
  border: 1px solid var(--island-border) !important;
  box-shadow: none !important;
}

input:focus, textarea:focus, select:focus, .inputbox:focus {
  border-color: var(--island-gold) !important;
  outline: none;
}

.button, a.button, a.button1, a.button2,
input.button1, input.button2, input.button,
.button-secondary, .caret {
  background: linear-gradient(180deg, #3a2e22 0%, #241a12 100%) !important;
  background-image: none !important;
  color: var(--island-gold-soft) !important;
  border: 1px solid var(--island-border) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
  box-shadow: none !important;
}

.button:hover, a.button:hover, a.button1:hover, a.button2:hover,
input.button1:hover, input.button2:hover, input.button:hover {
  background: linear-gradient(180deg, #4a3a2a 0%, #2e2218 100%) !important;
  color: var(--island-link-hover) !important;
  border-color: var(--island-gold) !important;
}

.badge, .badge-wrapper .badge {
  background: #5a3d22 !important;
  color: var(--island-gold) !important;
}

.pagination li a, .pagination li span {
  background: var(--island-panel2) !important;
  color: var(--island-text) !important;
  border-color: var(--island-border-soft) !important;
}

.pagination li.active span,
.pagination .active span {
  background: #3a2a18 !important;
  color: var(--island-gold) !important;
  border-color: var(--island-gold) !important;
}

.breadcrumbs, .navlinks, .linklist, .rightside, .leftside {
  color: var(--island-muted) !important;
}

.breadcrumbs a, .navlinks a, .linklist a {
  color: var(--island-link) !important;
}

.footer-row, .copyright, .footer-copyright,
#page-footer, .page-footer {
  color: var(--island-dim) !important;
  background: transparent !important;
  border-color: var(--island-border-soft) !important;
}

.footer-copyright a {
  color: var(--island-muted) !important;
}

hr {
  border-color: var(--island-border-soft) !important;
}

table.table1, .table1, table.zebra-list {
  background: var(--island-panel) !important;
  color: var(--island-text) !important;
  border-color: var(--island-border) !important;
}

table.table1 thead th, .table1 th {
  background: transparent !important;
  color: var(--island-gold) !important;
  border-bottom: 1px solid var(--island-border) !important;
}

table.table1 td, .table1 td {
  border-bottom: 1px solid var(--island-border-soft) !important;
  color: var(--island-text) !important;
}

table.table1 tr:hover td {
  background: rgba(245, 200, 120, 0.05) !important;
}

code, .codebox, pre, .attachbox, .file {
  background: #100c09 !important;
  color: #e8d2b9 !important;
  border-color: var(--island-border) !important;
}

blockquote, .uncited {
  background: #1a1510 !important;
  border-color: var(--island-border) !important;
  color: var(--island-muted) !important;
}

.notice, .rules {
  background: #241810 !important;
  border: 1px solid var(--island-border) !important;
  color: var(--island-gold-soft) !important;
}

.error, .errorbox, .errorbox h3 {
  color: var(--island-err) !important;
}

.successbox, .successbox h3 {
  color: var(--island-ok) !important;
}

.icon, .icon i, .button .icon, .dropdown-contents i {
  color: var(--island-gold) !important;
}

.dropdown-contents, .dropdown .dropdown-contents,
.dropdown-extended .header, .dropdown-extended .footer {
  background: var(--island-panel2) !important;
  border-color: var(--island-border) !important;
  color: var(--island-text) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

.dropdown-contents li, .dropdown-contents a {
  color: var(--island-text) !important;
  border-color: var(--island-border-soft) !important;
}

.dropdown-contents a:hover {
  background: rgba(245, 200, 120, 0.08) !important;
  color: var(--island-link-hover) !important;
}

#navigation ul li a, .tabs .tab > a, #tabs .tab > a {
  background: var(--island-panel) !important;
  color: var(--island-muted) !important;
  border-color: var(--island-border-soft) !important;
}

#navigation ul li#active-subsection a,
#navigation ul li a:hover,
.tabs .activetab > a,
#tabs .activetab > a,
.tabs .tab > a:hover {
  background: #2a2118 !important;
  color: var(--island-gold) !important;
  border-color: var(--island-gold) !important;
}

.forum-image + .list-inner .forumtitle,
a.forumtitle, a.topictitle {
  color: var(--island-gold) !important;
  font-weight: bold;
}

a.forumtitle:hover, a.topictitle:hover {
  color: var(--island-link-hover) !important;
}

.forum_link, .forum_read, .forum_unread {
  color: var(--island-text) !important;
}

ul.forums {
  background: transparent !important;
  border: none !important;
}

.stat-block strong, .statistics strong {
  color: var(--island-gold-soft) !important;
}

/* Mark unread / new with gold rather than blue */
.row .topic_unread a.topictitle,
.row .forum_unread .forumtitle {
  color: #ffd794 !important;
}

/* Search box */
#search-box .inputbox,
.search-box .inputbox {
  background: #100c09 !important;
}

/* Online / offline dots stay readable */
.online { color: var(--island-ok) !important; }

/* Jumpbox / select */
.jumpbox select, fieldset select {
  background: #100c09 !important;
  color: var(--island-text) !important;
}

/* Quick reply / editor */
.message-box textarea {
  min-height: 140px;
}

/* ACP-looking panels on UCP */
.cp-mini {
  border: 1px solid var(--island-border-soft);
}

/* Soften phpBB default bright gradients leftover */
.forabg ul.topiclist li.header dl.row-item,
.forumbg ul.topiclist li.header dl.row-item {
  background: transparent !important;
}

/* Site link row under logo */
.island-site-bar {
  text-align: center;
  margin: 6px 0 12px;
  font-size: 0.95em;
}

.island-site-bar a {
  color: var(--island-gold) !important;
  margin: 0 10px;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.island-site-bar a:hover {
  border-bottom-color: var(--island-gold);
  color: var(--island-link-hover) !important;
}

/* Site home button */
#page-header .navbar .island-home-link > a {
  color: #f5c878 !important;
  font-weight: bold;
}
#page-header .navbar .island-home-link > a:hover {
  color: #fff1e6 !important;
}

/* Island: hide clutter */
#search-box.search-header,
.search-box.search-header,
#nav-breadcrumbs,
#page-footer {
	display: none !important;
}

/* Island: fantasy title */

/* Island: fantasy title (image logo like Scions of Destiny) */
#page-header .headerbar {
  top: 70px !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#page-header .site-description {
  float: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding: 0 !important;
}
#page-header .site-description > p:not(.skiplink) { display: none !important; }
#page-header .island-title-fallback,
#page-header .site_logo { display: none !important; }
#page-header a.island-title-link,
#page-header .logo.island-title-link {
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: none !important;
}
#page-header .island-title-img {
  display: block !important;
  margin: 0 auto !important;
  max-width: min(400px, 85vw);
  width: 380px;
  height: auto;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45));
}




/* Island Forum logo only */
#page-header .site-description {
  position: relative !important;
  width: auto !important;
  max-width: 92vw !important;
  min-height: 0 !important;
  text-align: center !important;
}
#page-header .logo.island-title-link {
  display: inline-block !important;
  float: none !important;
  margin: 0 auto !important;
}
#page-header .island-title-img {
  display: block !important;
  margin: 0 auto !important;
  width: 420px !important;
  max-width: 88vw !important;
  height: auto !important;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,0.55));
}
#page-header .island-forum-sub-link,
#page-header .island-forum-sub-img {
  display: none !important;
}


/* Island title logo forum 1784830507 */
#page-header .site-description {
  position: relative !important;
  width: auto !important;
  max-width: 92vw !important;
  min-height: 0 !important;
  text-align: center !important;
}
#page-header .logo.island-title-link {
  display: inline-block !important;
  float: none !important;
  margin: 0 auto !important;
  background: none !important;
}
#page-header .island-title-img {
  display: block !important;
  margin: 0 auto !important;
  width: 380px !important;
  max-width: 85vw !important;
  height: auto !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.45));
}
#page-header .island-forum-sub-link,
#page-header .island-forum-sub-img {
  display: none !important;
}