/* Rock & Roll Theme with Blue Chrome Effect */
:root {
    --primary-blue: #1e3de3;
    --chrome-light: #e8e9f3;
    --chrome-mid: #b8b9c6;
    --chrome-dark: #7a7b8c;
    --accent-color: #e63946;
    --text-light: #f1faee;
    --text-dark: #212529;
    --glow-color: rgba(30, 61, 227, 0.7);
}

/* Main content area */
#main-content.theme-rock-theme {
    background: linear-gradient(135deg, #121212 0%, #2a3b90 100%);
    color: var(--text-light);
    font-family: 'Montserrat', sans-serif;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgzMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgzMCwgNjEsIDIyNywgMC4wNSkiLz48L3BhdHRlcm4+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');
}

/* Chrome Effect for Portfolio Container */
.theme-rock-theme.portfolio-collection {
    background: linear-gradient(145deg, var(--chrome-light), var(--chrome-mid));
    border-radius: 12px;
    box-shadow: 
        0 10px 30px rgba(0,0,0,0.3),
        0 0 20px var(--glow-color),
        inset 0 0 10px rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,0.2);
    margin: 80px auto 40px;
}

/* Rock-themed Portfolio Header */
.rock-theme-header {
    background: linear-gradient(to bottom, #121212, #232526);
    border-bottom: 3px solid var(--accent-color);
}

.theme-rock-theme .collection-name-top {
    font-family: 'Metal Mania', cursive;
    font-size: 3.5em;
    text-transform: uppercase;
    color: white;
    text-shadow: 
        0 0 5px var(--primary-blue),
        0 0 10px var(--glow-color),
        0 0 15px var(--glow-color);
    letter-spacing: 2px;
}

.theme-rock-theme .theme-subtitle {
    font-size: 1.2em;
    color: var(--chrome-light);
    opacity: 0.8;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Featured Image styling */
.theme-rock-theme .portfolio-collection-image {
    background: #000;
}

.theme-rock-theme .collection-featured-image {
    filter: contrast(1.1) saturate(1.2);
    box-shadow: none;
    border-radius: 0;
}

/* Creator Rock Star Profile */
.theme-rock-theme .creator-avatar-container {
    background: linear-gradient(to right, #1a1a1a, #2c2c2c);
    border-bottom: 1px solid var(--chrome-dark);
}

.theme-rock-theme .creator-avatar-image {
    border: 3px solid var(--accent-color);
    box-shadow: 
        0 0 0 3px rgba(0,0,0,0.5),
        0 0 10px var(--glow-color);
}

.theme-rock-theme .creator-portfolio-name {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Portfolio details styling */
.theme-rock-theme .portfolio-details {
    background: linear-gradient(to bottom, #232526, #414345);
    color: var(--text-light);
    border-left: none;
}

/* File container styling */
.theme-rock-theme .collection-file-container {
    background: linear-gradient(to bottom, #232526, #414345);
    color: var(--text-light);
    border-left: none;
}

/* Critical accordion CSS - preserve these */
.theme-rock-theme .key-display-container {
    display: none !important;
    margin-top: 15px;
}

.theme-rock-theme .key-display-container.show-key {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
    align-items: flex-start;
}

.theme-rock-theme .collection-files .key-display-container.show-key {
    display: block !important;
}

.theme-rock-theme .public-key-container .key-display-container.show-key {
    display: flex !important;
    flex-direction: row;
    gap: 15px;
    align-items: flex-start;
}

/* Rock theme modifications to accordion buttons */
.theme-rock-theme .toggle-key-display {
    padding: 10px 15px;
    background: var(--primary-blue);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.theme-rock-theme .toggle-key-display:hover {
    background: #2a4cf7;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* Button styling */
.theme-rock-theme .download-link {
    background: var(--accent-color);
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.theme-rock-theme .download-link:hover {
    background: #f04e5c;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}