/* css/theme-others.css */
/* Theme for "Others" - Blue & Modern (Sleek) */

/* --- Global Theme Styles for Body --- */
body.theme-others {
    background-color: #081420; 
    color: #D0E0F0; 
}

/* --- INDEX PAGE: INITIAL CHOICE & THEME SELECTION --- */
body.theme-others #initial-choice-screen h1 {
    color: #A9CCE3; /* Light Blue */
}
body.theme-others .initial-choice-button {
    background-color: #007BFF; /* Bright, modern blue */
    color: #ffffff;
    border-color: #007BFF;
}
body.theme-others .initial-choice-button:hover {
    background-color: #0069D9; /* Darker blue */
    border-color: #0069D9;
}
body.theme-others .initial-choice-button.secondary {
    background-color: transparent;
    color: #7CB9E8; /* Sky blue */
    border-color: #7CB9E8;
}
body.theme-others .initial-choice-button.secondary:hover {
    background-color: rgba(0, 123, 255, 0.1); /* Faint blue bg */
    color: #A9CCE3;
    border-color: #A9CCE3;
}
body.theme-others .theme-button { /* Styles for theme buttons on theme-selection screen */
    background-color: rgba(0, 123, 255, 0.15); /* Light blue with alpha */
    border-color: rgba(0, 123, 255, 0.4);
    color: #D0E0F0;
}
body.theme-others .theme-button:hover {
    background-color: rgba(0, 123, 255, 0.25);
    border-color: rgba(0, 123, 255, 0.6);
    color: #ffffff;
}


/* --- INDEX PAGE SLIDESHOW & MAIN CONTENT STYLES --- */
body.theme-others #slideshow-container .slideshow-image.active {
    opacity: 0.6; 
    filter: brightness(0.85); 
}
body.theme-others #slideshow-container::before {
    background-color: rgba(0, 123, 255, 0.2); /* Semi-transparent blue overlay */
}
body.theme-others #slideshow-container {
    background-color: #040A10; /* Very Dark Blue fallback */
}
body.theme-others .content-overlay { 
    background-color: rgba(15, 30, 45, 0.8); 
    border: 1px solid #2A4A6A; 
}
body.theme-others #site-title { color: #7CB9E8; } 
body.theme-others #intro-text { color: #A9CCE3; } 
body.theme-others #interested-button { background-color: #007BFF; color: #ffffff; } 
body.theme-others #interested-button:hover { background-color: #0069D9; }
body.theme-others footer a.footer-link { color: #7CB9E8; } 
body.theme-others footer a.footer-link:hover { color: #9CD7F8; }


/* --- INDEX PAGE: SAFETY MODAL --- */
body.theme-others .modal-content { 
    background-color: #102030; 
    border: 1px solid #3670A0;
}
body.theme-others .modal-content h2 { color: #A9CCE3; }
body.theme-others .modal-content h3 { color: #D0E0F0; }
body.theme-others .modal-action-button { /* For "I Agree" */
    background-color: #007BFF;
    color: #ffffff;
}
body.theme-others .modal-action-button:hover {
    background-color: #0069D9;
}


/* --- SIGNUP PAGE STYLES --- */
body.theme-others .signup-container {
    background-color: rgba(10, 20, 30, 0.9);
    border: 1px solid #1A3A5A;
}
body.theme-others .signup-header h1 {
    color: #A9CCE3; /* Light Blue */
}
body.theme-others .accordion-toggle {
    color: #D0E0F0;
    background-color: rgba(25, 50, 75, 0.5); 
}
body.theme-others .accordion-toggle:hover, 
body.theme-others .accordion-toggle.active {
    background-color: rgba(35, 60, 85, 0.6);
}
body.theme-others .checkbox-group input[type="checkbox"] {
    accent-color: #007BFF; /* Blue accent */
}
body.theme-others #submit-preferences-button { /* Signup page submit */
    background-color: #007BFF; 
    color: #ffffff;
}
body.theme-others #submit-preferences-button:hover {
    background-color: #0056b3; /* Darker Blue */
}
/* Flirty pop-up on signup page uses .modal-content, already styled above for this theme */
body.theme-others .close-modal-button-bottom { /* Signup modal's bottom close button */
    color: #7CB9E8;
    border-color: #7CB9E8;
}
body.theme-others .close-modal-button-bottom:hover {
    background-color: #7CB9E8;
    color: #102030;
}