/* Armageddon-inspired desert palette for the Evennia website */

@media (max-width: 570px) {
    .oneThird,
    .quarter {
        width: 100%;
        border-left: none;
    }

    .headerTitle,
    .headerSubTitle {
        text-align: right;
    }

    .headerLinks {
        position: static;
    }
}

/* Maintain sticky footer layout */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 92px; /* footer height */
    background: linear-gradient(180deg, #f4e7d3 0%, #e2c8a7 45%, #c9a074 100%);
    color: #2a1a12;
}

.navbar-brand-logo {
    height: 64px;
    width: 64px;
    filter: drop-shadow(0 0 6px rgba(47, 24, 16, 0.35));
}

/* Desert primary colors */
.navbar {
    background: linear-gradient(90deg, #4a2b1c, #733e24);
    border-bottom: 3px solid #b56638;
}

.navbar a,
.navbar .navbar-text {
    color: #f9e8c9 !important;
}

.navbar a:hover,
.navbar a:focus {
    color: #ffd9a1 !important;
}

.navbar .dropdown-menu {
    background-color: #fffaf0;
}

.navbar .dropdown-menu .dropdown-item,
.navbar .dropdown-menu button.dropdown-item {
    color: #2a1a12 !important;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu button.dropdown-item:hover,
.navbar .dropdown-menu button.dropdown-item:focus {
    background-color: #f4e7d3;
    color: #5c301e !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(90deg, #4a2b1c, #5c301e);
    border-top: 3px solid #b56638;
    color: #f7e4c8;
}

.btn,
.btn-primary {
    background-color: #a9442b;
    border-color: #7c2c1a;
    color: #fff6e6;
}

.btn:hover,
.btn-primary:hover,
.btn:focus,
.btn-primary:focus {
    background-color: #7c2c1a;
    border-color: #5a1f12;
    color: #ffe7c7;
}

/* Fancy play button tuned for the new palette */
a.playbutton {
    box-shadow: 0 2px 10px 4px rgba(96, 47, 28, 0.35);
    background: linear-gradient(180deg, #b95530 0%, #8d331f 100%);
    border-radius: 12px;
    border: 1px solid #5c1c11;
    display: inline-block;
    cursor: pointer;
    color: #fff5e0;
    font-family: Arial, sans-serif;
    font-size: 19px;
    padding: 14px 37px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(41, 17, 10, 0.95);
    transition: transform 0.1s ease, box-shadow 0.15s ease;
}

a.playbutton:hover {
    background: linear-gradient(180deg, #8d331f 0%, #b95530 100%);
    box-shadow: 0 4px 12px 5px rgba(84, 32, 17, 0.45);
    transform: translateY(-1px);
}

a.playbutton:active {
    position: relative;
    top: 1px;
    box-shadow: 0 1px 6px 2px rgba(41, 17, 10, 0.4);
}