@import url('https://fonts.bunny.net/css?family=cinzel:500,700|rajdhani:400,500,600,700&display=swap');

/* SWTOR - Sith Empire theme for Prometheus
   Drop in /store/themes/swtor-empire/ and select it in the Prometheus config.
   Palette lives in the :root block below; swap it for the Republic look (see README). */

/* html:root beats the config's plain :root, so these win regardless of load order */
html:root {
	--background: #050a12;
	--secondary: #07101e;
	--tertiary: #102846;

	/* same palette as the in-game SWTOR UI kit */
	--primary: #1e5a8c;      /* active-tab blue */
	--danger: #123f6b;
	--success: #ecc458;      /* SWC.Gold, hover/active */
	--info: #78cdff;         /* SWC.Holo cyan trim */

	--swtor-gold: #ecc458;
	--swtor-amber: #ffaa28;
	--swtor-red: #e62832;    /* SWC.EmpireRed accent */

	--swtor-edge: rgba(120, 205, 255, 0.28);
	--swtor-edge-strong: rgba(120, 205, 255, 0.6);
	--swtor-glow: rgba(60, 160, 230, 0.55);
	--swtor-text: #cfe6f7;
	--swtor-dim: #7f9bb5;
}

/* ---------- Base ---------- */
html body *:not(i) {
	font-family: 'Rajdhani', 'Segoe UI', sans-serif !important;
}
html body h1:not(i), html body h2:not(i), html body h3:not(i), html body h4:not(i), html body h5:not(i),
html body .store-box-header:not(i), html body .store-box .store-box-upper span:not(i), html body .title-area h5:not(i),
html body .srv-label:not(i), html body .navbar .nav-link:not(i), html body .buy-btn:not(i), html body .btn:not(i),
html body .categoryLink:not(i), html body .stat-box-header:not(i), html body .panel-header:not(i),
html body .ticket-header:not(i), html body .header:not(i), html body .dashboard-nav a:not(i), html body .modal-title:not(i) {
	font-family: 'Cinzel', 'Trajan Pro', serif !important;
}

html body {
	color: var(--swtor-text);
	font-size: 1.05rem;
	letter-spacing: 0.02em;
	background-color: var(--background) !important;
	/* tenebruh background (bg.jpg sits next to this file), dimmed so the panels and text stay readable */
	background-image:
		linear-gradient(180deg, rgba(5, 10, 18, 0.55) 0%, rgba(5, 10, 18, 0.78) 60%, rgba(5, 10, 18, 0.9) 100%),
		url('bg.jpg') !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}

a { color: var(--info); transition: color .2s; }
a:hover { color: #fff; text-decoration: none; }

::selection { background: var(--primary); color: #fff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #03070d; }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--primary), var(--danger)); border: 1px solid #03070d; }

/* ---------- Navbar ---------- */
.navbar {
	background: linear-gradient(180deg, #0a1424, #050a14) !important;
	border-bottom: 1px solid var(--swtor-edge);
	box-shadow: 0 2px 24px rgba(0, 0, 0, .8), 0 1px 0 var(--swtor-glow);
	position: relative;
}
.navbar::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
	background: linear-gradient(90deg, transparent, var(--primary) 30%, var(--info) 50%, var(--primary) 70%, transparent);
	pointer-events: none;
}
.navbar-brand img { filter: drop-shadow(0 0 8px var(--swtor-glow)); }

.nav-item .nav-link {
	background: transparent !important;
	color: var(--swtor-dim);
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: .85rem;
	border-radius: 0 !important;
	border-bottom: 2px solid transparent;
}
.navbar .nav-item.active .nav-link,
.navbar .nav-item:hover .nav-link {
	background: linear-gradient(180deg, transparent, rgba(60, 160, 230, .35)) !important;
	border-bottom-color: var(--swtor-red);
	color: #fff !important;
	text-shadow: 0 0 10px var(--swtor-glow);
}
.nav .dropdown-menu {
	background: #07101e !important;
	border: 1px solid var(--swtor-edge);
	border-radius: 0;
	box-shadow: 0 10px 30px #000;
}
.nav .dropdown-menu .dropdown-item { color: var(--swtor-text); background: transparent; }
.nav .dropdown-menu .dropdown-item:hover,
.nav .dropdown-menu .active a { background: var(--primary) !important; color: #fff; }

/* ---------- Titles ---------- */
.title-area h5 { letter-spacing: .35em; color: var(--info); }
.title-area h1, h1 {
	text-transform: uppercase;
	letter-spacing: .12em;
	text-shadow: 0 0 22px var(--swtor-glow);
}
.title-area h1::after, .donationGoal h2::after, .top_donators h2::after, .recent_donators h2::after {
	content: ""; display: block; width: 90px; height: 2px; margin: 12px 0 0;
	background: linear-gradient(90deg, var(--primary), var(--info), transparent);
}
div.header { text-transform: uppercase; letter-spacing: .14em; color: #fff; text-shadow: 0 0 20px var(--swtor-glow); }
.title-area h1:empty::after { display: none; }
.donationGoal h2, .top_donators h2, .recent_donators h2 { font-size: 1.6rem; letter-spacing: .14em; }

/* ---------- Corner-bracket panels ---------- */
.feat, .store-box, .darker-box, .srv-box, .stat-box, .panel-inner,
.dashboard-widget-small-box, .alert, .info-box {
	position: relative;
	background: linear-gradient(160deg, #0d1d34 0%, var(--secondary) 55%, #060d18 100%) !important;
	border: 1px solid var(--swtor-edge) !important;
	border-radius: 0 !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .65), inset 0 0 40px rgba(0, 0, 0, .35);
	transition: border-color .25s, box-shadow .25s, transform .25s;
}
.feat::before, .feat::after, .store-box::before, .store-box::after,
.darker-box::before, .darker-box::after, .srv-box::before, .srv-box::after {
	content: ""; position: absolute; width: 14px; height: 14px; pointer-events: none;
	border: 0 solid var(--info);
}
.feat::before, .store-box::before, .darker-box::before, .srv-box::before {
	top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px;
}
.feat::after, .store-box::after, .darker-box::after, .srv-box::after {
	bottom: -1px; right: -1px; border-bottom-width: 2px; border-right-width: 2px;
}
.feat:hover, .store-box:hover, .srv-box:hover {
	border-color: var(--swtor-edge-strong) !important;
	box-shadow: 0 10px 34px rgba(0, 0, 0, .8), 0 0 22px rgba(60, 160, 230, .3), inset 0 0 40px rgba(0, 0, 0, .35);
	transform: translateY(-2px);
}
.feat .card-title { text-transform: uppercase; letter-spacing: .14em; font-size: 1.3rem; }
.feat .card-body .content { color: var(--swtor-dim); font-weight: 500; }
.feat .fa-stack svg:first-child { opacity: .25; filter: drop-shadow(0 0 8px var(--swtor-glow)); }

/* ---------- Server selector ---------- */
.srv-box { padding: 20px; }
.srv-box .srv-label {
	border-radius: 0 !important; text-transform: uppercase; letter-spacing: .15em;
	background: linear-gradient(90deg, var(--danger), var(--primary)) !important;
	color: #fff !important;
}
.srv-box:hover svg, .srv-box:hover .srv-label { color: var(--info) !important; }
.srv-box:hover .srv-label { background: linear-gradient(90deg, var(--tertiary), #2a1519) !important; }

/* ---------- Packages ---------- */
.store-box-header {
	margin-top: 10px;
	background: linear-gradient(180deg, #2a74b0 0%, var(--danger) 100%) !important;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--swtor-edge-strong);
	font-size: 1.45rem;
	letter-spacing: .16em;
	text-shadow: 0 2px 8px #000, 0 0 14px var(--swtor-glow);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.store-box .store-box-upper span {
	color: var(--swtor-gold);
	font-size: 1.7rem;
	letter-spacing: .08em;
	border: 0 !important;
	text-shadow: 0 0 14px rgba(120, 205, 255, .35);
}
.store-box .store-box-upper ul li {
	background: rgba(0, 0, 0, .35) !important;
	border-color: var(--swtor-edge) !important;
	color: var(--swtor-dim);
	text-transform: uppercase; letter-spacing: .14em; font-size: .85rem;
}
.store-box .store-box-lower { color: var(--swtor-dim); font-size: .95rem; }

.buy-btn {
	border-radius: 0 !important;
	background: linear-gradient(180deg, #ffbe45, #c47a12) !important; /* amber pill like the game's Activate button */
	border: 1px solid #ffd98a !important;
	border-top: 0 !important;
	color: #1a0e00 !important;
	text-transform: uppercase; letter-spacing: .2em; font-weight: 700;
	transition: all .25s;
}
.buy-btn:hover, .buy-btn:focus {
	background: linear-gradient(180deg, #8fdcff, #2a74b0) !important;
	color: #02111f !important; text-shadow: none;
	box-shadow: 0 0 22px rgba(120, 205, 255, .55);
}
.buy-btn.disabled {
	background: #0a1424 !important;
	color: #e8606a !important;
	letter-spacing: .02em; text-transform: none; font-weight: 600; font-size: .85rem;
	white-space: normal !important;
	border-color: rgba(120, 205, 255, .18) !important;
}
.buy-btn.disabled:hover { box-shadow: none; color: #e8606a !important; }

/* Forum / Roster buttons in the navbar (added in inc/header.php) */
.navbar .nav-item.nav-item-ext .nav-link {
	border: 1px solid var(--swtor-edge) !important;
	margin: 0 4px;
	padding: 7px 16px !important;
	background: linear-gradient(180deg, rgba(30, 90, 140, .45), rgba(10, 24, 44, .9)) !important;
	color: #bfe8ff !important;
}
.navbar .nav-item.nav-item-ext:hover .nav-link {
	background: linear-gradient(180deg, #2a74b0, #123f6b) !important;
	border-color: var(--info) !important;
	box-shadow: 0 0 14px var(--swtor-glow);
	color: #fff !important;
}

/* ---------- Search / filters ---------- */
.darker-box { padding: 20px; }
.darker-box .categoryLink, .btn-theme {
	background: transparent !important;
	border: 1px solid var(--swtor-edge-strong) !important;
	color: var(--info) !important;
	border-radius: 0 !important;
	text-transform: uppercase; letter-spacing: .12em; font-size: .8rem;
	padding: 6px 12px;
	transition: all .2s;
}
.darker-box .categoryLink:hover, .darker-box .categoryLink.active,
.btn-theme:hover {
	background: var(--primary) !important; color: #fff !important;
	border-color: var(--primary) !important;
	box-shadow: 0 0 14px var(--swtor-glow);
}

.form-control, select.form-control, input, textarea {
	background: #050a12 !important;
	border: 1px solid var(--swtor-edge) !important;
	border-radius: 0 !important;
	color: var(--swtor-text) !important;
}
.form-control:focus {
	border-color: var(--primary) !important;
	box-shadow: 0 0 0 1px var(--primary), 0 0 14px var(--swtor-glow) !important;
}
label, .darker-box label { text-transform: uppercase; letter-spacing: .14em; font-size: .75rem; color: var(--info); }

/* ---------- Buttons ---------- */
.btn { border-radius: 0 !important; text-transform: uppercase; letter-spacing: .12em; }
.btn-success { background: linear-gradient(180deg, #e0b24a, #a87a1a) !important; border-color: #e0b24a !important; color: #140b02 !important; }
.btn-primary, .btn-danger { background: linear-gradient(180deg, var(--primary), var(--danger)) !important; border-color: var(--primary) !important; }

/* ---------- Progress / tables ---------- */
.progress {
	height: 34px;
	background: #03070d !important;
	border: 1px solid var(--swtor-edge);
	border-radius: 0 !important;
	box-shadow: inset 0 0 14px #000;
}
.progress-bar {
	background: linear-gradient(90deg, var(--danger), var(--primary) 70%, #78cdff) !important;
	box-shadow: 0 0 16px var(--swtor-glow);
	position: relative; overflow: hidden;
}
.progress-bar::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .25) 50%, transparent 70%);
	background-size: 200% 100%;
	animation: swtor-sheen 3.2s linear infinite;
}
@keyframes swtor-sheen { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.progress span { color: #fff !important; text-shadow: 0 1px 4px #000; letter-spacing: .1em; }

.table { color: var(--swtor-text); }
.table thead th, .table-striped thead > tr > td {
	background: linear-gradient(180deg, #2a74b0, var(--danger)) !important;
	color: #fff; border: 0 !important;
	text-transform: uppercase; letter-spacing: .14em; font-size: .85rem;
}
.table td, .table th { border-color: rgba(120, 205, 255, .12) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(255, 255, 255, .025); }
.table-striped tbody tr:hover { background: rgba(60, 160, 230, .14); }

/* ---------- Dashboard / profile ---------- */
.ticket-header, .stat-box-header, .panel-header {
	background: linear-gradient(180deg, #2a74b0, var(--danger)) !important;
	letter-spacing: .14em; text-transform: uppercase;
}
.dashboard-nav { background: #050a14; border: 1px solid var(--swtor-edge); }
.dashboard-nav a { background: transparent; text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; }
.dashboard-nav .active, .dashboard-nav a:hover,
.page-item.active .page-link {
	background: linear-gradient(180deg, var(--primary), var(--danger)) !important; color: #fff !important;
}
.dashboard-widget-small-box { border-top: 2px solid var(--primary) !important; }
.page-link { background: var(--secondary); border-color: var(--swtor-edge); color: var(--info); border-radius: 0 !important; }

/* ---------- Alerts / modals ---------- */
.alert, .info-box { color: var(--swtor-text); }
.bs-callout-danger { border-left: 3px solid var(--primary) !important; }
.bs-callout-info, .info-box { border-left: 3px solid var(--info) !important; }
.modal-content {
	background: #0a1424; border: 1px solid var(--swtor-edge-strong); border-radius: 0;
	box-shadow: 0 0 40px rgba(60, 160, 230, .35);
}
.modal-header, .modal-footer { border-color: var(--swtor-edge); }
.modal-title { letter-spacing: .14em; text-transform: uppercase; }
.sale-box-new { background: linear-gradient(90deg, var(--danger), var(--primary), var(--danger)); letter-spacing: .2em; text-transform: uppercase; }

/* ---------- Footer ---------- */
.footer {
	background: #050a12 !important;
	border-top: 1px solid var(--swtor-edge);
	color: var(--swtor-dim);
	letter-spacing: .08em;
}
.footer a, .footer span a { color: var(--info) !important; }
.footer a:hover { color: #fff !important; }

@media (prefers-reduced-motion: reduce) {
	.progress-bar::after { animation: none; }
	.feat, .store-box, .srv-box { transition: none; }
}

/* ---------- Layout (ported from Aurora Rise so the page spacing stays the same) ---------- */
@media (min-width: 1400px) { .container { max-width: 1340px; } }
@media (min-width: 1500px) { .container { max-width: 1440px; } }
html, body { scroll-behavior: smooth; }
*:not(i) { line-height: 1.5; }

.main-page { margin-bottom: 10rem; }
.title-area { margin-top: 7rem !important; margin-bottom: 4rem !important; }
.title-area h5 { text-transform: uppercase; font-weight: 500; font-size: 1.1rem; padding: 0; margin-bottom: 0; }
.title-area h1 { padding: 0; margin-top: 0; font-weight: bold; font-size: 3.2rem; color: #fff; }

/* the inner nav lists must be see-through, only the navbar itself has a background */
.navbar .nav, .navbar-collapse .nav { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; align-items: center; }
.navbar-collapse > .nav:first-child { margin-left: 1.5rem; }
.navbar-collapse > .nav:last-child { margin-right: .5rem; }
.nav-item .nav-link { font-weight: 500 !important; transition: .4s; }
.nav .dropdown-menu .dropdown-item { padding: 18px; }
.navbar-collapse .nav-item .nav-link { padding: 15px; }

.inner-title p { padding-top: 3rem; color: #9fb8cc; }
.inner-title h3 { color: #fff !important; }
.donationGoal, .top_donators, .recent_donators { padding-bottom: 4rem; }
.donationGoal h2, .top_donators h2, .recent_donators h2 { color: #fff; text-transform: uppercase; font-weight: 600; margin-bottom: 1rem; }
.progress span { position: absolute; display: block; width: 100%; font-size: 1.15rem; }
.progress-bar { transition: width .6s ease; }
.table-striped thead { background: none; }

.srv-box svg { color: #fff; transition: all .2s ease-in-out; }
.srv-box .srv-label { color: #fff; font-weight: 500; transition: all .2s ease-in-out; }
.store-box .store-box-upper ul li { width: 100%; }
.alert, .info-box { color: #fff; line-height: 30px; }
.bs-callout-info { width: 100%; }
.advent-box { height: 170px; width: auto; }
.advent-box span { color: #fff; background: rgba(30, 90, 140, .7); }
.ticket-header, .stat-box-header, .panel-header { color: #fff; }

.feat { border: 1px solid var(--swtor-edge) !important; }
.feat .card-title { color: #fff; }
.feat .fa-stack svg:nth-child(2) { color: var(--info) !important; }
.btn-theme.col-md-3 { margin-bottom: 1rem; }

/* ---------- Home hero ---------- */
.swtor-hero { text-align: center; }
.swtor-hero h5 { color: var(--info); letter-spacing: .45em; }
.swtor-hero h1 { font-size: 4.2rem; letter-spacing: .2em; margin-bottom: 0; }
.swtor-hero h1::after { display: none; }
.swtor-hero-rule { display: flex; justify-content: center; margin-top: 1.4rem; }
.swtor-hero-rule span {
	display: block; width: min(520px, 80%); height: 2px;
	background: linear-gradient(90deg, transparent, var(--swtor-red) 20%, var(--info) 50%, var(--swtor-red) 80%, transparent);
	box-shadow: 0 0 14px var(--swtor-glow);
}
@media (max-width: 576px) { .swtor-hero h1 { font-size: 2.4rem; letter-spacing: .12em; } }

/* ---------- Fixes from the live site ---------- */
/* admin warning bar ("package is missing an action") */
.notSetup {
	background: linear-gradient(90deg, #4a0a10, #7a1018 50%, #4a0a10) !important;
	border-bottom: 1px solid var(--swtor-red);
	color: #ffd9dc !important;
	font-size: .9rem; letter-spacing: .06em; padding: 8px 0 !important;
}
/* spacing under the home page button row */
.main-page > .row + .row { margin-bottom: 3rem; }
.main-page .btn-theme { margin-bottom: 1rem; }
/* tables: navy rows instead of default grey */
.table-striped tbody tr, .table tbody tr { background: rgba(7, 16, 30, .85) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(16, 40, 70, .55) !important; }
.table-striped tbody tr:hover { background: rgba(30, 90, 140, .35) !important; }
.table td a, .table td { color: var(--swtor-text); }
.table td a { color: var(--info); }
.progress-bar { min-width: 2.5rem; }
.progress span { top: 0; line-height: 34px; text-align: center; }

/* nav link colours: site.css forces dark grey with !important, so match its specificity */
.navbar .nav-item .nav-link { color: #9fc4e0 !important; }
.navbar .nav-item.active .nav-link, .navbar .nav-item:hover .nav-link { color: #fff !important; }
.navbar .nav-item.nav-item-ext .nav-link { color: #bfe8ff !important; }
.navbar .nav-item.nav-item-ext:hover .nav-link { color: #fff !important; }