/* css/theme-men.css */
/* Theme for "Men" - Black & White (Monochromatic) */

/* --- Global Theme Styles for Body --- */
body.theme-men {
    background-color: #0a0a0a; 
    color: #e0e0e0;
}
/* Default theme styles for index.html when no specific theme is chosen yet, but body has .theme-default */
body.theme-default #initial-choice-screen h1 { color: #f0f0f0; }
body.theme-default .initial-choice-button { background-color: #555; color: white; border-color: #777; }
body.theme-default .initial-choice-button.secondary { background-color: transparent; color: #aaa; border-color: #aaa; }
body.theme-default .initial-choice-button:hover { background-color: #777; }
body.theme-default .initial-choice-button.secondary:hover { background-color: rgba(170,170,170,0.1); border-color: #bbb; color: #bbb; }


/* --- INDEX PAGE: INITIAL CHOICE & THEME SELECTION --- */
body.theme-men #initial-choice-screen h1 { color: #f0f0f0; }
body.theme-men .initial-choice-button {
    background-color: #e0e0e0;
    color: #1a1a1a;
    border-color: #e0e0e0;
}
body.theme-men .initial-choice-button:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
body.theme-men .initial-choice-button.secondary {
    background-color: transparent;
    color: #b0b0b0;
    border-color: #b0b0b0;
}
body.theme-men .initial-choice-button.secondary:hover {
    background-color: rgba(176,176,176,0.1);
    color: #e0e0e0;
    border-color: #e0e0e0;
}
body.theme-men .theme-button { /* Styles for theme buttons on theme-selection screen */
    background-color: rgba(200,200,200,0.1);
    border-color: rgba(200,200,200,0.3);
    color: #d0d0d0;
}
body.theme-men .theme-button:hover {
    background-color: rgba(220,220,220,0.2);
    border-color: rgba(220,220,220,0.5);
    color: #f0f0f0;
}


/* --- INDEX PAGE SLIDESHOW & MAIN CONTENT STYLES --- */
body.theme-men #slideshow-container .slideshow-image.active {
    opacity: 0.6; 
    filter: brightness(0.85) grayscale(0.3); 
}
body.theme-men #slideshow-container::before {
    background-color: rgba(0, 0, 0, 0.25); 
}
body.theme-men #slideshow-container {
    background-color: #050505; 
}
body.theme-men .content-overlay { 
    background-color: rgba(15, 15, 15, 0.8); 
    border: 1px solid #333; 
}
body.theme-men #site-title { color: #ffffff; } 
body.theme-men #intro-text { color: #b0b0b0; } 
body.theme-men #interested-button { background-color: #f0f0f0; color: #1a1a1a; } 
body.theme-men #interested-button:hover { background-color: #ffffff; color: #000000; }
body.theme-men footer a.footer-link { color: #cccccc; } 
body.theme-men footer a.footer-link:hover { color: #ffffff; }

/* --- INDEX PAGE: SAFETY MODAL --- */
body.theme-men .modal-content { /* Base for all modals in this theme */
    background-color: #181818;
    border: 1px solid #555;
}
body.theme-men .modal-content h2 { color: #f0f0f0; }
body.theme-men .modal-content h3 { color: #d5d5d5; }
body.theme-men .modal-action-button { /* For "I Agree" */
    background-color: #e0e0e0;
    color: #1a1a1a;
}
body.theme-men .modal-action-button:hover {
    background-color: #ffffff;
    color: #000000;
}


/* --- SIGNUP PAGE STYLES --- */
body.theme-men .signup-container {
    background-color: rgba(10, 10, 10, 0.9);
    border: 1px solid #444;
}
body.theme-men .signup-header h1 {
    color: #f0f0f0;
}
body.theme-men .accordion-toggle {
    color: #e0e0e0;
    background-color: rgba(40,40,40,0.5); 
}
body.theme-men .accordion-toggle:hover, 
body.theme-men .accordion-toggle.active {
    background-color: rgba(55,55,55,0.6);
}
body.theme-men .checkbox-group input[type="checkbox"] {
    accent-color: #cccccc; 
}
body.theme-men #submit-preferences-button { /* Signup page submit */
    background-color: #e0e0e0;
    color: #1a1a1a;
}
body.theme-men #submit-preferences-button:hover {
    background-color: #ffffff;
    color: #000000;
}
/* Flirty pop-up on signup page uses .modal-content, already styled above */
body.theme-men .close-modal-button-bottom { /* Signup modal's bottom close button */
    color: #ccc;
    border-color: #ccc;
}
body.theme-men .close-modal-button-bottom:hover {
    background-color: #ccc;
    color: #181818;
}