/* =========================
   ADMIN PANEL
========================= */

html { margin-top: 32px !important; }
* html body { margin-top: 32px !important; }

#ma-admin-bar {
	padding-top: 20px;
	direction: ltr;
	color: #ccc;
	font-size: 13px;
	font-weight: 400;
	line-height: 2.46153846;
	height: 32px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 600px;
	z-index: 99999;
	background: linear-gradient(
		180deg,
		#1a1208,
		#0e0a06
	);
	border-bottom: 1px solid rgba(255,170,80,0.35);
	box-shadow:
		0 0 15px rgba(0,0,0,0.8),
		inset 0 0 10px rgba(255,140,0,0.08);
	font-family: 'Cinzel', serif;
}

#ma-admin-bar a.ab-item {
    color: #e6c27a;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.25s ease;
    text-shadow: 1px 1px 0 #000;
}

#ma-admin-bar a.ab-item:hover {
    color: #fff;

    background: linear-gradient(
        90deg,
        rgba(255,120,0,0.25),
        rgba(255,180,50,0.4),
        rgba(255,90,0,0.25)
    );

    box-shadow:
        0 0 10px rgba(255,120,0,0.6),
        inset 0 0 10px rgba(255,140,0,0.4);

    text-shadow:
        0 0 5px #ffae00,
        0 0 10px #ff4500;
}

#ma-admin-bar ul, #ma-admin-bar ul li {
	background: 0 0;
	clear: none;
	list-style: none;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative;
	text-indent: 0;
	z-index: 99999;
}

#ma-admin-bar li {
	float: left;
}

#ma-admin-bar li:hover {
    color: #ffcc66;
}

#ma-admin-bar .ab-top-secondary>li {
	float: right;
	margin-right: 15px;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: linear-gradient(
        180deg,
        #1a1208,
        #0e0a06
    );
    border: 1px solid rgba(255,170,80,0.3);
    border-radius: 6px;
    min-width: 180px;
    box-shadow:
        0 0 15px rgba(0,0,0,0.8),
        inset 0 0 8px rgba(255,140,0,0.1);
}

.dropdown-content a {
    color: #e6c27a;
    padding: 10px 14px;
    display: block;
    transition: all 0.2s ease;
}

.dropdown-content a:hover {
    color: #fff;
    background: linear-gradient(
        90deg,
        rgba(255,120,0,0.2),
        rgba(255,170,50,0.35),
        rgba(255,90,0,0.2)
    );
    box-shadow:
        0 0 8px rgba(255,120,0,0.6),
        inset 0 0 6px rgba(255,140,0,0.4);
}

.dropdown:hover .dropdown-content {display: block;}

/* =========================
   RULES
========================= */

.rules-box{
    max-width:1000px;
    margin:auto;
    padding:20px;
    border-radius:6px;
    background:#2a1e12;
    border:1px solid rgba(255,180,80,0.25);
    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.4),
        0 0 25px rgba(0,0,0,0.4);
}
.rules-title{
    text-align:center;
    font-family:'Cinzel', serif;
    font-size:28px;
    color:#e8c078;
    text-shadow:1px 1px 0 #000;
    margin-bottom:20px;
}
.rules-desc{
    background:#24180d;
    border:1px solid rgba(255,180,80,0.15);
    padding:12px;
    border-radius:4px;
    color:#e6d2a2;
    margin-bottom:20px;
}
.rules-list{
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid rgba(255,180,80,0.15);
}
.rules-item{
    background:#2a1e12;
    border-bottom:1px solid rgba(255,170,80,0.1);
    padding:12px 14px;
    color:#e6d2a2;
    transition:background 0.15s ease;
}
.rules-item:nth-child(even){
    background:#24180d;
}
.rules-item:nth-child(odd){
    background:#2a1e12;
}
.rules-item:hover{
    background:#3a2816;
}
.rules-item strong{
    color:#ffd27a;
    font-size:15px;
}