/*!
 * Rustorious Theme - Rust Game Inspired
 * Dark industrial theme with transparency effects
 */

:root {
    /* Header & Navigation */
    --primary-color:rgba(0, 0, 0, 0.46);
    --navbar-bg:rgba(0, 0, 0, 0.52);
    --navbar-color:rgba(255, 255, 255, 1);
    --search-button:rgba(0, 0, 0, 0);
    --button-bg:rgba(0, 0, 0, 0);
    --button-hover:rgba(163, 70, 32, 1);
    --button-text:rgba(255, 255, 255, 1);
    
    /* Body & Page */
    --background:rgba(15, 13, 11, 1);
    --color:rgba(232, 230, 227, 1);
    
    /* Content Areas */
    --content-bg:rgba(0, 0, 0, 0.81);
    --content-text:rgba(255, 255, 255, 1);
    --content-border:rgba(61, 52, 44, 0.6);
    --muted-text:rgba(240, 140, 0, 1);
    
    /* Links */
    --link-color:rgba(7, 100, 223, 1);
    --link-hover:#e5a47f;
    
    /* Cards */
    --theme-bg:#c85929;
    --theme-text:#ffffff;
    --financial-bg:#8b5a3c;
    --financial-text:#ffffff;
    --content-bg-card:rgba(34, 27, 23, 0.7);
    --content-text-card:#e8e6e3;
    --user-bg:rgba(53, 45, 38, 0.7);
    --user-text:#e8e6e3;
    
    /* Sold Out Buttons */
    --soldout-bg:rgba(61, 52, 44, 0.6);
    --soldout-hover:rgba(45, 36, 28, 0.7);
    --soldout-text:#6b5e54;
    
    /* Message States */
    --message-success-bg: rgba(45, 74, 43, 0.7);
    --message-success-border: rgba(62, 107, 58, 0.8);
    --message-success-text: #a8e6a1;
    
    --message-error-bg: rgba(74, 43, 43, 0.7);
    --message-error-border: rgba(107, 58, 58, 0.8);
    --message-error-text: #e6a1a1;
    
    --message-info-bg: rgba(43, 61, 74, 0.7);
    --message-info-border: rgba(58, 84, 107, 0.8);
    --message-info-text: #a1d4e6;
    
    --message-warning-bg: rgba(74, 61, 43, 0.7);
    --message-warning-border: rgba(107, 84, 58, 0.8);
    --message-warning-text: #e6d4a1;
}

/* Rustorious-specific styling */
body {
    background: var(--background);
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770293356_RustoriousBackground.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    color: var(--color);
    font-family: 'Arial', sans-serif;
}

/* Industrial metal buttons */
button, .btn {
    background: var(--button-bg);
    color: var(--button-text);
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

button:hover, .btn:hover {
    background: var(--button-hover);
    box-shadow: 0 4px 12px rgba(200, 89, 41, 0.4);
}

/* Semi-transparent content boxes */
.content, .card, .box {
    background: var(--content-bg);
    color: var(--content-text);
    border: 1px solid var(--content-border);
    backdrop-filter: blur(5px);
}

/* Rust-orange links */
a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--link-hover);
}

/* Transparent header with blur */
header, .header {
    background: var(--primary-color);
    backdrop-filter: blur(10px);
}

/* Transparent navigation */
nav, .navbar {
    background: var(--navbar-bg);
    backdrop-filter: blur(8px);
}

nav a {
    color: var(--navbar-color);
}

/* Message boxes with transparency */
.message-success {
    background: var(--message-success-bg);
    border: 1px solid var(--message-success-border);
    color: var(--message-success-text);
    backdrop-filter: blur(5px);
}

.message-error {
    background: var(--message-error-bg);
    border: 1px solid var(--message-error-border);
    color: var(--message-error-text);
    backdrop-filter: blur(5px);
}

.message-info {
    background: var(--message-info-bg);
    border: 1px solid var(--message-info-border);
    color: var(--message-info-text);
    backdrop-filter: blur(5px);
}

.message-warning {
    background: var(--message-warning-bg);
    border: 1px solid var(--message-warning-border);
    color: var(--message-warning-text);
    backdrop-filter: blur(5px);
}

/* Card transparency effects */
.theme-card, .financial-card, .content-card, .user-card {
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Logo Styling for Rustorious Theme */
.site-logo {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center;
    border-bottom: 2px solid rgba(212, 137, 106, 0.3);
}

.site-logo img {
    max-width: 180px;
    height: auto;
    filter: drop-shadow(0 2px 8px rgba(200, 89, 41, 0.6));
    margin-bottom: 10px;
}

.site-logo h2 {
    color: var(--navbar-color);
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
    margin: 0;
}

/* Header Logo Positioning */
.header img.logo-left,
.header img.logo-right {
    filter: drop-shadow(0 3px 10px rgba(200, 89, 41, 0.7));
    z-index: 100;
}

.header img.logo-left {
    left: 15px;
}

.header img.logo-right {
    right: 15px;
}

/* Ensure logos are visible on dark backgrounds */
.header .logo-left,
.header .logo-right {
    background: rgba(0, 0, 0, 0.3);
    padding: 8px;
    border-radius: 6px;
    backdrop-filter: blur(5px);
}

/* Mobile-friendly logo sizing */
@media (max-width: 768px) {
    .site-logo img {
        max-width: 120px;
    }
    
    .site-logo h2 {
        font-size: 16px;
    }
    
    .header img.logo-left,
    .header img.logo-right {
        max-height: 50px;
    }
}