/*
================================================
|                                              |
|      CLUB-SPECIFIC NAVBAR STYLES - UCA       |
|      -- ENHANCED --                          |
|                                              |
================================================
*/

/* 1. BASE THEME (Fallback & Default)
   Inherits from the main site's celestial theme.
------------------------------------------------ */
:root {
  --nav-bg: rgba(12, 14, 29, 0.75);
  --nav-border: rgba(148, 163, 184, 0.15);
  --nav-text: #94A3B8;
  --nav-text-hover: #E2E8F0;
  --nav-logo-text: #E2E8F0;
  --nav-link-highlight: #8B5CF6;
  --nav-dropdown-bg: rgba(18, 20, 40, 0.95);
  --font-nav: 'Satoshi', sans-serif;
  --nav-text-hover-shadow: none; /* Add shadow variable */
}

/* 2. CLUB-SPECIFIC THEMES
------------------------------------------------ */

/* --- ICT Club --- */
body.theme-ict {
  --nav-bg: radial-gradient(circle, #2E003E, #4B0082);
  --nav-border: #ffbd59;
  --nav-text: #e2e8f0;
  --nav-text-hover: #ffbd59;
  --nav-logo-text: #ffbd59;
  --nav-link-highlight: #FFA500;
  --nav-dropdown-bg: #2E003E;
  --font-nav: 'Yuruy', sans-serif;
}

/* --- Debate Club --- */
body.theme-debate {
  --nav-bg: linear-gradient(135deg, #1C1C1C, #3D3D3D);
  --nav-border: #28a745;
  --nav-text: #E2E8F0;
  --nav-text-hover: #FFFFFF;
  --nav-logo-text: #FFFFFF;
  --nav-link-highlight: #28a745;
  --nav-dropdown-bg: #1C1C1C;
  --font-nav: 'Libre Baskerville', serif;
}

/* --- Photography Club --- */
body.theme-photo {
  --nav-bg: #5d4037;
  --nav-border: #F5F5DC;
  --nav-text: #F5F5DC;
  --nav-text-hover: #F5F5DC;
  --nav-logo-text: #F5F5DC;
  --nav-link-highlight: #F5F5DC;
  --nav-dropdown-bg: #5d4037;
  --font-nav: 'Antipasto', sans-serif;
}

/* --- Sports Club (UPDATED) --- */
body.theme-sports {
  --nav-bg: linear-gradient(rgba(20, 20, 20, 0.95), rgba(5, 5, 5, 0.95));
  --nav-border: rgba(255, 255, 255, 0.3);
  --nav-text: #E0E0E0;
  --nav-text-hover: #FFFFFF;
  --nav-logo-text: #FFFFFF;
  --nav-link-highlight: #FFFFFF;
  --nav-dropdown-bg: #0A0A0A;
  --font-nav: 'Montserrat', sans-serif;
  --nav-text-hover-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

/* --- Quiz Club (UPDATED) --- */
body.theme-quiz {
  --nav-bg: rgba(22, 27, 34, 0.75); /* Glassmorphism background */
  --nav-border: rgba(139, 148, 158, 0.3);
  --nav-text: #8b949e;
  --nav-text-hover: #e6edf3;
  --nav-logo-text: #e6edf3;
  --nav-link-highlight: #22d3ee; /* Cyan accent */
  --nav-dropdown-bg: rgba(22, 27, 34, 0.95);
  --font-nav: 'Lexend', sans-serif;
  --nav-text-hover-shadow: 0 0 8px rgba(34, 211, 238, 0.5); /* Cyan glow */
}

/* --- Science Club --- */
body.theme-science {
  --nav-bg: radial-gradient(circle, #000, #333);
  --nav-border: #C0C0C0;
  --nav-text: #C0C0C0;
  --nav-text-hover: #FFFFFF;
  --nav-logo-text: #FFFFFF;
  --nav-link-highlight: #C0C0C0;
  --nav-dropdown-bg: #000;
  --font-nav: 'Elianto', sans-serif;
}

/* --- Language Club --- */
body.theme-language {
  --nav-bg: linear-gradient(#FAF9F6, #e9e8e5);
  --nav-border: #0077BE;
  --nav-text: #555;
  --nav-text-hover: #0077BE;
  --nav-logo-text: #333;
  --nav-link-highlight: #0077BE;
  --nav-dropdown-bg: #e9e8e5;
  --font-nav: 'Cinzel Decorative', serif;
}

/* --- Cultural Club --- */
body.theme-cultural {
  --nav-bg: linear-gradient(120deg, #800000, #FFD700);
  --nav-border: #1A4D4F;
  --nav-text: #F5F5DC;
  --nav-text-hover: #FFFFFF;
  --nav-logo-text: #FFFFFF;
  --nav-link-highlight: #F5F5DC;
  --nav-dropdown-bg: #800000;
  --font-nav: 'Gilroy-Bold', sans-serif;
}

/* --- Green Club --- */
body.theme-green {
  --nav-bg: linear-gradient(to right, #2E7D32, #AEEA00);
  --nav-border: #FFFFFF;
  --nav-text: #000;
  --nav-text-hover: #000;
  --nav-logo-text: #000;
  --nav-link-highlight: #2E7D32;
  --nav-dropdown-bg: #AEEA00;
  --font-nav: 'Quicksand', sans-serif;
}

/* --- Literature Club (Suspended) --- */
body.theme-literature {
  --nav-bg: linear-gradient(135deg, #555, #888);
  --nav-border: #aaa;
  --nav-text: #ddd;
  --nav-text-hover: #fff;
  --nav-logo-text: #fff;
  --nav-link-highlight: #ccc;
  --nav-dropdown-bg: #555;
  --font-nav: 'EB Garamond', serif;
}


/* 3. NAVBAR STYLING (Uses the variables above)
------------------------------------------------ */
.navbar {
  font-family: var(--font-nav);
  background: var(--nav-bg);
  border-bottom: 1px solid var(--nav-border);
  color: var(--nav-text);
  /* Added for glassmorphism effect on certain themes */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: background 0.4s ease, border-color 0.4s ease;
}

.navbar .logo-text-main,
.navbar .logo-text-sub {
  color: var(--nav-logo-text);
  transition: color 0.3s ease;
}

.navbar__link {
  color: var(--nav-text);
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.navbar__link:hover {
  color: var(--nav-text-hover);
  text-shadow: var(--nav-text-hover-shadow);
}

.navbar__link::before {
  background: radial-gradient(circle, var(--nav-link-highlight) 0%, transparent 80%);
}

.dropdown__menu {
  background-color: var(--nav-dropdown-bg);
  border: 1px solid var(--nav-border);
  /* Smoother animation is handled by main navbar JS/CSS */
}

.dropdown__menu a {
  color: var(--nav-text);
  transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.dropdown__menu a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--nav-text-hover);
  transform: translateX(4px);
}

.bar {
  background-color: var(--nav-text-hover);
}